/*
 * Theme Name:   Woodmart Child - MANDOA
 * Description:  Child theme de Woodmart con identidad de marca MANDOA — Puertas Metálicas
 * Template:     woodmart
 * Version:      1.0.0
 * Author:       Ferrecar Group
 */

/* =============================================
   VARIABLES DE DISEÑO MANDOA
   Manual: Terracota #E35826, Umbral #E6D5B7,
   Luz de Acceso #FFDD71, Muro Interior #FFFAF6,
   Estructura #000000
   Tipografías: Lemon Milk (títulos) + Montserrat (cuerpo)
   ============================================= */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');

:root {
  /* Paleta de marca MANDOA */
  --mandoa-terracota:    #E35826;
  --mandoa-terracota-dk: #c44418;
  --mandoa-umbral:       #E6D5B7;
  --mandoa-luz:          #FFDD71;
  --mandoa-muro:         #FFFAF6;
  --mandoa-estructura:   #000000;

  /* Alias compatibles con layout Ferrecar */
  --brand-primary:    #E35826;
  --brand-primary-dk: #c44418;
  --brand-secondary:  #000000;
  --ferrecar-red:     #E35826;
  --ferrecar-red-dk:  #c44418;

  /* Layout base */
  --sidebar-width:    260px;
  --topbar-height:    68px;
  --bg-sidebar:       #000000;
  --bg-topbar:        #FFFAF6;
  --bg-main:          #FFFAF6;
  --text-primary:     #1a1a1a;
  --text-muted:       #888888;
  --border-color:     #e8ddd0;
  --shadow-sm:        0 2px 8px rgba(0,0,0,0.15);
  --shadow-md:        0 4px 20px rgba(0,0,0,0.2);
  --radius-md:        12px;
  --radius-sm:        8px;
  --transition:       0.2s ease;
}

/* =============================
   Tipografía Mandoa
   Lemon Milk via @font-face
   (descargada del manual)
   Fallback: Montserrat extrabold
   ============================= */
body.ferrecar-layout,
body.mandoa-layout {
  font-family: 'Montserrat', 'Segoe UI', system-ui, sans-serif !important;
}

/* Sidebar blanco — marca Mandoa */
#ferrecar-sidebar {
  background: #ffffff !important;
  border-right: 1px solid var(--border-color) !important;
}

.sidebar-logo {
  border-bottom: 1px solid var(--border-color) !important;
}

ul.sidebar-menu li a {
  color: #333 !important;
}

ul.sidebar-menu li a:hover,
ul.sidebar-menu li.current-menu-item > a,
ul.sidebar-menu li.current_page_item > a {
  color: var(--mandoa-terracota) !important;
  background: rgba(227,88,38,0.05) !important;
  border-left-color: var(--mandoa-terracota) !important;
}

ul.sidebar-menu li + li {
  border-top: 1px solid var(--border-color) !important;
}

.sidebar-footer {
  border-top: 1px solid var(--border-color) !important;
}

/* Topbar cálido */
#ferrecar-topbar {
  background: var(--mandoa-muro) !important;
  border-bottom: 1px solid var(--border-color) !important;
}

.topbar-search:focus-within {
  border-color: var(--mandoa-terracota) !important;
  box-shadow: 0 0 0 3px rgba(227,88,38,0.12) !important;
}

/* Section title underline */
.section-title {
  border-bottom-color: var(--mandoa-terracota) !important;
}

/* Botones CTA */
.btn-ferrecar,
.btn-mandoa {
  background: var(--mandoa-terracota) !important;
}
.btn-ferrecar:hover,
.btn-mandoa:hover {
  background: var(--mandoa-terracota-dk) !important;
}

/* Cards hover */
.acceso-card:hover,
.familia-card:hover {
  border-color: var(--mandoa-terracota) !important;
  box-shadow: 0 8px 24px rgba(227,88,38,0.15) !important;
}
.acceso-icon svg { color: var(--mandoa-terracota) !important; }

/* Loader spinner */
.loader-spinner { border-top-color: var(--mandoa-terracota) !important; }

/* Cart badge */
.cart-count { background: var(--mandoa-terracota) !important; }

/* Grilla WooCommerce */
.product-grid-item .product-element-top .product-image-link img {
  height: 250px !important; object-fit: contain !important;
  width: 100% !important; background-color: #fff;
}
.product-grid-item .ferrecar-grid-btn,
.product-grid-item .add_to_cart_button,
.product-grid-item .product_type_simple,
.product-grid-item .product_type_variable {
  background-color: var(--mandoa-terracota) !important;
  color: #fff !important; font-size: 0 !important; min-width: 120px !important;
}
.product-grid-item .add_to_cart_button::before,
.product-grid-item .product_type_simple::before,
.product-grid-item .product_type_variable::before {
  content: "Ver producto" !important; font-size: 13px !important;
  font-weight: 600 !important; visibility: visible !important;
  color: #fff !important;
}
.product-grid-item .add_to_cart_button:hover,
.product-grid-item .product_type_simple:hover,
.product-grid-item .product_type_variable:hover {
  background-color: var(--mandoa-terracota-dk) !important;
}

/* Ocultar elementos innecesarios WooCommerce */
.product-grid-item .wd-swatches-grid,
.product-grid-item .wd-product-cats,
.product-grid-item .wd-product-brands-links { display: none !important; }
.product-labels, .product-label, .wd-product-labels, .wd-product-label,
.out-of-stock-label { display: none !important; }
.sku_wrapper, .product-sku, .sku { display: none !important; }
.product-grid-item .quantity { display: none !important; }

/* Contacto form focus */
.ferrecar-form input:focus,
.ferrecar-form textarea:focus {
  border-color: var(--mandoa-terracota) !important;
  box-shadow: 0 0 0 3px rgba(227,88,38,0.1) !important;
}
.contact-block-title { color: var(--mandoa-terracota) !important; }
.btn-submit { background: var(--mandoa-terracota) !important; }
.btn-submit:hover { background: var(--mandoa-terracota-dk) !important; }
.sucursal-tab:hover { border-color: var(--mandoa-terracota) !important; }
.sucursal-tab.active {
  background: var(--mandoa-terracota) !important;
  border-color: var(--mandoa-terracota) !important;
  color: #fff !important;
}
.contact-card:hover { border-color: var(--mandoa-terracota) !important; }