/* 2. karakter-stumpen i heroen (02-11-2026, views/partials/karakterStump.ejs).
   Selve stumpen (papiret, perforeringen, halvcirklerne) er .nlA-stub fra nl-top.css.
   Her ligger kun det nyheden har oveni: titel + pris og den mørke Discord-knap. */

/* Stumpen er ikke selv et link som gæstestumpen, så den må ikke lyse op ved hover */
.nlKA:hover { background: var(--nlA-sol); }

.nlKA-top { display: flex; align-items: flex-end; justify-content: space-between; gap: 14px; }
.nlKA-titel {
    margin: 0;
    font-family: var(--nlA-display); font-style: italic; font-weight: 900; font-stretch: 78%;
    font-size: 34px; line-height: 1; text-transform: uppercase;
}
.nlKA-titel small {
    display: block; margin-bottom: 7px;
    font: 800 13px/1 var(--nlA-tal); letter-spacing: .06em;
}
.nlA-stub .nlKA-pris { margin: 0; color: var(--nlA-blaek); font: italic 800 19px/1 var(--nlA-tal); white-space: nowrap; }
.nlKA-pris b { font-size: 46px; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }

.nlKA-dm { min-height: 52px; font-size: 19px; color: var(--nlA-creme); }
.nlKA-dm::before { background: var(--nlA-blaek); box-shadow: 0 10px 22px rgba(21, 10, 14, .28); }
.nlKA-dm:hover::before { background: #2c1720; box-shadow: 0 14px 28px rgba(21, 10, 14, .36); }
.nlKA-dm svg { color: #aab3ff; width: 24px; height: 24px; }

.nlA-stub .nlKA-note { margin: 11px 2px 0; font-size: 13px; line-height: 1.4; color: rgba(21, 10, 14, .78); }
.nlKA-note b { color: var(--nlA-blaek); white-space: nowrap; }
.nlA-stub .nlKA-note + .nlKA-note { margin-top: 5px; }
.nlKA-note a { font-weight: 700; color: var(--nlA-blaek); text-decoration: underline; text-underline-offset: 2px; }

/* Stumpen ligger ØVERST i stakken, Knæk Cancer nederst. Kanter, huller og perforering
   byttes derfor om i forhold til nl-top.css/nl-knaek.css. */
.nlA-stub.nlKA {
    border-radius: 24px 24px 0 0;
    -webkit-mask: radial-gradient(circle at 0 100%, transparent 11px, #000 11.5px) left / 51% 100% no-repeat,
                  radial-gradient(circle at 100% 100%, transparent 11px, #000 11.5px) right / 51% 100% no-repeat;
            mask: radial-gradient(circle at 0 100%, transparent 11px, #000 11.5px) left / 51% 100% no-repeat,
                  radial-gradient(circle at 100% 100%, transparent 11px, #000 11.5px) right / 51% 100% no-repeat;
}
.nlKA .nlA-stub-perfo { top: auto; bottom: 0; }

.nlA-billet-wrap .nlKC {
    border-radius: 0 0 24px 24px;
    -webkit-mask: radial-gradient(circle at 0 0, transparent 11px, #000 11.5px) left / 51% 100% no-repeat,
                  radial-gradient(circle at 100% 0, transparent 11px, #000 11.5px) right / 51% 100% no-repeat;
            mask: radial-gradient(circle at 0 0, transparent 11px, #000 11.5px) left / 51% 100% no-repeat,
                  radial-gradient(circle at 100% 0, transparent 11px, #000 11.5px) right / 51% 100% no-repeat;
}
.nlA-billet-wrap .nlKC::after { top: 0; bottom: auto; }

/* Billetterne sidder direkte sammen, siden serverbilletten røg ud (02-11-2026), og hver
   har sin perforering. Stumpens står tilbage, ellers ses to streger lige oven på hinanden. */
.nlKA + .nlKC::after, .nlKA + .nlA-stub .nlA-stub-perfo { display: none; }

/* Står gæstestumpen også der, er den ikke længere bunden af sin del */
.nlA-stub:not(.nlKA):has(+ .nlKC) { border-radius: 0; }

@media (max-width: 767px) {
    .nlKA-titel { font-size: 30px; }
    .nlKA-pris b { font-size: 40px; }
}
@media (max-width: 639px) {
    .nlA-stub.nlKA { border-radius: 22px 22px 0 0; }
    .nlA-billet-wrap .nlKC { border-radius: 0 0 22px 22px; }
}