/* =========================================================
   CANARYMX · WOOCOMMERCE · PRODUCTO
   Ficha individual de producto.
   ========================================================= */

/* =========================================================
   8. WOOCOMMERCE - FICHA INDIVIDUAL DE PRODUCTO
   ========================================================= */

/* ---------------------------------------------------------
   8.1. Contenedor y panel principal
   --------------------------------------------------------- */

body.single-product .site-content {
    padding-top: calc(var(--canarymx-header-height-scrolled) + 42px);
    padding-bottom: 70px;
    background: transparent !important;
}

body.single-product .ast-container {
    max-width: 1380px;
    margin: 0 auto;
    background: transparent !important;
}

body.single-product .content-area,
body.single-product .site-main,
body.single-product .woocommerce,
body.single-product div.product {
    color: var(--canarymx-white) !important;
}

body.single-product .site-main {
    padding: 36px !important;

    background: var(--canarymx-panel-strong) !important;

    border: 1px solid var(--canarymx-border);
    border-radius: 12px;

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.28);
}


/* ---------------------------------------------------------
   8.2. Galería del producto
   --------------------------------------------------------- */

.single-product div.product div.images {
    margin-bottom: 30px;
}

.single-product div.product div.images img {
    padding: 10px;

    background: rgba(255, 255, 255, 0.96);
    border-radius: 8px;
}

.single-product .flex-control-thumbs li img {
    border-radius: 5px;
    opacity: 0.65;

    transition:
        opacity 0.2s ease,
        transform 0.2s ease;
}

.single-product .flex-control-thumbs li img:hover,
.single-product .flex-control-thumbs li img.flex-active {
    opacity: 1;
    transform: translateY(-2px);
}


/* ---------------------------------------------------------
   8.3. Información principal
   --------------------------------------------------------- */

.single-product div.product .summary {
    color: var(--canarymx-white);
}

.single-product .product_title {
    font-family: "Racing Sans One", sans-serif !important;

    margin-bottom: 14px !important;

    font-size: clamp(38px, 4vw, 58px) !important;
    line-height: 1 !important;

    color: var(--canarymx-white) !important;
}

.single-product div.product p.price,
.single-product div.product span.price {
    font-family: "Inter", Arial, sans-serif;

    margin-bottom: 24px;

    font-size: 24px !important;
    font-weight: 700;

    color: var(--canarymx-white) !important;
}


/* ---------------------------------------------------------
   8.4. Variaciones, cantidad y carrito
   --------------------------------------------------------- */

.single-product .variations {
    margin-bottom: 20px !important;
}

.single-product .variations select {
    width: 100%;
    min-height: 44px;

    padding: 0 12px;

    color: var(--canarymx-white) !important;
    background: rgba(20, 20, 20, 0.90) !important;

    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 5px;
}

.single-product .quantity .qty {
    min-height: 44px;

    color: var(--canarymx-white);
    background: rgba(20, 20, 20, 0.90);

    border: 1px solid rgba(255, 255, 255, 0.15);
}

.single-product .single_add_to_cart_button {
    min-height: 44px;
    padding: 0 26px !important;

    color: var(--canarymx-white) !important;
    background: var(--canarymx-red) !important;

    border-radius: 4px !important;

    text-transform: uppercase;
    font-weight: 800 !important;

    transition:
        background-color 0.2s ease,
        transform 0.2s ease;
}

.single-product .single_add_to_cart_button:hover {
    background: var(--canarymx-red-hover) !important;
    transform: translateY(-2px);
}


/* ---------------------------------------------------------
   8.5. Metadata
   --------------------------------------------------------- */

.single-product .product_meta {
    margin-top: 22px;
    padding-top: 18px;

    border-top: 1px solid rgba(255, 255, 255, 0.08);

    font-size: 12px;
    color: var(--canarymx-text-muted);
}

.single-product .product_meta a {
    color: var(--canarymx-red);
}


