/* ════════════════════════════════════════════════════════════════
   SHIV KHERA ACADEMY — GLOBAL TYPOGRAPHY
   Headings → Lora · Body text → Inter
   Paste into InnovaStudio ▸ Custom CSS (site-wide)
   ════════════════════════════════════════════════════════════════ */

/* 1 — Load the fonts (these two lines MUST stay at the very top) */
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

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

/* 3 — BODY TEXT → Inter (overrides inline Roboto/Poppins/Jost/Gill Sans/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, aside, header, footer, nav, main {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* 4 — Keep headings as Lora even though the rule above lists their wrappers */
h1, h2, h3, h4, h5, h6,
h1 *, h2 *, h3 *, h4 *, h5 *, h6 * {
    font-family: 'Lora', Georgia, serif !important;
}

/* 5 — DO NOT touch icon fonts (Bootstrap Icons / Font Awesome).
        Without this, your social icons, WhatsApp button, play arrows
        and dropdown carets would turn into plain letters. */
[class^="bi-"], [class*=" bi-"], .bi,
[class^="bi-"]::before, [class*=" bi-"]::before, .bi::before,
[class^="fa-"], [class*=" fa-"], .fa, .fas, .far, .fab, .fal, .fad,
.fa::before, .fas::before, .far::before, .fab::before,
[class^="icon-"], [class*=" icon-"] {
    font-family: inherit;
}
.bi::before, [class^="bi-"]::before, [class*=" bi-"]::before {
    font-family: 'bootstrap-icons' !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;
}