/* ===================================================
   Mind Your Ads — Typography Override v2
   H1, H2, Hero      → Playfair Display
   H3, H4, Nav, Foot → Lora
   Body / Paragraphs  → Merriweather
   Buttons / CTA      → Lora (Bold)
   =================================================== */

/* ── 1. Override all CSS font variables (! wins over class-scoped redefs) ── */
:root {
  --font-heading : 'Playfair Display', Georgia, 'Times New Roman', serif !important;
  --font-sub     : 'Lora', Georgia, 'Times New Roman', serif !important;
  --font-body    : 'Merriweather', Georgia, 'Times New Roman', serif !important;
  /* override existing theme tokens so var() calls resolve to new fonts */
  --font-1       : 'Playfair Display', Georgia, serif !important;
  --font-2       : 'Merriweather', Georgia, serif !important;
  --ft-font      : 'Lora', Georgia, serif !important;
  --hdr-font     : 'Lora', Georgia, serif !important;
  --hdr-menu-font: 'Lora', Georgia, serif !important;
}

/* ── 2. Base body ──────────────────────────────────── */
body {
  font-family: 'Merriweather', Georgia, 'Times New Roman', serif !important;
  font-weight: 400;
  line-height: 1.8;
}

/* ── 3. H1 & H2 → Playfair Display ────────────────── */
h1, h2,
.contact-title,
.section-title__one-title,
.about-one .section-title__one-title,
.refund-policy-section .section-title__one-title,
.section-title__four-title,
.blog-card-title,
.testimonial-title,
.quote-form-one__title,
.brand-one__title,
.faq-title,
.why-title,
.services-title,
.wddev-features .title,
.wddev-steps .title,
.ppc-process .title,
.feature-card__title,
.process-step__title,
.campaign-card h3,
.stat-card h3,
.service-hero__title,
.service-hero h1,
.hero-section h1,
.hero-section h2,
.lead-header .quote-form-one__title {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-weight: 700;
  line-height: 1.2;
}

/* ── 4. H3–H6, subheadings → Lora ─────────────────── */
h3, h4, h5, h6,
.step h3,
.ppc-process .lead {
  font-family: 'Lora', Georgia, serif !important;
  font-weight: 600;
  line-height: 1.3;
}

/* ── 5. Navbar & Header ────────────────────────────── */
.header-6,
.header-6 *,
#header-sticky.header-6,
.main-menu nav ul li a,
.main-menu nav ul li .sub-menu li a,
.header-6 .contact-us-button .text a,
.mya-mobile-nav,
.mya-mobile-nav a,
.mya-mobile-cta a,
.mya-drawer,
.mya-drawer * {
  font-family: 'Lora', Georgia, serif !important;
}

/* ── 6. Footer ─────────────────────────────────────── */
footer,
footer *,
.footer,
.footer *,
.footer-6,
.footer-6 * {
  font-family: 'Lora', Georgia, serif !important;
}

/* ── 7. Buttons & CTAs ─────────────────────────────── */
button,
.btn,
.button,
a.button,
input[type="submit"],
.contact-btn,
.rr-bounce-up,
.lead-btn,
.mya-cta,
.mya-call,
.adm-btn,
.btn-ghost,
.faq-btn,
.contact-quote-form button[type="submit"] {
  font-family: 'Lora', Georgia, serif !important;
  font-weight: 700;
}

/* ── 8. Paragraphs, lists, body copy ───────────────── */
p,
li,
td,
th,
blockquote,
figcaption,
.step p,
.service-hero__subtitle,
.service-hero p,
.process-step__desc,
.feature-card__text,
.faq-answer,
.accordion-body,
.lead-subtitle {
  font-family: 'Merriweather', Georgia, serif !important;
}

span:not([class*="icon"]):not([class*="fa"]):not([class*="mdi"]) {
  font-family: inherit;
}

/* ── 9. Form elements ──────────────────────────────── */
input,
textarea,
select,
label,
.lead-form input,
.lead-form textarea,
.lead-form select,
.contact-quote-form input,
.contact-quote-form textarea,
.contact-quote-form select {
  font-family: 'Merriweather', Georgia, serif !important;
}

/* ── 10. Blog post body content ────────────────────── */
.blog-post-body,
.blog-post-body p,
.blog-post-body li,
.blog-post-body blockquote,
article p,
article li {
  font-family: 'Merriweather', Georgia, serif !important;
  line-height: 1.9;
}

.blog-post-body h1,
.blog-post-body h2,
article h1,
article h2 {
  font-family: 'Playfair Display', Georgia, serif !important;
}

.blog-post-body h3,
.blog-post-body h4,
article h3,
article h4 {
  font-family: 'Lora', Georgia, serif !important;
}

/* ── 11. Section labels / tags / badges ────────────── */
.section-tag,
.section-subtitle,
.sub-title,
.tag,
.badge,
.adm-badge,
.seo-eyebrow,
.feat-chip em,
.partner-logo span {
  font-family: 'Lora', Georgia, serif !important;
}

/* ── 12. Modal lead form ────────────────────────────── */
.lead-header .quote-form-one__title {
  font-weight: 800;
}

/* ── 13. PPC / service page scoped font token reset ── */
.ppc-process,
.ppc-process *,
.wddev-features,
.wddev-steps,
.about-one,
.social-analytics__content {
  --font-1: 'Playfair Display', Georgia, serif;
  --font-2: 'Merriweather', Georgia, serif;
}

/* ── 14. Testimonial & social blocks ────────────────── */
.testimonial-name,
.testimonial-owl .testimonial-name {
  font-family: 'Lora', Georgia, serif !important;
  font-weight: 700;
}
