/* ==========================================================
   GLOBAL TYPOGRAPHY (POPPINS & JOST MINIMALISM)
========================================================== */

/* 1. Global Headings (Strictly Poppins, No Italics, Normal Weight) */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    color: #111;
    margin-top: 0;
}

h1 { font-size: var(--font-h1); }
h2 { font-size: var(--font-h2); }
h3 { font-size: var(--font-h3); }

/* Shop Cover & Page Titles */
.marbo-cover-title, .woocommerce-products-header__title.page-title {
    font-size: var(--font-h1) !important;
}

/* 2. Base Body Text (Strictly Jost) */
body, 
p, 
.woocommerce-product-details__short-description, 
.accordion-content, 
.footer-about {
    font-family: 'Jost', sans-serif !important;
    font-size: var(--font-body) !important;
    line-height: 1.7 !important;
    font-weight: 300 !important;
}

/* 3. Product Names (Responsive Poppins, Normal/No Italics) */
.woocommerce div.product .product_title {
    font-family: 'Poppins', sans-serif !important;
    font-size: 36px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    color: #111 !important;
    line-height: 1.3 !important;
    margin-bottom: 15px !important;
}

ul.products li.product .woocommerce-loop-product__title {
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    color: #111 !important;
    margin-top: 15px !important;
    margin-bottom: 5px !important;
}

/* 4. Navbar & Mobile Menu (Capitalize First Letter Only) */
.left-nav a, 
.right-nav a, 
.mobile-nav a {
    font-family: 'Jost', sans-serif !important;
    font-weight: 500 !important;
    text-transform: capitalize !important; /* Forces normal case with first letter capital */
    letter-spacing: 0.03em !important;
}

/* 5. Labels & Badges (Kept uppercase for UI structure) */
.marbo-cover-subtitle,
.marbo-grid-category a,
.lux-summary-line,
.marbo-four-badges .badge-box span,
.lux-item-badge {
    font-family: 'Jost', sans-serif !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.12em !important;
    font-size: var(--font-caption) !important;
}

/* Stock Status (Manual Formatting Freedom) */
.marbo-stock-status {
    text-transform: none !important; /* Removes uppercase completely */
    letter-spacing: normal !important;
    font-family: 'Jost', sans-serif !important;
    font-weight: 400 !important;
}

/* 6. Buttons (Jost 500, Spaced Uppercase) */
.single_add_to_cart_button, 
.marbo-buy-now, 
.marbo-quick-buy-wrapper .button,
.lux-checkout-btn,
.newsletter-form button {
    font-family: 'Jost', sans-serif !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.12em !important;
    font-size: var(--font-button) !important;
}

/* 7. Pricing - Minimal & Unobtrusive (No Bold) */
/* Single Product Page */
.woocommerce div.product p.price ins {
    font-family: 'Jost', sans-serif !important;
    font-size: 20px !important; 
    font-weight: 400 !important;
    color: #333 !important;
    text-decoration: none !important; /* <--- THIS KILLS THE UNDERLINE */
}
.woocommerce div.product p.price del {
    font-family: 'Jost', sans-serif !important;
    font-size: 15px !important;
    font-weight: 300 !important;
    color: #999 !important;
}

/* Shop Grid Prices & Cart Prices */
ul.products li.product .price,
.lux-item-price { 
    font-family: 'Jost', sans-serif !important; 
    font-size: 14px !important; 
    color: #666 !important; 
    font-weight: 400 !important; 
}
ul.products li.product .price ins { 
    color: #333 !important; 
    font-weight: 400 !important; 
    text-decoration: none !important; 
}
ul.products li.product .price del {
    font-size: 12px !important;
    color: #aaa !important;
}

/* ==========================================================
   8. RESPONSIVE TYPOGRAPHY (SCALING & OVERRIDES)
========================================================== */

/* Tablet Typography Scale & Overrides (1024px) */
@media screen and (max-width: 1024px) {
    :root {
        --font-h1: 48px;
        --font-h2: 36px;
        --font-h3: 26px;
        --font-body: 16px;
        --font-caption: 12px;
        --font-button: 14px;
    }

    /* Single Product Title shrinks for tablet/mobile */
    .woocommerce div.product .product_title {
        font-size: 24px !important; 
    }
    
    /* Shop Grid Product Titles shrink nicely for phones */
    ul.products li.product .woocommerce-loop-product__title {
        font-size: 13px !important; 
    }
    
    /* Grid pricing slightly smaller on phones */
    ul.products li.product .price,
    .lux-item-price { 
        font-size: 13px !important; 
    }
}

/* Mobile Typography Scale (768px) */
@media screen and (max-width: 768px) {
    :root {
        --font-h1: 38px;
        --font-h2: 30px;
        --font-h3: 23px;
        --font-body: 15px;
        --font-caption: 11px;
        --font-button: 13px;
    }
}