/* 1) Load Montserrat once */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

:root {
  --font-brand: 'Montserrat', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* 2) Global application */
html, body,
.zd-body,
.hc-header, .hc-footer,
.article-body, .article-title,
.zd-btn, .zd-input, .zd-select,
h1, h2, h3, h4, h5, h6,
p, a, li, span {
  font-family: var(--font-brand) !important;
}

/* 3) Specific overrides for the visible labels you mentioned */

/* Header brand/title (e.g., "GivEnergy Support") */
.hc-header .brand,
.hc-header .brand a,
.hc-header .hc-title,
.hc-header .title,
.hc-header .logo-text,
.hc-header .portal-title,
.hc-header .brand-name {
  font-family: var(--font-brand) !important;
  font-weight: 600; /* adjust if needed */
}

/* Search module heading (e.g., "Search Articles") */
.hc-search .hc-search-title,
.hc-search .title,
.hc-search h1,
.hc-search h2,
.hc-search .heading,
.hc-search .label,
.hc-hero .hc-search-title,
.hc-hero .title {
  font-family: var(--font-brand) !important;
  font-weight: 600; /* adjust to 500/700 per branding */
}

/* If the theme uses container-level font declarations, out-specify them */
.hc-container .hc-content,
.hc-nav .hc-menu,
.hc-sidebar .hc-section,
.hc-hero,
.hc-search,
.hc-header,
.hc-footer {
  font-family: var(--font-brand) !important;
}

/* Apply to the brand name */
.div_Header__brandName,
.div_Header__brandName a,
.div_Header__brandName span {
  font-family: var(--font-brand);
  font-weight: 600; /* tweak 500/700 per your branding */
  line-height: 1.2;
}

/* Ensure common descendants inherit Montserrat (out‑specific theme rules) */
.div_headerContainer *,
.div_headerContainer a,
.div_headerContainer span,
.div_headerContainer h1,
.div_headerContainer h2,
.div_headerContainer h3 {
  font-family: var(--font-brand) !important;
}

/* Apply to the specific element */
.Header__brandName,
.Header__brandName a,
.Header__brandName span {
  font-family: var(--font-brand) !important;
  font-weight: 600; /* adjust to 500/700 per branding */
  line-height: 1.2;
}