/* ============================================
   CART PAGE STYLING (Universal: Classic + Blocks)
   ============================================ */

/* Page Background & Typography */
.woocommerce-cart .page-content,
.woocommerce-cart .entry-content,
.woocommerce-cart,
.wp-block-woocommerce-cart {
    background-color: #11161d !important; /* Main Dark BG */
    color: #E0E0E0;
    font-family: 'Inter', sans-serif;
}

/* Page Title (Generic) */
.page-title, 
h1.entry-title,
.wp-block-post-title {
    font-family: 'Chakra Petch', sans-serif !important;
    font-size: 48px !important;
    font-weight: 700 !important;
    color: #FFFFFF !important;
    text-transform: uppercase !important;
    text-align: center !important;
    margin: 40px 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 1rem !important;
}

/* Decorative lines for title */
.page-title::before, .page-title::after,
h1.entry-title::before, h1.entry-title::after {
    content: "";
    display: block;
    width: 60px;
    height: 3px;
    background-color: #D4A574;
}

/* ============================================
   WOOCOMMERCE CART BLOCK STYLES
   ============================================ */

/* 1. Main Grid / Layout */
.wc-block-cart {
    font-family: 'Chakra Petch', sans-serif !important;
    color: #FFF !important;
}

/* 2. Headers (Product, Total) */
.wc-block-cart-items__header {
    background-color: #0F1821 !important;
    border-bottom: 2px solid #2A3C4D !important;
    color: #D4A574 !important; /* Gold */
    text-transform: uppercase !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

/* 3. Cart Items (Rows) */
.wc-block-cart-items__row {
    background-color: #1A2332 !important; /* Card BG */
    border-bottom: 1px solid #2A3C4D !important;
    color: #FFF !important;
}

.wc-block-components-product-name {
    color: #FFF !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.wc-block-cart-item__price, 
.wc-block-cart-item__total {
    color: #FFF !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

/* 4. Quantity Selector in Block */
.wc-block-components-quantity-selector {
    background-color: #0F1821 !important;
    border: 1px solid #2A3C4D !important;
    border-radius: 0 !important;
}

.wc-block-components-quantity-selector__input {
    background-color: transparent !important;
    color: #FFF !important;
    border: none !important;
}

.wc-block-components-quantity-selector__button {
    color: #FFF !important;
    background: transparent !important;
}

/* 5. Sidebar / Totals Area */
.wc-block-cart__totals {
    background-color: #1A2332 !important;
    border: 1px solid #2A3C4D !important;
    padding: 32px !important;
    border-radius: 0 !important;
}

.wc-block-cart__totals-title {
    font-family: 'Chakra Petch', sans-serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #FFF !important;
    text-transform: uppercase !important;
    border-bottom: 2px solid #D4A574 !important;
    padding-bottom: 16px !important;
    margin-bottom: 24px !important;
}

/* Rows in Totals */
.wc-block-components-totals-item {
    border-bottom: 1px solid #2A3C4D !important;
    padding: 16px 0 !important;
}

.wc-block-components-totals-item__label,
.wc-block-components-totals-item__value {
    color: #FFF !important;
}

/* Coupon Area */
.wc-block-components-panel__button {
    color: #D4A574 !important; /* Gold for the 'Add coupons' toggle text */
}
.wc-block-components-text-input input {
    background-color: #0F1821 !important;
    color: #FFF !important;
    border: 1px solid #2A3C4D !important;
    border-radius: 0 !important;
    padding: 12px !important;
}

/* "Apply" Button in Coupon Section */
.wc-block-components-totals-coupon .wc-block-components-button, 
.wc-block-components-totals-coupon button {
    background-color: #D4A574 !important; /* Gold Background */
    color: #000000 !important; /* Black Text */
    border: none !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    opacity: 1 !important; /* Force visibility even if disabled state tries to hide it */
}

.wc-block-components-totals-coupon .wc-block-components-button:hover, 
.wc-block-components-totals-coupon button:hover {
    background-color: #C29463 !important;
    color: #000 !important;
}

/* 6. Checkout Button */
.wc-block-cart__submit-button,
.wc-block-components-button.is-primary {
    background-color: #D32F2F !important; /* Ferrari Red */
    color: #FFF !important;
    font-family: 'Chakra Petch', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 18px !important;
    padding: 16px 32px !important;
    border-radius: 0 !important;
    border: none !important;
    text-decoration: none !important;
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
}

.wc-block-cart__submit-button:hover,
.wc-block-components-button.is-primary:hover {
    background-color: #B71C1C !important;
    box-shadow: 0 4px 12px rgba(211, 47, 47, 0.4) !important;
}

/* Remove "Proceed to Checkout" link default style if present */
a.wc-block-components-button {
    text-decoration: none !important;
}

/* ============================================
   CLASSIC SHORTCODE FALLBACKS (Keep existing just in case)
   ============================================ */
.shop_table.cart {
    background-color: #1A2332;
    border: 1px solid #2A3C4D;
    color: #FFF;
}
.shop_table.cart th {
    background-color: #0F1821;
    color: #D4A574;
}
.cart-collaterals .cart_totals {
    background-color: #1A2332;
    border: 1px solid #2A3C4D;
    padding: 24px;
}

/* ============================================
   EMPTY STATE STYLING (CART BLOCK)
   ============================================ */

/* Safely hide explicitly named Gutenberg WooCommerce upsell blocks */
.woocommerce-cart .wp-block-woocommerce-product-new,
.woocommerce-cart .wp-block-woocommerce-handpicked-products,
.woocommerce-cart .wp-block-woocommerce-product-top-rated,
.woocommerce-cart .wp-block-woocommerce-product-best-sellers,
.woocommerce-cart .wc-block-grid,
.woocommerce-cart .wc-block-components-product-title,
.woocommerce-cart .wc-block-cross-sells,
.woocommerce-cart .wp-block-woocommerce-cart-cross-sells,
.woocommerce-cart hr.wp-block-separator {
    display: none !important;
}

/* Hide any secondary headings inside the empty cart block (e.g., "New in store") */
.wp-block-woocommerce-empty-cart-block h2:not(:first-of-type) {
    display: none !important;
}

/* Hide the crying face SVG if present */
.wp-block-woocommerce-empty-cart-block svg,
.wc-block-components-empty-state__icon,
.wc-block-cart__empty-cart svg,
.with-empty-cart-icon::before {
    display: none !important;
}

.wp-block-woocommerce-empty-cart-block,
.wc-block-cart__empty-cart .wc-block-components-empty-state,
.wc-block-cart__empty-cart,
p.cart-empty.woocommerce-info {
    text-align: center !important;
    padding: 60px 20px !important;
    background-color: #1A2332 !important;
    border: 1px solid #2A3C4D !important;
    border-radius: 8px !important;
    margin: 40px auto !important;
    max-width: 600px !important;
}

/* FORCE TARGETED TEXT ELEMENTS INSIDE TO DISPLAY */
.wp-block-woocommerce-empty-cart-block h2:first-of-type,
.wp-block-woocommerce-empty-cart-block p:first-of-type,
.wc-block-cart__empty-cart .wc-block-components-empty-state__title,
.wc-block-cart__empty-cart h2,
.wc-block-cart__empty-cart p:first-of-type,
.cart-empty {
    font-size: 28px !important;
    color: #D4A574 !important; /* Gold */
    font-family: 'Chakra Petch', sans-serif !important;
    text-transform: uppercase !important;
    margin-bottom: 15px !important;
    display: block !important;
    text-align: center !important;
    line-height: 1.2 !important;
}

/* SMALLER SUBTEXT (Catch-all for secondary text) */
.wp-block-woocommerce-empty-cart-block p:nth-of-type(2),
.wc-block-cart__empty-cart .wc-block-components-empty-state__description,
.wc-block-cart__empty-cart p:not(:first-of-type) {
    font-size: 18px !important;
    color: #E0E0E0 !important;
    margin-bottom: 40px !important;
    display: block !important;
    text-align: center !important;
}

.wc-block-cart__empty-cart .wp-block-button__link,
.wc-block-cart__empty-cart .wp-block-button,
.return-to-shop .wc-backward {
    background-color: #D32F2F !important;
    color: #FFF !important;
    padding: 15px 40px !important;
    font-family: 'Chakra Petch', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 18px !important;
    border-radius: 4px !important;
    display: inline-block !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    text-align: center !important;
}

.wc-block-cart__empty-cart .wp-block-button__link:hover,
.return-to-shop .wc-backward:hover {
    background-color: #B71C1C !important;
}