/*
Theme Name: Trendz Child
Template: astra
*/

/* 1. Fix Spectra Container & Backgrounds */
.wp-block-spectra-container.spectra-overflow {
    overflow: visible !important;
    position: relative !important;
}

.spectra-overlay-color {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* 2. Fix Header Overlapping Hero (Global Fix) */
/* This uses Astra's variable to push content down exactly the height of your header */
.ast-theme-transparent-header .site-content {
    padding-top: 0 !important;
}

.ast-theme-transparent-header .entry-content > .wp-block-spectra-container:first-child {
    padding-top: var(--ast-header-responsive-height, 80px) !important;
}

/* 3. Mobile Responsiveness & Image Fixes */
@media (max-width: 921px) {
    /* Ensure hero background images are visible on small screens */
    .wp-block-spectra-container {
        background-attachment: scroll !important; /* Fixed backgrounds often break on mobile */
    }

    /* Adjust the spacing for mobile headers which are often taller or shorter */
    .ast-theme-transparent-header .entry-content > .wp-block-spectra-container:first-child {
        padding-top: 70px !important; 
    }
}

/* 4. Fix Z-Index (Ensures Header stays on top) */
.main-header-bar, .ast-main-header-wrap {
    z-index: 999 !important;
}
/* new font setup */
/* =============================================
   Custom Typography for Trendz.zone
   Bangla: Hind Siliguri | English: Poppins
   Compatible with Astra + WooCommerce
   ============================================= */

/* 1. Import Google Fonts (optimized with display=swap for better performance) */
@import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@400;500;600&family=Poppins:wght@400;500;600&display=swap');

/* 2. Base Body & Bangla Text */
body,
p,
li,
a,
span,
div,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce div.product .product_title,
.entry-content,
.comment-content,
.widget ul li,
.site-content {
    font-family: 'Hind Siliguri', sans-serif;
    font-weight: 400;
    line-height: 1.7;
}

/* Force Hind Siliguri on Bengali script specifically (very important for Bangla) */
[lang="bn"],
.bangla-text,
.bn,
*:lang(bn),
p:lang(bn),
h1:lang(bn),
h2:lang(bn),
h3:lang(bn),
h4:lang(bn),
h5:lang(bn),
h6:lang(bn) {
    font-family: 'Hind Siliguri', sans-serif !important;
}

/* 3. Headings, Product Titles, Hero, Banners - Poppins */
h1, h2, h3, h4, h5, h6,
.site-title,
.site-description,
.entry-title,
.page-title,
.widget-title,
.woocommerce-loop-product__title,
.product_title,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.hero-title,
.banner-title,
.section-title {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    line-height: 1.3;
}

/* 4. Buttons & Interactive Elements - Poppins 500 */
button,
input[type="button"],
input[type="submit"],
.cart button,
.add_to_cart_button,
.single_add_to_cart_button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.ast-button,
.ast-custom-button,
.menu-toggle,
.ast-mobile-header-wrap .menu-toggle {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* 5. Fine-tune specific WooCommerce elements */
.woocommerce ul.products li.product .price,
.woocommerce div.product .woocommerce-product-details__short-description {
    font-family: 'Hind Siliguri', sans-serif;
    font-weight: 400;
}

/* Optional: Slightly modern spacing for headings */
h1 { font-size: 2.8rem; }
h2 { font-size: 2.2rem; }
h3 { font-size: 1.8rem; }

/* Fallback & Performance */
* {
    font-display: swap;
}