/*--------------------------------------------------------------
# Typography Override - Ensure IvyMode for all headings
--------------------------------------------------------------*/

/* Force all headings to use IvyMode */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.title, .section-title, .common-title, .common-title-two, .common-title-three,
.hero-title, .banner-inner-title, .blog-toc-title,
.section-title-wrapper-index-02 .section-title,
.single-blog-details h1,
.single-blog-details h2,
.single-blog-details h3,
.single-blog-details h4,
.single-blog-details h5,
.single-blog-details h6 {
    font-family: 'IvyMode', serif !important;
}

/* Force all body text to use Epic */
body, p, span, div, a, li, td, th,
.common-para, .details-para, .blog-content,
.paragraph, .text, .description {
    font-family: 'Epic', sans-serif !important;
}

/* Responsive heading sizes */
@media (max-width: 991px) {
    h1 { font-size: 42px; line-height: 1.2; }
    h2 { font-size: 32px; line-height: 1.3; }
    h3 { font-size: 28px; line-height: 1.35; }
    h4 { font-size: 22px; line-height: 1.4; }
    h5 { font-size: 18px; line-height: 1.45; }
    h6 { font-size: 16px; line-height: 1.5; }
}

@media (max-width: 575px) {
    h1 { font-size: 32px; line-height: 1.2; }
    h2 { font-size: 28px; line-height: 1.3; }
    h3 { font-size: 24px; line-height: 1.35; }
    h4 { font-size: 20px; line-height: 1.4; }
    h5 { font-size: 18px; line-height: 1.45; }
    h6 { font-size: 16px; line-height: 1.5; }
}