/*!
 * Homepage Typography Styles
 * Ensures Playfair Display and Inter fonts are applied to homepage elements
 */

/* ============================================
   HOMEPAGE HEADINGS
   ============================================ */
/* All homepage section titles and headings */
.homepage h1,
.homepage h2,
.homepage h3,
.homepage h4,
.homepage h5,
.homepage h6,
.section-title,
.page-title,
.hero-title,
.banner-title,
.category-title,
.product-section-title {
    font-family: 'Playfair Display', serif !important;
}

/* ============================================
   HOMEPAGE BODY TEXT
   ============================================ */
/* All homepage body text, descriptions, and UI elements */
.homepage p,
.homepage span,
.homepage div,
.homepage a,
.homepage li,
.homepage label,
.homepage button,
.homepage .btn,
.product-description,
.product-price,
.banner-description,
.category-description,
.standard-label {
    font-family: 'Inter', sans-serif !important;
}

/* ============================================
   HOMEPAGE PRODUCT CARDS
   ============================================ */
.product-card .product-title,
.product-card .product-name,
.product-card h3,
.product-card h4 {
    font-family: 'Playfair Display', serif !important;
}

.product-card .product-price,
.product-card .product-description,
.product-card .product-text,
.product-card p,
.product-card span {
    font-family: 'Inter', sans-serif !important;
}

/* ============================================
   HOMEPAGE BUTTONS
   ============================================ */
.homepage .btn,
.homepage button,
.shop-btn,
.view-all-btn,
.check-btn,
.apply-btn {
    font-family: 'Inter', sans-serif !important;
}

/* ============================================
   HOMEPAGE FORMS
   ============================================ */
.homepage input,
.homepage textarea,
.homepage select,
.homepage .form-control,
.ingredient-input,
.search-input {
    font-family: 'Inter', sans-serif !important;
}

/* ============================================
   HOMEPAGE NAVIGATION & LINKS
   ============================================ */
.homepage .nav-link,
.homepage .dropdown-item,
.homepage a {
    font-family: 'Inter', sans-serif !important;
}

/* ============================================
   HOMEPAGE BADGES & LABELS
   ============================================ */
.homepage .badge,
.homepage .label,
.product-badge,
.discount-badge {
    font-family: 'Inter', sans-serif !important;
}

/* ============================================
   HOMEPAGE CAROUSEL & SLIDERS
   ============================================ */
.homepage .carousel-title,
.homepage .slider-title {
    font-family: 'Playfair Display', serif !important;
}

.homepage .carousel-text,
.homepage .slider-text,
.homepage .carousel-description {
    font-family: 'Inter', sans-serif !important;
}

/* ============================================
   HOMEPAGE CATEGORIES
   ============================================ */
.category-section h2,
.category-section h3,
.category-section .category-title {
    font-family: 'Playfair Display', serif !important;
}

.category-section p,
.category-section span,
.category-section .category-description {
    font-family: 'Inter', sans-serif !important;
}

/* ============================================
   HOMEPAGE BANNERS
   ============================================ */
.banner h1,
.banner h2,
.banner h3,
.banner .banner-title {
    font-family: 'Playfair Display', serif !important;
}

.banner p,
.banner span,
.banner .banner-description,
.banner .banner-text {
    font-family: 'Inter', sans-serif !important;
}

/* ============================================
   HOMEPAGE DEALS & OFFERS
   ============================================ */
.deal-section h2,
.deal-section h3,
.flash-deal-title,
.deal-title {
    font-family: 'Playfair Display', serif !important;
}

.deal-section p,
.deal-section span,
.deal-description,
.deal-text {
    font-family: 'Inter', sans-serif !important;
}

/* ============================================
   HOMEPAGE VENDOR SECTIONS
   ============================================ */
.vendor-section h2,
.vendor-section h3,
.vendor-title,
.top-vendor-title {
    font-family: 'Playfair Display', serif !important;
}

.vendor-section p,
.vendor-section span,
.vendor-description {
    font-family: 'Inter', sans-serif !important;
}