/* ========================================
   HERO SECTION TYPOGRAPHY ENHANCEMENT
   ========================================
   
   Font Choices:
   - Poppins: Clean, modern sans-serif for main heading
     * Already used in the site's design system
     * Perfect for fresh, organic food branding
     * Bold and impactful for hero sections
   
   - Lora: Elegant serif for subheading
     * Already used in the site for category text
     * Adds sophistication and organic feel
     * Complements Poppins beautifully
   
   Changes Applied:
   - Hero heading (h1): Poppins Bold for impact
   - Hero subheading (h2): Lora Italic for elegance
   - Improved line-height for better readability
   - Subtle letter-spacing for premium feel
   
   ======================================== */

/* Fonts are already imported in the main HTML file */

/* Hero Section - Main Heading (h1) */
.owl-carousel.home-slider .slider-item .slider-text h1 {
    font-family: 'Poppins', Arial, sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em !important;
    line-height: 1.2 !important;
    text-transform: none !important;
    font-size: 4.5vw !important;
}

/* Hero Section - Subheading (h2) */
.owl-carousel.home-slider .slider-item .slider-text .subheading {
    font-family: 'Lora', Georgia, serif !important;
    font-weight: 400 !important;
    font-style: italic !important;
    letter-spacing: 0.05em !important;
    line-height: 1.6 !important;
    font-size: 16px !important;
}

/* Hero Section - Button Text Enhancement */
.owl-carousel.home-slider .slider-item .slider-text .btn-primary {
    font-family: 'Poppins', Arial, sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.05em !important;
}

/* Responsive adjustments for mobile */
@media (max-width: 767.98px) {
    .owl-carousel.home-slider .slider-item .slider-text h1 {
        font-size: 28px !important;
        letter-spacing: -0.01em !important;
        line-height: 1.3 !important;
    }

    .owl-carousel.home-slider .slider-item .slider-text .subheading {
        letter-spacing: 0.06em !important;
    }
}