/* Comprehensive fix for cart and checkout pages */

/* 1. Hide ALL default page titles */
body.woocommerce-cart .entry-title,
body.woocommerce-checkout .entry-title,
body.woocommerce-cart .page-title,
body.woocommerce-checkout .page-title,
body.woocommerce-cart h1.entry-title,
body.woocommerce-checkout h1.entry-title,
body.woocommerce-cart header.entry-header,
body.woocommerce-checkout header.entry-header,
body.woocommerce-cart .ast-single-post-title,
body.woocommerce-checkout .ast-single-post-title,
body.woocommerce-cart .woocommerce-products-header,
body.woocommerce-checkout .woocommerce-products-header,
body.woocommerce-cart article > h1:first-child,
body.woocommerce-checkout article > h1:first-child,
body.woocommerce-cart .site-main > h1:first-child,
body.woocommerce-checkout .site-main > h1:first-child {
    display: none !important;
    visibility: hidden !important;
    position: absolute !important;
    left: -9999px !important;
}

/* 2. Fix the custom header positioning and display */
.eftg-cart-header,
.eftg-checkout-header {
    /* Remove the complex margin/positioning that was causing issues */
    margin: 0 !important;
    padding: 150px 20px !important;
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    
    /* Background image */
    background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), 
                      url('https://eatfromthegarden.com/wp-content/uploads/2024/12/title-page-6.jpg') !important;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    
    /* Spacing */
    margin-bottom: 60px !important;
    text-align: center !important;
}

/* 3. Make the header full width */
body.woocommerce-cart .site-content,
body.woocommerce-checkout .site-content {
    padding: 0 !important;
    max-width: 100% !important;
}

body.woocommerce-cart .site-main,
body.woocommerce-checkout .site-main {
    margin: 0 !important;
    padding: 0 !important;
}

/* 4. Style the header text */
.eftg-cart-header h1,
.eftg-checkout-header h1 {
    color: white !important;
    font-size: 48px !important;
    font-weight: 700 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5) !important;
    line-height: 1.2 !important;
}

/* 5. Content area styling 
body.woocommerce-cart .woocommerce,
body.woocommerce-checkout .woocommerce {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px 60px !important;
}*/

/* 6. Hide any Elementor titles if present */
.elementor-widget-heading .elementor-heading-title:contains(Cart),
.elementor-widget-heading .elementor-heading-title:contains(Checkout) {
    display: none !important;
}

/* 7. Mobile responsive */
@media (max-width: 768px) {
    .eftg-cart-header,
    .eftg-checkout-header {
        padding: 80px 20px !important;
    }
    
    .eftg-cart-header h1,
    .eftg-checkout-header h1 {
        font-size: 32px !important;
    }
}

/* 8. Fix for specific theme compatibility */
.ast-container .entry-header,
.ast-single-post .entry-header,
.ast-page-builder-template .entry-header {
    display: none !important;
}

/* 9. Ensure cart/checkout content has proper background */
body.woocommerce-cart,
body.woocommerce-checkout {
    background-color: #f8f9fa;
}

body.woocommerce-cart .site-content .woocommerce,
body.woocommerce-checkout .site-content .woocommerce {
    background-color: white;
    padding: 40px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}