/*
 * Theme Name:   Woodmart Child - KEYZA
 * Description:  Child theme de Woodmart con identidad de marca KEYZA
 * Template:     woodmart
 * Version:      1.0.0
 * Author:       Ferrecar Group
 */

/* =============================================
   VARIABLES DE DISEÑO KEYZA
   Figma: Fondo blanco, sidebar blanco, 
   negro #101011 + amarillo #ffe108 como acentos
   ============================================= */
:root {
  --brand-primary:    #101011;
  --brand-primary-dk: #000000;
  --brand-primary-lt: #2f1a13;
  --brand-secondary:  #904c33;
  --brand-accent:     #ffe108;

  /* Alias compatibles con layout Ferrecar */
  --ferrecar-red:     #213042;
  --ferrecar-red-dk:  #192536;

  /* Layout base — BLANCO (como Figma) */
  --sidebar-width:    260px;
  --topbar-height:    68px;
  --bg-sidebar:       #ffffff;
  --bg-topbar:        #ffffff;
  --bg-main:          #f5f5f5;
  --text-primary:     #1a1a1a;
  --text-muted:       #888888;
  --border-color:     #ebebeb;
  --shadow-sm:        0 2px 8px rgba(0,0,0,0.08);
  --shadow-md:        0 4px 20px rgba(0,0,0,0.12);
  --radius-md:        12px;
  --radius-sm:        8px;
  --transition:       0.2s ease;
}

/* === Overrides de color VYLAM sobre layout base === */

/* Sidebar hover/active -> azul VYLAM */
ul.sidebar-menu li a:hover,
ul.sidebar-menu li.current-menu-item > a,
ul.sidebar-menu li.current_page_item > a {
  color: var(--brand-primary) !important;
  background: rgba(16,48,66,0.05) !important;
  border-left-color: var(--brand-primary) !important;
}

/* Topbar focus */
.topbar-search:focus-within {
  border-color: var(--brand-primary) !important;
  box-shadow: 0 0 0 3px rgba(16,48,66,0.1) !important;
}

/* Quote button */
.topbar-quote {
  border-color: var(--brand-primary) !important;
  color: var(--brand-primary) !important;
}
.topbar-quote:hover {
  background: var(--brand-primary) !important;
  color: #fff !important;
}

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

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

/* Botones CTA */
.btn-ferrecar, .btn-vylam, .btn-keyza {
  background: var(--brand-accent) !important;
  color: #101011 !important;
}
.btn-ferrecar:hover, .btn-vylam:hover, .btn-keyza:hover {
  background: #e6cb00 !important;
  color: #101011 !important;
}

/* Cards hover */
.acceso-card:hover,
.familia-card:hover {
  border-color: var(--brand-primary) !important;
  box-shadow: 0 8px 24px rgba(16,48,66,0.12) !important;
}
.acceso-icon, .familia-icon svg { color: var(--brand-primary) !important; }

/* Panels nosotros */
.n-panel:hover { border-color: var(--brand-primary) !important; }

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

/* Breadcrumb hover */
.page-breadcrumbs a:hover { color: var(--brand-primary) !important; }

/* Logo text fallback */
.site-logo-text { color: var(--brand-primary) !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(--brand-accent) !important;
  color: #101011 !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: #101011 !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: #e6cb00 !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; }

/* Ocultar sidebar en catálogo WooCommerce (estilo Sellafix) */
.woocommerce-shop .sidebar-container,
.woocommerce-page .sidebar-container,
.post-type-archive-product .sidebar-container,
.tax-product_cat .sidebar-container { display: none !important; }

.woocommerce-shop .site-content,
.woocommerce-page .site-content,
.post-type-archive-product .site-content,
.tax-product_cat .site-content { width: 100% !important; flex: 0 0 100% !important; max-width: 100% !important; }

/* ===== CONTACTO page - form focus color ===== */
.ferrecar-form input:focus,
.ferrecar-form textarea:focus {
  border-color: var(--brand-primary) !important;
  box-shadow: 0 0 0 3px rgba(16,16,17,0.08) !important;
}
.contact-block-title { color: var(--brand-primary) !important; }
.btn-submit {
  background: var(--brand-accent) !important;
  color: #101011 !important;
}
.btn-submit:hover {
  background: #e6cb00 !important;
  box-shadow: 0 6px 20px rgba(255,225,8,0.3) !important;
  color: #101011 !important;
}
.sucursal-tab:hover { border-color: var(--brand-primary) !important; }
.sucursal-tab.active {
  background: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
  color: #fff !important;
}
.contact-card:hover { border-color: var(--brand-primary) !important; }