/* ═══════════════════════════════════════════
   WOOCOMMERCE.CSS — Vaporio Theme
═══════════════════════════════════════════ */

/* ─── CART PAGE ─── */
.vap-woo-main { padding: 48px 0 80px; }

.woocommerce-cart .vap-woo-main,
.woocommerce-checkout .vap-woo-main { padding: 40px 0 80px; }

.woocommerce-cart h1,
.woocommerce-checkout h1,
.woocommerce-account h1 {
    font-family: 'Syne', sans-serif;
    font-size: clamp(28px, 4vw, 44px);
    font-weight: 800; letter-spacing: -1px;
    margin-bottom: 36px;
}

/* Cart table */
.woocommerce-cart-form { margin-bottom: 40px; }
.woocommerce-cart-form__contents th { font-size: 11px; letter-spacing: 2px; text-transform: uppercase; }

.woocommerce tbody td.product-thumbnail img {
    width: 72px; height: 72px; object-fit: cover;
    border-radius: var(--vap-radius-sm);
    border: 1px solid var(--vap-border);
}

.woocommerce td.product-name a { color: var(--vap-white); font-weight: 600; }
.woocommerce td.product-name a:hover { color: var(--vap-violet2); }

.woocommerce td.product-price,
.woocommerce td.product-subtotal { font-weight: 700; font-size: 15px; }

/* Qty in cart */
.woocommerce .quantity .qty {
    background: var(--vap-card2) !important;
    border: 1px solid var(--vap-border) !important;
    color: var(--vap-white) !important;
    border-radius: var(--vap-radius-sm) !important;
    text-align: center; font-weight: 600; width: 70px !important;
    padding: 10px 8px !important;
}

/* Remove link */
.woocommerce a.remove {
    color: var(--vap-muted) !important;
    font-size: 20px; line-height: 1;
    transition: color var(--vap-transition);
}
.woocommerce a.remove:hover { color: var(--vap-red) !important; background: none !important; }

/* Cart totals */
.cart-collaterals { margin-top: 40px; }
.woocommerce .cart_totals {
    background: var(--vap-card);
    border: 1px solid var(--vap-border);
    border-radius: var(--vap-radius-lg);
    padding: 28px; max-width: 420px; margin-left: auto;
}
.woocommerce .cart_totals h2 {
    font-family: 'Syne', sans-serif; font-size: 20px; font-weight: 800;
    margin-bottom: 20px;
}
.woocommerce .cart_totals table { background: transparent; border: none; }
.woocommerce .cart_totals table th { background: none; padding: 10px 0; }
.woocommerce .cart_totals table td { padding: 10px 0; }
.woocommerce .cart_totals .order-total th,
.woocommerce .cart_totals .order-total td { font-size: 18px; font-weight: 700; padding-top: 16px; }
.woocommerce .cart_totals .order-total .woocommerce-Price-amount { font-size: 22px; }
.woocommerce-shipping-calculator .shipping-calculator-button { color: var(--vap-violet2); }

/* Coupon form */
.coupon { display: flex; gap: 10px; align-items: center; }
.coupon input[type="text"] { max-width: 200px; }

/* ─── CHECKOUT ─── */
.woocommerce-checkout #customer_details { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }

.woocommerce-billing-fields h3,
.woocommerce-shipping-fields h3,
#order_review_heading {
    font-family: 'Syne', sans-serif; font-size: 18px; font-weight: 800;
    margin-bottom: 20px; padding-bottom: 12px;
    border-bottom: 1px solid var(--vap-border);
}

.woocommerce form .form-row label { margin-bottom: 6px; }
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
    background: var(--vap-card) !important;
    border: 1px solid var(--vap-border) !important;
    color: var(--vap-white) !important;
    border-radius: var(--vap-radius-sm) !important;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus { border-color: var(--vap-violet) !important; }

/* Order review */
#order_review { margin-top: 32px; }
.woocommerce-checkout-review-order-table { margin-bottom: 20px; }

/* Payment methods */
#payment {
    background: var(--vap-card) !important;
    border: 1px solid var(--vap-border) !important;
    border-radius: var(--vap-radius-lg) !important;
}
#payment ul.payment_methods { padding: 20px; }
#payment ul.payment_methods li { padding: 12px 0; border-bottom: 1px solid var(--vap-border2); }
#payment ul.payment_methods li:last-child { border-bottom: none; }
#payment ul.payment_methods li label { color: var(--vap-white); font-size: 15px; font-weight: 500; }
#payment .payment_box {
    background: rgba(255,255,255,0.03) !important;
    border-radius: var(--vap-radius-sm) !important;
    margin-top: 8px; padding: 16px !important;
}
#payment div.place-order { padding: 20px; border-top: 1px solid var(--vap-border); }
#payment #place_order { width: 100%; justify-content: center; font-size: 16px; padding: 16px !important; }

/* ─── MY ACCOUNT ─── */
.woocommerce-account .woocommerce { display: grid; grid-template-columns: 220px 1fr; gap: 40px; align-items: start; }
.woocommerce-MyAccount-navigation {
    background: var(--vap-card);
    border: 1px solid var(--vap-border);
    border-radius: var(--vap-radius-lg);
    overflow: hidden;
    position: sticky; top: 88px;
}
.woocommerce-MyAccount-navigation ul { padding: 8px; }
.woocommerce-MyAccount-navigation li a {
    display: block; padding: 11px 16px; border-radius: var(--vap-radius-sm);
    font-size: 14px; font-weight: 500; color: var(--vap-muted);
    transition: color var(--vap-transition), background var(--vap-transition);
}
.woocommerce-MyAccount-navigation li a:hover,
.woocommerce-MyAccount-navigation li.is-active a {
    color: var(--vap-white); background: var(--vap-violet-dim);
}

.woocommerce-MyAccount-content h2 { font-size: 22px; margin-bottom: 20px; }
.woocommerce-orders-table { margin-top: 20px; }

/* ─── PRODUCT REVIEWS ─── */
#reviews { padding-top: 20px; }
#reviews #comments h2 { font-size: 22px; margin-bottom: 24px; }
.woocommerce-Reviews .comment_container {
    display: flex; gap: 16px; padding: 20px 0;
    border-bottom: 1px solid var(--vap-border2);
}
.woocommerce-Reviews .comment-text {
    background: var(--vap-card); border: 1px solid var(--vap-border);
    border-radius: var(--vap-radius); padding: 20px; flex: 1;
}
.woocommerce-Reviews .meta { font-size: 12px; color: var(--vap-muted); margin-bottom: 10px; }
.woocommerce-Reviews p { font-size: 14px; }
.woocommerce-Reviews #review_form_wrapper { margin-top: 32px; }
.woocommerce-Reviews #review_form_wrapper h3 { font-size: 18px; margin-bottom: 16px; }

/* ─── NOTICES ─── */
.woocommerce-message .button { float: right; margin-top: -4px; }