/* ==========================================================================
   Witsclass — Global Font Overrides
   Playfair Display  → h1, h2, hero/banner headings (main headings)
   Cormorant Garamond → h3, h4, h5, h6 (subheadings)
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,700&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,600&display=swap');

/* ── Remove gradient/background highlight from ALL heading elements and spans ─ */
h1,
h1 span,
h2,
h2 span,
h3,
h3 span,
h4,
h4 span,
h5,
h5 span,
h6,
h6 span,
.use-text-title,
.use-text-title span,
.use-text-subtitle,
.use-text-subtitle span,
.title-head,
.title-head span,
.title-text,
.title-text span,
.primary span,
.secondary span,
[class*="use-text"] span,
.title-main h1 span,
.title-main h2 span,
.title-main h3 span,
.title-main h4 span,
.title-main h5 span,
.title-main h6 span {
    background: transparent !important;
    background-color: transparent !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
}

/* ── Main Headings: Playfair Display ──────────────────────────────────────── */
h1,
h2,
.use-text-title,
.title-head,
.title-text,
#banner h1,
#banner h2,
.banner-slider h1,
.banner-slider h2,
.banner-wrap h1,
.banner-wrap h2,
.slide h1,
.slide h2,
.hero h1,
.hero h2,
[class*="banner"] h1,
[class*="banner"] h2 {
    font-family: 'Playfair Display', Georgia, serif !important;
}

/* ── Sub Headings: Cormorant Garamond ─────────────────────────────────────── */
h3,
h4,
h5,
h6,
.use-text-subtitle,
.use-text-subtitle2,
.subtitle,
.sub-title,
.desc,
p.desc,
.section-title h3,
.section-title h4,
.section-title h5,
.section-title h6 {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
}