/* asite.dk – grundlag: det Breakdance-selectors ikke kan (variabler, tag-regler, @keyframes, prefers-*, :has).
   Lægges op som wp-content/uploads/as-filer/css/grundlag.css (scripts/deploy_mu.sh) og indlæses af hm-grundlag.php. */
:root { --lime: #A7C638; --lime-lys: #C6DE5E; --lime-moerk: #7E9A1F; --graa: #3B3B39; --moerk: #232421; --lys: #F2F3EE; --hvid: #FFFFFF; --ramme: rgba(255,255,255,.30); --side: #F2F3EE; --tekst: #232421; --blyant: #5C5E57; --streg: #D6D8CE; --ease: cubic-bezier(.16,1,.3,1); --kontakt: #FF5B2E; --kontakt-lys: #FF7B55; }
* { box-sizing: border-box; }
html, body { margin: 0; }
body { background: var(--side); color: var(--tekst); font: 16px/1.55 "Poppins",system-ui,sans-serif; overflow-x: hidden; }
img { max-width: 100%; }
/* Breakdances global-settings.css kommer efter vores CSS: skrift via variablerne, overskrifter arver farven */
html:root { --bde-body-font-family: "Poppins",system-ui,sans-serif; --bde-heading-font-family: "Poppins",system-ui,sans-serif; }
html body :is(h1,h2,h3,h4,h5,h6) { color: inherit; }
/* tomme valgfrie felter (hm-grundlag.php fjerner blanktegnene) */
.as-knap:empty, .as-citatlinje:empty, .as-over:empty, .as-lead:empty, .as-pk-til:empty, .as-to-tekst:empty, .as-tjek:empty { display: none; }
.as-lag.as-kode:has(.as-kode-tekst:empty) { display: none; }
.as-pris:has(.as-pris-tekst:empty):has(.as-knap:empty) { display: none; }

@keyframes rul { from { clip-path: inset(0 0 100% 0) } to { clip-path: inset(0 0 -60px 0) } }
@keyframes ramme { from { opacity: 0; transform: scale(.9) } }
@keyframes drift { 50% { translate: 6px -8px } }
@keyframes op-ind { from { opacity: 0; transform: translateY(70px) scale(.96) } }
@keyframes bob { 50% { translate: 0 -6px } }
@keyframes fra-neden { from { opacity: 0; transform: translateY(300px) rotate(45deg) } }
@keyframes fra-hoejre { from { opacity: 0; transform: translateX(200px) rotate(24deg) } }
@keyframes fra-venstre { from { opacity: 0; transform: translateX(-200px) rotate(-45deg) } }
@keyframes fra-oven { from { opacity: 0; transform: translate(120px,-220px) rotate(-18deg) } }
@keyframes svaev { 50% { translate: 6px -9px; rotate: 1.5deg } }
@keyframes svaev2 { 50% { translate: -5px 7px; rotate: -2deg } }
@keyframes loop10 { from { translate: -5px -5px } to { translate: 5px 5px } }
@keyframes op { from { transform: translateY(50px) } }
@keyframes op-skraa { from { transform: translateY(50px) rotate(-1.5deg) } }
@keyframes ind { from { opacity: 0; transform: translateY(24px) } }
@keyframes pil { 50% { transform: translate(-50%,6px) } }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; }
  .as-lag { translate: none !important; }
}