/* ════════════════════════════════════════════════════════════════
   SHIV KHERA ACADEMY — GLOBAL TYPOGRAPHY (single source of truth)
   Headings → Lora · Body → Inter · overrides ALL page-level fonts
   Paste into InnovaStudio ▸ Custom CSS
   ════════════════════════════════════════════════════════════════ */

/* 1 — LOAD FONTS (must stay at very top, before any rule) */
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* 2 — HEADINGS → Lora (overrides inline Prata/Inter/Garamond/etc.) */
h1, h2, h3, h4, h5, h6,
h1 *, h2 *, h3 *, h4 *, h5 *, h6 *,
.is-container h1, .is-container h2, .is-container h3,
.is-container h4, .is-container h5, .is-container h6 {
    font-family: 'Lora', Georgia, serif !important;
}

/* 3 — BODY TEXT → Inter (overrides inline Roboto/Poppins/Jost/etc.) */
body, p, span, a, li, ul, ol, dl, dd, dt,
button, input, select, textarea, label, legend, optgroup, option,
td, th, caption, figcaption, blockquote, q, cite,
small, strong, em, b, i, sub, sup, mark,
div, section, article, header, footer, nav, main,
.is-container, .is-container * {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* 4 — Re-assert Lora on headings (they live inside .is-container *) */
h1, h2, h3, h4, h5, h6,
.is-container h1, .is-container h2, .is-container h3,
.is-container h4, .is-container h5, .is-container h6 {
    font-family: 'Lora', Georgia, serif !important;
}

/* 5 — WEIGHT SAFETY: Lora tops out at 700.
        Any heading set to 800/900 inline is clamped so it renders
        a real weight instead of faux-bold / mismatched fallback. */
h1, h2, h3, h4, h5, h6 {
    font-weight: 700 !important;
}

/* 6 — PROTECT ICON FONTS (Bootstrap Icons, Ionicons, Font Awesome).
        Without this, social icons / carets / play arrows become letters. */
.icon, [class^="icon-"], [class*=" icon-"],
[class^="ion-"], [class*=" ion-"],
[class^="bi-"], [class*=" bi-"], .bi,
[class^="fa-"], [class*=" fa-"], .fa, .fas, .far, .fab, .fal, .fad {
    font-family: inherit;
}
.bi::before, [class^="bi-"]::before, [class*=" bi-"]::before {
    font-family: 'bootstrap-icons' !important;
}
[class^="ion-"]::before, [class*=" ion-"]::before {
    font-family: 'Ionicons' !important;
}
.fa::before, .fas::before, .far::before, .fab::before,
[class^="fa-"]::before, [class*=" fa-"]::before {
    font-family: 'Font Awesome 6 Free', 'Font Awesome 6 Brands', 'FontAwesome' !important;
}