/*
 * Font Overrides for Scru Template
 * ---------------------------------
 * This file overrides all font-family declarations from the template.
 * Edit the CSS variables below to change fonts site-wide.
 */

:root {
    --font-body: 'Manrope', sans-serif;
    --font-heading: 'Instrument Serif', serif;
    --font-subheading: 'Bricolage Grotesque', sans-serif;
}

/* ===========================================
   Base Overrides
   =========================================== */

body {
    font-family: var(--font-body) !important;
}

body p,
body li,
body span,
body a,
body label,
body input,
body textarea,
body select,
body button {
    font-family: var(--font-body) !important;
}

/* ===========================================
   Main Headings (Instrument Serif)
   =========================================== */

h1, h2 {
    font-family: var(--font-heading) !important;
}

.hero-heading {
    font-family: var(--font-heading) !important;
}

.hero-heading span {
    font-family: var(--font-heading) !important;
}

.title-two h2 {
    font-family: var(--font-heading) !important;
}

.fancy-text,
.display-text,
.hero-banner h1,
.hero-banner-two h1,
.hero-banner-three h1,
.hero-banner-four h1,
[class*="hero-banner"] h1 {
    font-family: var(--font-heading) !important;
}

/* Final CTA heading */
.fancy-banner-two h2 {
    font-family: var(--font-heading) !important;
}

/* ===========================================
   Subheadings & Card Titles (Bricolage Grotesque)
   =========================================== */

h3, h4, h5, h6 {
    font-family: var(--font-subheading) !important;
}

.title-two .section-tag {
    font-family: var(--font-body) !important;
}

/* Card titles */
.card-style-one h4,
.card-style-two h4,
.card-style-three h4,
.card-style-four h4,
.card-style-five h4,
[class*="card-style-"] h4 {
    font-family: var(--font-subheading) !important;
}

/* Pricing table titles */
.pr-table-one h5,
.pr-table-two h5,
.pr-table-three h5,
[class*="pr-table-"] h5 {
    font-family: var(--font-subheading) !important;
}

/* How it works step titles */
.card-style-three h4 {
    font-family: var(--font-subheading) !important;
}

/* Feature block titles */
.feature-block-five h4,
.feature-block-six h4,
.feature-block-seven h4 {
    font-family: var(--font-subheading) !important;
}

/* ===========================================
   Component Overrides (Body font)
   =========================================== */

/* Buttons */
.btn-one,
.btn-two,
.btn-three,
.btn-four,
.btn-five,
.btn-six,
.btn-seven,
.btn-eight,
.btn-nine,
.btn-ten,
[class*="btn-"] {
    font-family: var(--font-body) !important;
}

/* Cards body text */
.card-style-one,
.card-style-two,
.card-style-three,
.card-style-four,
.card-style-five,
[class*="card-style-"] {
    font-family: var(--font-body) !important;
}

/* Pricing tables */
.pr-table-one,
.pr-table-two,
.pr-table-three,
[class*="pr-table-"] {
    font-family: var(--font-body) !important;
}

/* Pricing amounts */
.pr-table-one .price,
.pr-table-two .price,
.pr-table-three .price,
[class*="pr-table-"] .price {
    font-family: var(--font-subheading) !important;
}

/* Accordion / FAQ */
.accordion-button {
    font-family: var(--font-subheading) !important;
}

.accordion-body {
    font-family: var(--font-body) !important;
}

/* Navigation */
.navbar,
.navbar a,
.navbar .nav-link,
.main-header,
.main-header a {
    font-family: var(--font-body) !important;
}

/* Footer */
.footer-section,
.footer-section a,
.footer-section p,
footer,
footer a,
footer p {
    font-family: var(--font-body) !important;
}

/* Mark box / badges */
.mark-box,
.mark-box strong,
.mark-box span {
    font-family: var(--font-body) !important;
}

/* Lists */
.list-style-one li,
.list-style-two li,
[class*="list-style-"] li {
    font-family: var(--font-body) !important;
}

/* Font utility classes from template */
.font-syne {
    font-family: var(--font-subheading) !important;
}

/* ===========================================
   Sidebar / Widget Titles (use subheading font)
   =========================================== */

.slider-title,
.theme-sidebar-one h2,
.widegt-banner h2 {
    font-family: var(--font-subheading) !important;
}