/* 1. Schriftart definieren (Variable Font Unterstützungsbereich) */
@font-face {
  font-family: 'Google Sans Flex';
  font-style: normal;
  font-weight: 100 900; /* Stufenlose Stärken erlauben */
  font-display: swap;
  src: url('../fonts/google-sans-flex-v26-latin-regular.woff2') format('woff2');
}

/* 2. Bootstrap 5 Root-Variablen für Größe und Stärke setzen */
:root {
  --bs-font-sans-serif: 'Google Sans Flex', system-ui, -apple-system, sans-serif !important;
  --bs-body-font-family: 'Google Sans Flex', system-ui, -apple-system, sans-serif !important;
  --bs-body-font-weight: 300 !important; /* Standard ist 400 - 300 macht sie schlanker */
  --bs-body-font-size: 0.95rem !important; /* Standard ist 1rem - 0.95rem macht sie dezent kleiner */
}

/* 3. Global für Text-Elemente anwenden */
html, body, p, div:not(.mod_events_latest):not(.jevents), a, li, ul, ol, h1, h2, h3, h4, h5, h6,
input, textarea, select, button, label, td, th {
  font-family: 'Google Sans Flex', system-ui, -apple-system, sans-serif !important;
  font-weight: 300 !important; /* Dünnere Schriftstärke global durchsetzen */
}

/* 4. Font Awesome & Helix-Menüpfeile schützen */
.fa, .fas, .far, .fal, .fad, .fab,
.fa-solid, .fa-regular, .fa-light, .fa-thin, .fa-duotone, .fa-brands,
[class^="fa-"], [class*=" fa-"],
i[class*="fa-"], span[class*="fa-"],
.sp-megamenu-parent .sp-has-child > a::after,
.sp-megamenu-parent .sp-has-child > span::after,
.sp-megamenu-parent .sp-dropdown-items .sp-has-child > a::after,
.sp-module-title::before, .sp-module-title::after,
[class^="fa-"]::before, [class*=" fa-"]::before,
[class^="fa-"]::after, [class*=" fa-"]::after {
  font-family: "FontAwesome", "Font Awesome 5 Free", "Font Awesome 6 Free", "Font Awesome 5 Brands", "Font Awesome 6 Brands" !important;
}

/* 5. JEvents-Modul: Text bekommt Google Sans Flex, Icons behalten ihre Schrift */
.mod_events_latest,
.mod_events_latest_content,
.jevents {
  font-family: 'Google Sans Flex', system-ui, -apple-system, sans-serif !important;
}

/* 6. Schutz für alle Icon-Elemente in JEvents (Kalenderblatt, Uhr etc.) */
.mod_events_latest [class^="icon-"],
.mod_events_latest [class*=" icon-"],
.mod_events_latest i,
.jevents [class^="icon-"],
.jevents [class*=" icon-"],
.jevents i,
[class^="icon-"]::before,
[class*=" icon-"]::before {
  font-family: "FontAwesome", "Font Awesome 5 Free", "IcoMoon", "keep" !important;
}

/* 7. Featured-Badge in allen Helix- / Joomla-Layouts erzwingend ausblenden */
.badge-featured,
.article-featured-badge,
.label-featured,
.featured-badge,
.badge.bg-danger,
.badge.badge-danger,
.article-info .badge,
.entry-header .badge,
span.badge.bg-primary,
span.badge.bg-secondary {
  display: none !important;
}