/* ═══════════════════════════════════════════════════════════════════════════
   PronteraTheme — WooCommerce Overrides
   Solo se carga en carrito, checkout, mi cuenta.
   ═══════════════════════════════════════════════════════════════════════════ */

.cb-woo-page {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    background: var(--cb-bg, #0a0a0a);
    -webkit-overflow-scrolling: touch;
    /* NO scroll-snap en WooCommerce pages */
}

@media (min-width: 641px) {
    .cb-woo-page {
        padding-top: var(--cb-header-h-dt, 140px);
    }
}

.cb-woo-container {
    min-height: calc(100vh - var(--cb-header-h, 52px));
    min-height: calc(100dvh - var(--cb-header-h, 52px));
    padding: 2rem 1rem;
}

.cb-woo-container .cb-page-content {
    max-width: 1000px;
    margin: 0 auto;
}

/* ─── WooCommerce Tables ─────────────────────────────────────── */
.woocommerce table.shop_table_responsive,
.woocommerce table.shop_table {
    background: var(--cb-card-bg, #141414);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: var(--cb-radius, 10px);
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    color: var(--cb-text, #fff);
}
.woocommerce table.shop_table th {
    background: rgba(255,255,255,0.04);
    color: rgba(255,255,255,0.6);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.woocommerce table.shop_table td {
    border-top: 1px solid rgba(255,255,255,0.06);
    color: var(--cb-text, #fff);
}

/* ─── WooCommerce Buttons ────────────────────────────────────── */
.woocommerce .button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button {
    background: var(--cb-accent, #c9a84c) !important;
    color: #000 !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 12px 24px !important;
    font-weight: 700 !important;
    font-family: var(--cb-font) !important;
    transition: transform 0.2s, box-shadow 0.2s, background 0.2s !important;
    box-shadow: 0 4px 16px rgba(201, 168, 76, 0.3) !important;
}
.woocommerce .button:hover,
.woocommerce button.button:hover {
    background: #dfbd5a !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 20px rgba(201, 168, 76, 0.45) !important;
}

/* ─── WooCommerce Notices ────────────────────────────────────── */
.woocommerce-message,
.woocommerce-info {
    background: rgba(201, 168, 76, 0.1) !important;
    border-color: var(--cb-accent, #c9a84c) !important;
    color: var(--cb-text) !important;
    border-radius: var(--cb-radius, 10px) !important;
}
.woocommerce-error {
    background: rgba(231, 76, 60, 0.1) !important;
    border-color: #e74c3c !important;
    color: var(--cb-text) !important;
    border-radius: var(--cb-radius, 10px) !important;
}

/* ─── WooCommerce Forms ──────────────────────────────────────── */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.15);
    color: var(--cb-text, #fff);
    border-radius: var(--cb-radius, 10px);
    padding: 12px 16px;
    font-family: var(--cb-font);
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
    border-color: var(--cb-accent, #c9a84c);
    outline: none;
}
.woocommerce form .form-row label {
    color: rgba(255,255,255,0.7);
    font-size: 13px;
}

/* ─── Cart Page Specifics ────────────────────────────────────── */
.woocommerce-cart .product-thumbnail img {
    border-radius: var(--cb-radius, 10px);
    max-width: 80px;
}
.woocommerce-cart .product-remove a {
    color: rgba(255,255,255,0.4) !important;
}
.woocommerce-cart .product-remove a:hover {
    color: #e74c3c !important;
}