/*
Theme Name: Cargo Trucking Child
Description: This is a child theme of Cargo Trucking.
Author: cmsmasters
Template: cargo-trucking
Version: 2.0.6
Text Domain: cargo-trucking-child
*/

/* ==========================================================================
   0. IMPORTACIÓN DE FUENTES (UX MEJORADO)
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&family=Space+Grotesk:wght@700&display=swap');

/* ==========================================================================
   1. HEADER GLOBAL (EL BLANCO - RESTAURACIÓN CRÍTICA)
   Aseguramos que el menú principal siempre se vea limpio y legible.
   ========================================================================== */

.header_wrap, #header, .header_mid {
    display: block !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    height: auto !important;
    overflow: visible !important;
    background-color: #ffffff !important; /* Fondo Blanco */
    position: relative;
    z-index: 9999;
}

/* Ocultar elementos sobrantes del header (Top bar / Bottom bar) */
.header_top, .header_bot {
    display: none !important;
}

/* Textos del menú: NEGRO (Legibilidad sobre blanco) */
#header .navigation > li > a,
.header_mid a {
    color: #000000 !important;
    font-weight: 700;
    font-family: 'Space Grotesk', sans-serif !important;
}

/* Hover y Activo: ROJO (Marca) */
#header .navigation > li > a:hover,
#header .navigation > li.current-menu-item > a {
    color: #dc2626 !important;
}

ul.forum-titles {
    color: black;
}

span.bbp-reply-post-date {
    color: #6f6f6f;
}

.bbp-reply-author {
    COLOR: BLACK;
}

/* ==========================================================================
   WOOCOMMERCE SINGLE PRODUCT - DARK INDUSTRIAL THEME
   ========================================================================== */

/* 1. Fondo Global de la Página de Producto */
body.single-product .content_wrap {
    background: radial-gradient(circle at top, #1d4ed8 0, #020617 45%, #000 100%) !important;
    padding-top: 60px !important;
    padding-bottom: 60px !important;
    min-height: 100vh;
    position: relative;
}

/* Patrón de malla (Grid) igual que en BuddyPress/Foros */
body.single-product .content_wrap::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(120deg, rgba(56,189,248,0.18) 1px, transparent 1px),
        linear-gradient(90deg, rgba(15,23,42,0.9), rgba(15,23,42,0.98));
    background-size: 40px 40px, cover;
    opacity: 0.6;
    pointer-events: none;
    z-index: 0;
}

/* 2. La "Tarjeta" del Producto */
body.single-product div.product {
    position: relative;
    z-index: 10;
    background: rgba(15,23,42,0.95); /* Fondo tarjeta oscuro */
    border: 1px solid rgba(148,163,184,0.3);
    border-radius: 24px;
    padding: 40px;
    box-shadow: 0 30px 80px rgba(0,0,0,0.7);
    color: #e5e7eb; /* Texto gris claro */
}

/* 3. Títulos y Textos */
body.single-product h1.product_title {
    color: #ffffff !important;
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: 2.2rem;
}

body.single-product .woocommerce-product-details__short-description p,
body.single-product .product_meta,
body.single-product .product_meta span {
    color: #94a3b8 !important;
}

/* Precios */
body.single-product p.price, 
body.single-product span.woocommerce-Price-amount {
    color: #22c55e !important; /* Verde semáforo para el precio */
    font-weight: 700;
    font-size: 1.5rem;
}

/* 4. Tabs (Descripción, Información Adicional) */
body.single-product .woocommerce-tabs ul.tabs {
    background: transparent !important;
    border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}
body.single-product .woocommerce-tabs ul.tabs li a {
    color: #94a3b8 !important;
    background: transparent !important;
}
body.single-product .woocommerce-tabs ul.tabs li.active a {
    color: #ffffff !important;
    border-bottom: 2px solid #dc2626 !important;
}
body.single-product .woocommerce-tabs .panel {
    color: #cbd5e1 !important;
}
body.single-product .woocommerce-tabs .panel h2 {
    color: #fff !important;
    font-family: 'Space Grotesk', sans-serif;
}

/* 5. Botón Añadir al Carrito */
body.single-product button.single_add_to_cart_button {
    background: linear-gradient(135deg, #b91c1c, #ef4444) !important;
    color: #fff !important;
    border-radius: 99px !important;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.05em;
    padding: 12px 30px !important;
    border: none !important;
    transition: transform 0.2s;
}
body.single-product button.single_add_to_cart_button:hover {
    background: linear-gradient(135deg, #dc2626, #f97373) !important;
    transform: translateY(-2px);
}

/* 6. Inputs (Cantidad) */
body.single-product .quantity input.qty {
    background: #0f172a !important;
    color: #fff !important;
    border: 1px solid #334155 !important;
}

/* 7. Productos Relacionados (Fuera de la tarjeta) */
body.single-product .related.products {
    position: relative;
    z-index: 10;
    margin-top: 40px;
}
body.single-product .related.products h2 {
    color: #fff !important;
    text-align: center;
    font-family: 'Space Grotesk', sans-serif;
    margin-bottom: 30px;
}