/* fauth.dk – grundlag: variabler, tag-regler, prefers-* og :has (det Breakdance-selectors ikke kan).
   Design B »Lyst og præcist« (Timme 21-10-2026). Lægges op af scripts/deploy_mu.sh og indlæses af hm-grundlag.php. */
:root {
  color-scheme: light;
  --navy-0: #06142B; --navy-1: #0A2346; --navy-2: #0F3563;
  --straale: #3FD8E6; --straale-lys: #7BE6F0; --accent-moerk: #0E8FA0;
  --hvid: #FFFFFF; --lys: #F3F6F8; --is: #E9F7F9; --kant: #DCE3EA;
  --tekst: #12233A; --graa: #5D6B7A; --tekst-lys: #C6D4E6; --produkt-bund: #E6E9EC;
  --display: "Saira Semi Condensed", "Arial Narrow", sans-serif;
  --brod: "Source Sans 3", "Source Sans Pro", Helvetica, Arial, sans-serif;
}
* { box-sizing: border-box; }
html, body { margin: 0; }
body { background: var(--hvid); color: var(--tekst); font: 17px/1.6 var(--brod); overflow-x: hidden; }
img { max-width: 100%; }
html:root { --bde-body-font-family: var(--brod); --bde-heading-font-family: var(--display); }
html body :is(h1,h2,h3,h4,h5,h6) { color: inherit; }
a { color: inherit; }
/* temaerne skifter mellem hvid og lys bund, så lange sider får rytme */
.fa-tema:nth-child(even of .fa-tema) { background: var(--lys); }
/* tema uden produktbilleder: teksten bruger hele bredden (to spalter på store skærme) */
.fa-tema:not(:has(.fa-galleri-punkt)) .fa-tema-in { grid-template-columns: 1fr; }
@media (min-width: 1024px) { .fa-tema:not(:has(.fa-galleri-punkt)) .fa-prosa { columns: 2; column-gap: 56px; } .fa-tema:not(:has(.fa-galleri-punkt)) .fa-prosa p { break-inside: avoid; } }
/* løsningsboksene i to kolonner: står den sidste alene, fylder den hele rækken (ingen tom grå celle) */
@media (min-width: 768px) and (max-width: 1119px) { .fa-kort:last-child:nth-child(odd) { grid-column: 1 / -1; } }
/* tomme valgfrie felter (hm-grundlag.php fjerner blanktegnene) */
.fa-knap:empty, .fa-over:empty, .fa-ingress:empty, .fa-citat:empty, .fa-undertitel:empty, .fa-kort-tekst:empty, .fa-intro:empty { display: none; }
.fa-knapper:not(:has(.fa-knap:not(:empty))) { display: none; }
.fa-skaerm:not(:has(img[src])) { display: none; }
/* GB12 logobånd */
.fa-lb-vindue { -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.fa-lb-spor.fa-lb-klar { animation: lb-loeb var(--lb-tid, 60s) linear infinite; }
.fa-lb-vindue:hover .fa-lb-spor { animation-play-state: paused; }
@keyframes lb-loeb { to { transform: translateX(-50%) } }
@media (prefers-reduced-motion: reduce) {
  .fa-lb-spor { flex-wrap: wrap; justify-content: center; width: auto; row-gap: 24px; }
  .fa-lb-logo[aria-hidden] { display: none; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}