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

/* =============================================
   VARIABLES DE DISEÑO TABIT
   ============================================= */
:root {
  /* Colores de marca TABIT */
  --brand-primary:    #D6F502;   /* Verde Neón — botones, acentos, CTA */
  --brand-primary-dk: #B8D600;   /* Hover / variante oscura */
  --brand-primary-lt: #E2FA33;   /* Verde claro — hover states */
  --brand-secondary:  #000000;   /* Negro — sidebar, footer */
  --brand-accent:     #D6F502;

  /* Alias compatibles con Ferrecar (para reutilizar layout sin cambios) */
  --ferrecar-red:     #D6F502;
  --ferrecar-red-dk:  #B8D600;

  /* Layout */
  --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;
}

/* ==============================================
   FONDO BLANCO — Contenido Principal
   ============================================== */
body {
  background-color: var(--bg-main) !important;
  color: var(--text-primary) !important;
  font-family: 'Teko', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  color: #1a1a1a;
}

#ferrecar-main {
  background-color: var(--bg-main) !important;
  color: var(--text-primary) !important;
}

#ferrecar-content {
  background-color: var(--bg-main) !important;
}

/* ==============================================
   SIDEBAR BLANCO
   ============================================== */
#ferrecar-sidebar {
  background-color: var(--bg-sidebar) !important;
  border-right: 1px solid #ebebeb;
}
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(--brand-secondary) !important;
  background: var(--brand-primary) !important;
  border-left-color: var(--brand-primary) !important;
}

.sidebar-logo {
  background: transparent !important;
}

/* ==============================================
   TOPBAR BLANCA
   ============================================== */
#ferrecar-topbar {
  background-color: var(--bg-topbar) !important;
  border-bottom: 1px solid #ebebeb !important;
}
.topbar-search-input {
  background-color: #f0f0f0 !important;
  color: #333 !important;
  border-color: #ddd !important;
}
.topbar-search:focus-within {
  border-color: var(--brand-primary) !important;
  box-shadow: 0 0 0 3px rgba(214,245,2,0.15) !important;
}
.topbar-hamburger {
  color: #333 !important;
}
.search-icon {
  color: #999 !important;
  stroke: #999 !important;
}

/* ==============================================
   TEXTOS Y TÍTULOS — Fondo claro
   ============================================== */
.section-title {
  border-bottom-color: var(--brand-primary) !important;
  color: #1a1a1a !important;
}

/* Product titles */
.product-title a,
.woocommerce-loop-product__title,
.wc-block-grid__product-title {
  color: #333 !important;
}
.product-title a:hover {
  color: var(--brand-primary-dk) !important;
}

/* Breadcrumbs and general text */
.woocommerce-breadcrumb,
.woocommerce-breadcrumb a {
  color: #666 !important;
}

/* Descriptions */
.woocommerce-product-details__short-description,
.woocommerce-Tabs-panel p,
.entry-content,
.entry-content p {
  color: #333 !important;
}

/* ==============================================
   BOTONES CTA — Verde Neón
   ============================================== */
.btn-ferrecar,
.btn-sellafix,
.single_add_to_cart_button,
button.single_add_to_cart_button {
  background: var(--brand-primary) !important;
  color: var(--brand-secondary) !important;
  border: none !important;
}
.btn-ferrecar:hover,
.btn-sellafix:hover,
.single_add_to_cart_button:hover {
  background: var(--brand-primary-dk) !important;
}

/* Grilla — botón Ver producto y Limpieza WooCommerce */
.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;
}

.product-grid-item .product-element-top .product-image-link img {
  height: 250px !important;
  object-fit: contain !important;
  width: 100% !important;
  background-color: #fff !important;
}

.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 {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  background-color: var(--brand-primary) !important; /* Verde Neón */
  color: var(--brand-secondary) !important; /* Negro */
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  padding: 12px 10px !important;
  border-radius: 4px !important;
  border: none !important;
  margin-top: 15px !important;
  transition: all var(--transition) !important;
  font-family: 'Readex Pro', sans-serif !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: 700 !important;
  visibility: visible !important;
  color: var(--brand-secondary) !important;
}

.product-grid-item .add_to_cart_button,
.product-grid-item .product_type_simple,
.product-grid-item .product_type_variable {
  font-size: 0 !important;
}

.product-grid-item .add_to_cart_button:hover,
.product-grid-item .product_type_simple:hover,
.product-grid-item .product_type_variable:hover,
.product-grid-item .ferrecar-grid-btn:hover {
  background-color: var(--brand-primary-dk) !important; /* Verde Neón oscuro */
  color: var(--brand-secondary) !important;
}

.product-grid-item .wd-add-btn {
  display: block !important;
  position: static !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: 100% !important;
  margin-top: 12px !important;
}

.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;
}

/* Forzar que el bloque de botón sea estático y siempre visible (sin hover flotante) */
.product-grid-item .fade-in-block {
  position: static !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-top: 10px !important;
}

/* Eliminar descripción que aparece al pasar el mouse por encima */
.product-grid-item .hover-content.wd-more-desc {
  display: none !important;
}

/* Ocultar íconos y botones extra (Quick View, Compare, Wishlist) en la grilla */
.product-grid-item .wrap-quickview-button,
.product-grid-item .quick-view,
.product-grid-item .wd-compare-btn,
.product-grid-item .wrap-wishlist-button {
  display: none !important;
}

/* ==============================================
   PRODUCT CARDS — Fondo blanco
   ============================================== */
.product-grid-item,
.product-list-item,
.wd-product,
.product {
  background: #fff !important;
}

/* WooCommerce single product page */
.single-product #ferrecar-main {
  background: #fff !important;
}

/* WooCommerce tabs */
.woocommerce-tabs {
  background: #fff !important;
  color: #333 !important;
}
.woocommerce-tabs .tabs li a {
  color: #333 !important;
}
.woocommerce-tabs .tabs li.active a {
  color: var(--brand-primary-dk) !important;
  border-bottom-color: var(--brand-primary) !important;
}

/* ==============================================
   PAGE.PHP — Páginas internas con fondo claro
   ============================================== */
.tabit-page-content {
  background: transparent !important;
}
.tabit-page-content h1.page-title {
  color: #1a1a1a !important;
  border-bottom-color: var(--brand-primary) !important;
}
.tabit-page-content .entry-content {
  color: #333 !important;
}
.tabit-empty-page h2 {
  color: #333 !important;
}
.tabit-empty-page p {
  color: #888 !important;
}

/* ==============================================
   FOOTER OSCURO (Negro) — Se mantiene
   ============================================== */
#ferrecar-footer {
  background: #000000 !important;
  color: #d1d5db !important;
}