/* NKON Annonser — front. Space is reserved from the placement's size to avoid layout shift. */
.nkan-plass{display:block;width:100%;max-width:var(--nkan-w,820px);margin:28px auto;clear:both;box-sizing:border-box}
.nkan-merke{display:block;margin:0 0 6px;font:500 10px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase;color:#6b6b73}
.nkan-flate{position:relative;display:grid;width:100%;aspect-ratio:var(--nkan-r,820/430);background:transparent}
.nkan-annonse{display:block;grid-area:1/1;width:100%;height:100%;line-height:0;text-decoration:none}
.nkan-annonse img{display:block;width:100%;height:100%;object-fit:contain;margin:0;border:0;border-radius:0;max-width:none}
.nkan-html iframe{display:block;width:100%;height:100%;border:0}
/* several banners stacked (max banners > 1) */
.nkan-flere .nkan-flate{aspect-ratio:auto;gap:16px}
.nkan-flere .nkan-annonse{grid-area:auto;height:auto;aspect-ratio:var(--nkan-r,820/430)}
/* rotation */
.nkan-rull .nkan-annonse{opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s linear .45s}
.nkan-rull .nkan-annonse.er-aktiv{opacity:1;visibility:visible;transition:opacity .45s ease}
.nkan-prikker{display:flex;justify-content:center;gap:2px;margin-top:4px}
.nkan-prikker button{all:unset;box-sizing:border-box;width:28px;height:28px;display:grid;place-items:center;cursor:pointer}
.nkan-prikker button::before{content:"";width:8px;height:8px;border-radius:50%;background:#c4c4ca;transition:background .15s,transform .15s}
.nkan-prikker button[aria-selected=true]::before{background:#1a1a22;transform:scale(1.25)}
.nkan-prikker button:focus-visible{outline:2px solid #1a1a22;outline-offset:-4px;border-radius:50%}
/* nothing booked: take no space */
.nkan-tom{display:none}
.nkan-reserve .nkan-flate{aspect-ratio:auto}
@media (prefers-reduced-motion:reduce){.nkan-rull .nkan-annonse,.nkan-prikker button::before{transition:none}}
/* single banner: let the image define its height (mobile variant may have another ratio) */
.nkan-fylt:not(.nkan-rull) .nkan-flate{aspect-ratio:auto}
.nkan-fylt:not(.nkan-rull) .nkan-annonse:not(.nkan-html){height:auto}
.nkan-fylt:not(.nkan-rull) .nkan-annonse:not(.nkan-html) img{height:auto}
.nkan-fylt:not(.nkan-rull) .nkan-html{aspect-ratio:var(--nkan-r,820/430)}