/*
 * Theme Name:   Woodmart Child - Ferrecar
 * Description:  Child theme de Woodmart con layout Sidebar Fijo + Topbar Fija (estilo Spotify/YouTube)
 * Template:     woodmart
 * Version:      1.0.0
 * Author:       Ferrecar
 */

/* =============================================
   VARIABLES DE DISEÑO FERRECAR
   ============================================= */
:root {
  --ferrecar-red: #E5153A;
  --ferrecar-red-dk: #c0102e;
  --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;
}
/* [FERRECAR FASE 2] Ajustes Globales de Grillas y Catalogo */

/* Alinear imágenes de la grilla (mismo alto y contain para no cortar ni verse diminutas solas) */
.product-grid-item .product-element-top .product-image-link img {
    height: 250px !important;
    object-fit: contain !important;
    width: 100% !important;
    background-color: #fff;
}

/* Remover basura visual (lista de atributos arriba del botón) en las grillas */
.product-grid-item .wd-swatches-grid,
.product-grid-item .wd-product-cats,
.product-grid-item .wd-product-brands-links {
    display: none !important;
}

/* Asegurar que el botón "Ver producto" sea rojo en la grilla */
.product-grid-item .ferrecar-grid-btn {
    background-color: var(--ferrecar-red) !important;
    color: #fff !important;
    padding: 8px 15px !important;
    font-size: 13px !important;
    min-height: 38px !important;
    border-radius: 4px !important;
    text-transform: uppercase !important;
}

/* Evitar que el menu lateral colapse en single product */
body.single-product .wd-nav-vertical {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* [FERRECAR FASE 2] Forzar "Ver producto" y ocultar cantidad en grilla */
.product-grid-item .quantity {
    display: none !important;
}

/* Ocultar texto original y poner "Ver producto" con pseudo-elemento */
.product-grid-item .add_to_cart_button,
.product-grid-item .product_type_simple,
.product-grid-item .product_type_variable {
    font-size: 0 !important;
    min-width: 120px !important;
    background-color: var(--ferrecar-red) !important;
    color: #fff !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;
    text-transform: none !important;
    visibility: visible !important;
}

.product-grid-item .add_to_cart_button::before, .product-grid-item .product_type_simple::before, .product-grid-item .product_type_variable::before { 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(--ferrecar-red-dk) !important; }
/* Ocultar avisos de Sold Out / Agotado */
.wd-product-label.wd-out-of-stock, .wd-label-out-of-stock, .out-of-stock-label { display: none !important; }
/* Ocultar categorías bajo el nombre del producto en grillas y ficha */
.product-grid-item .wd-product-cats, .single-product .product_meta .posted_in { display: none !important; }



/* [FERRECAR FASE 2] Ocultar etiquetas flotantes sobre imágenes (Sold Out, Atributos, etc) */
.product-labels, .product-label, .wd-product-labels, .wd-product-label, .out-of-stock-label { display: none !important; }

/* Ocultar texto y envoltorio del SKU en toda la tienda */
.sku_wrapper, .product-sku, .sku { display: none !important; }

/* [FERRECAR FASE 2] Ocultar recuadro gris (dropdown de categorías de Woodmart) al lado del buscador */
.search-by-category, .wd-search-cat, .topbar-container .search-by-category { display: none !important; }