/* ---------------------------------------------------------
   8.6. Tabs: descripción / información / valoraciones
   --------------------------------------------------------- */

body.single-product .woocommerce-tabs,
body.single-product .wc-tabs-wrapper,
body.single-product .woocommerce-Tabs-panel,
body.single-product .woocommerce-Tabs-panel--description,
body.single-product .woocommerce-Tabs-panel--additional_information,
body.single-product .woocommerce-Tabs-panel--reviews,
body.single-product .woocommerce div.product .woocommerce-tabs .panel {
    min-height: 0 !important;
    height: auto !important;

    color: var(--canarymx-text) !important;
    background: transparent !important;

    border: 0 !important;
}

.single-product .woocommerce-tabs {
    margin-top: 45px;
}

body.single-product .woocommerce-tabs ul.tabs {
    margin-bottom: 24px !important;

    background: transparent !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10) !important;
}

body.single-product .woocommerce-tabs ul.tabs::before,
body.single-product .woocommerce-tabs ul.tabs::after {
    border: 0 !important;
    box-shadow: none !important;
}

body.single-product .woocommerce-tabs ul.tabs li {
    margin-right: 22px !important;
    padding: 0 0 10px !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
}

body.single-product .woocommerce-tabs ul.tabs li::before,
body.single-product .woocommerce-tabs ul.tabs li::after {
    display: none !important;
}

body.single-product .woocommerce-tabs ul.tabs li a {
    padding: 0 !important;

    font-family: "Inter", Arial, sans-serif !important;
    font-size: 13px;

    color: var(--canarymx-text-muted) !important;

    transition: color 0.2s ease;
}

body.single-product .woocommerce-tabs ul.tabs li:hover a,
body.single-product .woocommerce-tabs ul.tabs li.active a {
    color: var(--canarymx-white) !important;
}

body.single-product .woocommerce-tabs ul.tabs li.active {
    border-bottom: 2px solid var(--canarymx-red) !important;
}

body.single-product .woocommerce-tabs .panel {
    padding: 28px 0 !important;
}

body.single-product .woocommerce-Tabs-panel p,
body.single-product .woocommerce-Tabs-panel li,
body.single-product .woocommerce-Tabs-panel td,
body.single-product .woocommerce-Tabs-panel th,
body.single-product .woocommerce-Tabs-panel span,
body.single-product .woocommerce-Tabs-panel strong {
    color: var(--canarymx-text) !important;
}

body.single-product .woocommerce-Tabs-panel h1,
body.single-product .woocommerce-Tabs-panel h2,
body.single-product .woocommerce-Tabs-panel h3,
body.single-product .woocommerce-Tabs-panel h4,
body.single-product .woocommerce-Tabs-panel h5,
body.single-product .woocommerce-Tabs-panel h6 {
    font-family: "Racing Sans One", sans-serif !important;
    color: var(--canarymx-white) !important;
}


/* ---------------------------------------------------------
   8.7. Tabla de información adicional
   --------------------------------------------------------- */

body.single-product table.shop_attributes {
    background: transparent !important;
    border: 0 !important;
}

body.single-product table.shop_attributes tr,
body.single-product table.shop_attributes th,
body.single-product table.shop_attributes td {
    color: var(--canarymx-text) !important;
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

body.single-product table.shop_attributes th {
    color: var(--canarymx-white) !important;
}


/* ---------------------------------------------------------
   8.8. Productos relacionados
   --------------------------------------------------------- */

body.single-product .related.products {
    margin-top: 45px;
    background: transparent !important;
}

body.single-product .related.products > h2 {
    margin-bottom: 22px !important;

    font-family: "Racing Sans One", sans-serif !important;
    font-size: 32px !important;

    color: var(--canarymx-white) !important;
}


/* ---------------------------------------------------------
   8.9. Footer de la página de producto
   --------------------------------------------------------- */

body.single-product .site-footer {
    background: var(--canarymx-bg) !important;
}