/*
Theme Name: IMT Child
Template: hello-elementor
Description: Tema hijo de Hello Elementor para Grupo IMT: cabecera estilo Amazon y ficha de producto en 3 columnas.
Author: Tita Estudio
Version: 1.0.3
Text Domain: imt-child
*/

:root {
  /* Colores de marca Grupo IMT */
  --imt-nav: #39426d;        /* azul marino: barra superior */
  --imt-nav-2: #2c3357;      /* azul marino más oscuro: barra de categorías */
  --imt-acento: #18b0ce;     /* cian: contador del carrito, detalles */
  --imt-acento-osc: #0e7f96; /* cian oscuro: enlaces y textos sobre blanco */
  --imt-fondo: #f4f5f7;      /* blanco grisáceo */
  --imt-texto: #2b2f3a;
}

body { font-family: 'Montserrat', sans-serif; color: var(--imt-texto); }
body.home, body.woocommerce-page { background: var(--imt-fondo); }

/* ---------- Cabecera estilo Amazon ---------- */
.imt-header { background: var(--imt-nav); color: #fff; }
.imt-header a { color: #fff; text-decoration: none; }
.imt-header-top { display: flex; align-items: center; gap: 16px; padding: 10px 16px; max-width: 1500px; margin: 0 auto; }
.imt-logo img { max-height: 40px; width: auto; }
.imt-search { flex: 1; min-width: 0; }
.imt-search .dgwt-wcas-search-wrapp { max-width: none; }
.imt-header-link { display: flex; flex-direction: column; font-size: 12px; line-height: 1.2; white-space: nowrap; }
.imt-header-link strong { font-size: 14px; }
.imt-cart { position: relative; font-weight: 700; }
.imt-cart-count { position: absolute; top: -8px; left: 14px; background: var(--imt-acento); color: var(--imt-nav); font-weight: 700; border-radius: 999px; font-size: 11px; padding: 1px 6px; }
.imt-header-nav { background: var(--imt-nav-2); }
.imt-header-nav ul { display: flex; gap: 18px; list-style: none; margin: 0 auto; padding: 8px 16px; max-width: 1500px; overflow-x: auto; white-space: nowrap; font-size: 14px; }

/* ---------- Ficha de producto en 3 columnas ---------- */
.imt-product { max-width: 1500px; margin: 0 auto; padding: 16px; background: #fff; }
.imt-product .woocommerce-breadcrumb { font-size: 13px; margin-bottom: 16px; }
.imt-product-grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 5fr) minmax(280px, 3.2fr); gap: 32px; align-items: start; }
.imt-col-gallery .woocommerce-product-gallery { width: 100% !important; float: none !important; position: sticky; top: 16px; }
.imt-col-info .product_title { font-size: 24px; font-weight: 400; line-height: 1.3; margin: 0 0 6px; }
.imt-brand { color: var(--imt-acento-osc); font-size: 14px; }
.imt-col-info .woocommerce-product-rating { margin: 6px 0; padding-bottom: 10px; border-bottom: 1px solid #ddd; }
.imt-col-info .price { font-size: 28px; margin: 12px 0; }
.imt-col-info .price del { font-size: 14px; color: #565959; }
.imt-descuento { color: var(--imt-acento-osc); font-size: 24px; margin-right: 8px; }
.imt-about h2 { font-size: 16px; margin: 18px 0 8px; }
.imt-about ul { padding-left: 18px; }
.imt-about li { margin-bottom: 6px; }
.imt-specs { width: 100%; border-collapse: collapse; margin-top: 12px; font-size: 14px; }
.imt-specs th { text-align: left; width: 40%; padding: 6px 8px; background: var(--imt-fondo); }
.imt-specs td { padding: 6px 8px; }
.imt-col-buy { border: 1px solid #ddd; border-radius: 8px; padding: 16px; }
.imt-product-bottom { margin-top: 40px; border-top: 1px solid #ddd; padding-top: 24px; }

@media (max-width: 1024px) {
  .imt-product-grid { grid-template-columns: 1fr 1fr; }
  .imt-col-buy { grid-column: 1 / -1; }
}
@media (max-width: 767px) {
  .imt-product-grid { grid-template-columns: 1fr; }
  .imt-header-top { flex-wrap: wrap; }
  .imt-search { order: 5; flex-basis: 100%; }
}

/* ---------- Listas de la ficha (Acerca de este artículo y pestañas) ---------- */
.imt-lista { padding-left: 18px; margin: 0 0 12px; }
.imt-lista li { margin-bottom: 8px; line-height: 1.5; }
.imt-lista ul { padding-left: 18px; margin-top: 6px; list-style: circle; }
.woocommerce-tabs .panel h2 { font-size: 20px; margin-bottom: 12px; }