/* aktorkort-v2-casino.css — EGEN FIL FOR CASINOTABELLENE (blokkfelt stilark = casino).
   Opprettet 04.11.2026 (Lars) som kopi av aktorkort-v2.css (md5 535f77ee51e2), med casinos egne
   regler skrevet om fra body.postid-15010/41525 til body.kgn-has-aktorkort (samme spesifisitet) og
   boersreglene for 14767/27383/28288 tatt ut. Endringer i boersfila naar IKKE hit, og omvendt.
   Forrige innhold (frossen kopi fra 19.10) ligger i /root/backup/2026-11-04-casino-egen-css/. */
/* Aktørkort v2 — nytt kortdesign, kladd godkjent av Lars 10.10.2026
   (kladd-kortdesign-2026-10-10.html). Lastes ETTER aktorkort.css og casino-side.css
   og overstyrer dem. Blokkene staar i samme rekkefoelge som i kladden (kaskaden
   er bevisst). Tilbake til gammelt design: fjern enqueue av denne filen i
   functions.php og legg tilbake /root/backup/2026-10-10-kortdesign/aktorkort-block.php. */

/* --- kgn-kladd --- */
.kgn-aktorkort .kgn-knapp .kgn-ekstern{flex:0 0 auto;margin-left:2px;opacity:.95}@media(max-width:1000px){.kgn-aktorkort .kgn-knapp .kgn-ekstern{width:16px;height:16px}}
/* --- kgn-kladd2 --- */
/* 4) stort lyst posisjonsnummer i stedet for blå boks */
/* 2) topplinje */
.kgn-aktorkort .kgn-kort.kgn-har-stripe{padding-top:52px;border-left:3px solid #0f8f5f}
.kgn-aktorkort .kgn-stripe{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;gap:10px;padding:9px 18px;background:#eaf6f0;color:#0f6b46;font-size:14px;border-radius:16px 16px 0 0}
.kgn-aktorkort .kgn-stripe svg{color:#0f8f5f}
.kgn-aktorkort .kgn-stripe-merke{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#0f8f5f}
.kgn-aktorkort .kgn-stripe-tekst{font-weight:600;color:#1a2b22}
/* 3) scoreboks */
.kgn-aktorkort .kgn-scoreboks{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 14px;margin:0 0 10px;background:#eaf6f0;border:1px solid #cfe9dc;border-radius:8px;line-height:1.1}
.kgn-aktorkort .kgn-scoreboks b{font-size:24px;font-weight:800;color:#0f8f5f}
.kgn-aktorkort .kgn-scoreboks span{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0f6b46;margin-top:3px}
/* 1) bunnlinje */
.kgn-aktorkort .kgn-fakta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;margin:14px -16px 0;padding:10px 16px 0;border-top:1px solid #e6e9ee;font-size:13px;color:#4b5563}
.kgn-aktorkort .kgn-fakta-el{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.kgn-aktorkort .kgn-fakta-el svg{color:#8a9199}
.kgn-aktorkort .kgn-fakta-el b{font-weight:700;color:#1f2937}
.kgn-aktorkort .kgn-fakta-hoyre{margin-left:auto;color:#0f8f5f}
.kgn-aktorkort .kgn-fakta-hoyre svg{color:#0f8f5f}
.kgn-aktorkort .kgn-detaljer{margin-top:6px}
@media(max-width:1000px){
.kgn-aktorkort .kgn-kort.kgn-har-stripe{padding-top:48px}
.kgn-aktorkort .kgn-stripe{padding:8px 14px;font-size:13px;border-radius:12px 12px 0 0}
.kgn-aktorkort .kgn-scoreboks{align-self:flex-end;flex-direction:row;gap:8px;padding:4px 10px}
.kgn-aktorkort .kgn-scoreboks b{font-size:20px}
.kgn-aktorkort .kgn-fakta{gap:8px 16px;margin:12px -12px 0;padding:10px 12px 0;font-size:12.5px}
.kgn-aktorkort .kgn-fakta-hoyre{margin-left:0;width:100%}
}
/* --- kgn-kladd3 --- */
.kgn-aktorkort .kgn-detaljer[open] summary{margin-bottom:14px}
.kgn-aktorkort .kgn-bokser{grid-template-columns:1fr 1fr;gap:0 32px;margin:0 0 6px;background:none}
.kgn-aktorkort .kgn-boks{background:none;border:0;padding:12px 0 6px;border-top:1px solid #e6e9ee;text-align:left}
.kgn-aktorkort .kgn-boks:first-child{grid-column:1/-1}
.kgn-aktorkort .kgn-boks-tittel,.kgn-aktorkort .kgn-bet-tittel{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#4b5563;margin:0 0 10px;padding:0}
.kgn-aktorkort .kgn-bet-tittel{margin:12px 0 8px}
.kgn-aktorkort .kgn-bet-gruppe:first-of-type .kgn-bet-tittel{margin-top:0}
.kgn-aktorkort .kgn-boks-tittel svg,.kgn-aktorkort .kgn-bet-tittel svg{color:#8a9199}
/* chips */
.kgn-aktorkort .kgn-bet-logoer{gap:8px;padding:2px 0 6px}
.kgn-aktorkort .kgn-bet-logo,.kgn-aktorkort .kgn-bet-merke{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border:1px solid #dfe3e8;border-radius:6px;background:#fff;font-size:14px;font-weight:600;color:#1f2937;white-space:nowrap;margin:0}
.kgn-aktorkort .kgn-bet-logo img{width:18px;height:18px;max-height:18px;filter:none;opacity:1}
.kgn-aktorkort .kgn-bet-mer{display:inline-flex;align-items:center;height:34px;padding:0 10px;font-size:13px;color:#6b7280}
/* nøkkel/verdi */
.kgn-aktorkort .kgn-linjer{display:block}
.kgn-aktorkort .kgn-linje{display:flex;justify-content:space-between;gap:16px;padding:7px 0;border-bottom:1px solid #eceff3;font-size:14px;line-height:1.35}
.kgn-aktorkort .kgn-linje:before{display:none}
.kgn-aktorkort .kgn-linje:last-child{border-bottom:0}
.kgn-aktorkort .kgn-linje-etikett{color:#6b7280;font-weight:500;flex:0 0 auto}
.kgn-aktorkort .kgn-linje-verdi{color:#1f2937;font-weight:600;text-align:right}
.kgn-aktorkort .kgn-boks-lenke{padding:8px 0 0 !important;text-align:left}
@media(max-width:1000px){
.kgn-aktorkort .kgn-bokser{grid-template-columns:1fr;gap:0}
.kgn-aktorkort .kgn-boks{padding:10px 0 4px}
.kgn-aktorkort .kgn-bet-logo,.kgn-aktorkort .kgn-bet-merke{height:32px;padding:0 10px;font-size:13px}
}
/* --- kgn-kladd4 --- */
.kgn-aktorkort .kgn-logo{position:relative;overflow:visible}
.kgn-aktorkort .kgn-nr2{position:absolute;left:-2px;top:-30px;font-size:22px;font-weight:800;color:#c3c9d2;letter-spacing:-.02em;line-height:1}
.kgn-aktorkort .kgn-nr2:before{content:"";display:inline-block;width:9px;height:9px;border:1.5px solid #d6dbe2;border-radius:50%;margin-right:6px;vertical-align:middle;position:relative;top:-2px}
html.kgn-js .kgn-aktorkort .kgn-detaljer>summary{display:none}
.kgn-aktorkort .kgn-detaljer{margin-top:0}
.kgn-aktorkort .kgn-knapperad{display:flex;align-items:stretch;gap:8px;width:100%}
.kgn-aktorkort .kgn-knapperad .kgn-knapp{flex:1 1 auto}
.kgn-aktorkort .kgn-utvid{flex:0 0 44px;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid #d6dbe2;border-radius:8px;color:#1f2937;cursor:pointer;padding:0;transition:transform .2s}
.kgn-aktorkort .kgn-utvid:hover{border-color:#9aa3ad}
.kgn-aktorkort .kgn-utvid[aria-expanded="true"] svg{transform:rotate(180deg)}
.kgn-aktorkort .kgn-tp-n{color:#6b7280;font-weight:400}
/* 4) sorteringsknapper som rene bokser med skygge */
.kgn-aktorkort .kgn-filter-rad{background:none;border:0;padding:0;gap:10px 10px}
.kgn-aktorkort .kgn-filter-etikett{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#1f2937;margin-right:4px}
.kgn-aktorkort .kgn-filter-rad>.kgn-chip{background:#fff;border:1px solid #d6dbe2;border-radius:6px;box-shadow:0 2px 6px rgba(16,24,40,.08);padding:9px 16px;font-size:14px;font-weight:600;color:#1f2937}
.kgn-aktorkort .kgn-filter-rad>.kgn-chip[aria-pressed="true"]{background:#1f2937;color:#fff;border-color:#1f2937}
.kgn-aktorkort .kgn-filter-rad>.kgn-nullstill{font-size:14px}
@media(max-width:1000px){
.kgn-aktorkort .kgn-nr2{top:-22px;font-size:18px}
.kgn-aktorkort .kgn-kort{padding-top:34px}
.kgn-aktorkort .kgn-kort.kgn-har-stripe{padding-top:70px}
}
/* --- kgn-kladd5 --- */
.kgn-aktorkort .kgn-ident{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.kgn-aktorkort .kgn-navn{margin:0}
.kgn-aktorkort .kgn-scoreboks{margin:0;padding:5px 12px;flex-direction:row;gap:8px;align-items:baseline}
.kgn-aktorkort .kgn-scoreboks b{font-size:20px}
.kgn-aktorkort .kgn-scoreboks b i{font-size:12px;font-style:normal;font-weight:700;color:#0f6b46;margin-left:1px}
.kgn-aktorkort .kgn-scoreboks span{margin:0;font-size:10px}
/* .kgn-annonse skjules IKKE: risikotekster (eToro, CFD) skal staa under knappen. Bare «Annonselenke» alene er tatt ut av malen. */
@media(max-width:1000px){
.kgn-aktorkort .kgn-logo{margin-top:26px}
.kgn-aktorkort .kgn-nr2{top:-28px}
.kgn-aktorkort .kgn-ident{align-items:flex-start;justify-content:flex-start;padding-top:26px}
.kgn-aktorkort .kgn-scoreboks{align-self:flex-start}
.kgn-aktorkort .kgn-knapperad{margin-top:4px}
}
/* --- kgn-kladd6-8 --- */
.kgn-aktorkort .kgn-scoreboks span{white-space:nowrap}
.kgn-aktorkort .kgn-nr2{position:static;display:block;top:auto;left:auto;margin:0 0 6px;font-size:20px;font-weight:800;color:#c3c9d2;line-height:1}
.kgn-aktorkort .kgn-logo{margin-top:0}
.kgn-aktorkort .kgn-kort.kgn-har-stripe{padding-top:46px}
.kgn-aktorkort .kgn-topp{align-items:center}
.kgn-aktorkort .kgn-ident{justify-content:center}
.kgn-aktorkort .kgn-fakta{padding:12px 16px 12px;margin:14px -16px 0;line-height:1.3}
.kgn-aktorkort .kgn-detaljer[open]{border-top:1px solid #e6e9ee;margin:0 -16px;padding:14px 16px 0}
.kgn-aktorkort .kgn-detaljer[open]>.kgn-bokser>.kgn-boks:first-child{border-top:0;padding-top:0}
.kgn-aktorkort .kgn-bet-gruppe-kort-bank .kgn-bet-logoer{padding-top:0}
@media(max-width:1000px){
.kgn-aktorkort .kgn-kort{padding-top:16px}
.kgn-aktorkort .kgn-kort.kgn-har-stripe{padding-top:52px}
.kgn-aktorkort .kgn-logo{margin-top:0}
.kgn-aktorkort .kgn-nr2{margin:0 0 8px;font-size:18px}
.kgn-aktorkort .kgn-ident{padding-top:0;justify-content:center;align-items:flex-start}
.kgn-aktorkort .kgn-fakta{padding:12px 12px 12px;margin:12px -12px 0}
.kgn-aktorkort .kgn-detaljer[open]{margin:0 -12px;padding:12px 12px 0}
}
/* --- kgn-kladd9 --- */
.kgn-aktorkort .kgn-bet-gruppe{display:block;grid-template-columns:none}.kgn-aktorkort .kgn-bet-gruppe .kgn-bet-tittel{width:auto;flex:none}.kgn-aktorkort .kgn-bet-gruppe+.kgn-bet-gruppe{margin-top:6px}
/* --- kgn-kladd10 --- */
/* bonuskode under bonusteksten */
.kgn-aktorkort .kgn-tilbud .kgn-kode{margin:10px 0 0;display:block;text-align:left}
.kgn-aktorkort .kgn-tilbud .kgn-kode-knapp{margin:0}
/* halvert avrunding paa alt (test, Lars 10.10) */
.kgn-aktorkort .kgn-kort{border-radius:7px}
.kgn-aktorkort .kgn-stripe{border-radius:7px 7px 0 0}
.kgn-aktorkort .kgn-knapp{border-radius:5px}
.kgn-aktorkort .kgn-utvid,.kgn-aktorkort .kgn-scoreboks,.kgn-aktorkort .kgn-kode-knapp{border-radius:4px}
.kgn-aktorkort .kgn-bet-logo,.kgn-aktorkort .kgn-bet-merke,.kgn-aktorkort .kgn-filter-rad>.kgn-chip{border-radius:3px}
.kgn-aktorkort .kgn-detaljer[open]{border-radius:0}
@media(max-width:1000px){.kgn-aktorkort .kgn-stripe{border-radius:7px 7px 0 0}}
/* --- kgn-kladd11 --- */
.kgn-aktorkort .kgn-tilbud-tittel+.kgn-kode{margin-top:8px}
@media(max-width:1000px){
.kgn-aktorkort .kgn-topp{column-gap:18px}
.kgn-aktorkort .kgn-logo{width:96px;overflow:hidden}
.kgn-aktorkort .kgn-logo img,.kgn-aktorkort.kgn-variant-casino .kgn-logo img[src*="Jack.com_"]{max-width:100% !important;width:auto !important}
.kgn-aktorkort .kgn-ident{padding-left:4px;min-width:0}
}
/* --- kgn-kladd12 --- */
.kgn-aktorkort .kgn-nr2{display:flex;align-items:center;justify-content:space-between}
.kgn-aktorkort .kgn-testet-topp{display:none;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#0f8f5f;letter-spacing:0}
.kgn-aktorkort .kgn-testet-topp svg{color:#0f8f5f}
@media(max-width:1000px){
.kgn-aktorkort .kgn-testet-topp{display:inline-flex}
.kgn-aktorkort .kgn-fakta-hoyre{display:none}
.kgn-aktorkort .kgn-nr2{margin-bottom:10px}
}
/* --- kgn-kladd13 --- */
.kgn-aktorkort .kgn-nr2:before{display:none;content:none}
.kgn-aktorkort .kgn-nr2>span:first-child{display:inline-flex;align-items:center;gap:6px;margin-right:auto}
.kgn-aktorkort .kgn-nr2>span:first-child:before{content:"";display:inline-block;width:9px;height:9px;border:1.5px solid #d6dbe2;border-radius:50%;position:relative;top:-1px}
/* --- kgn-kladd14 --- */
.kgn-aktorkort .kgn-logo{display:flex;align-items:center;justify-content:center}.kgn-aktorkort .kgn-logo img{display:block;margin:0}
/* --- kgn-kladd15 --- */
.kgn-aktorkort .kgn-fakta-el svg,.kgn-aktorkort .kgn-testet-topp svg{display:block;flex:0 0 auto;position:relative;top:0}.kgn-aktorkort .kgn-fakta-el,.kgn-aktorkort .kgn-testet-topp{align-items:center;line-height:1}
/* --- kgn-kladd16 --- */
.kgn-aktorkort .kgn-bet-logo{align-items:center;line-height:1}.kgn-aktorkort .kgn-bet-logo img{display:block;margin:0;position:static;top:auto;vertical-align:middle}.kgn-aktorkort .kgn-bet-navn{display:inline-block;line-height:1}
/* --- kgn-kladd17 --- */
.kgn-aktorkort .kgn-fakta-hoyre svg,.kgn-aktorkort .kgn-testet-topp svg{width:13px;height:13px;transform:translateY(-.5px)}
/* --- kgn-kladd18 --- */
.kgn-aktorkort .kgn-linje{align-items:flex-start}
.kgn-aktorkort .kgn-linje-etikett{flex:0 0 auto;max-width:45%}
.kgn-aktorkort .kgn-linje-verdi{flex:1 1 55%;min-width:55%;text-align:right;text-wrap:balance}
@media(max-width:1000px){.kgn-aktorkort .kgn-linje-etikett{max-width:50%;white-space:nowrap}.kgn-aktorkort .kgn-linje-verdi{flex:1 1 50%;min-width:50%}}
/* --- kgn-kladd19 --- */
.kgn-aktorkort .kgn-liste .kgn-kort ul.kgn-punkter li{color:#2b3138}
/* --- kgn-kladd20 --- */

/* --- kgn-kladd21 --- */
.kgn-aktorkort .kgn-boks-lenke{display:block;margin-top:10px;padding:10px 0 0 !important;border-top:1px solid #eceff3;text-align:left}
.kgn-aktorkort .kgn-boks-lenke a{display:inline-flex;align-items:center;gap:6px;font-size:14px !important;font-weight:700;color:#0f8f5f;text-decoration:none}
.kgn-aktorkort .kgn-boks-lenke a:after{content:"\2192";font-size:15px;line-height:1}
.kgn-aktorkort .kgn-boks-lenke a:hover{text-decoration:underline}
/* --- skrift: Inter kun i tabellen/kortene (Lars 10.10.2026: «Bruk inter») --- */
.kgn-aktorkort,.kgn-aktorkort *{font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif}
.kgn-aktorkort .kgn-kode-verdi{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.kgn-aktorkort .kgn-navn{font-weight:700;letter-spacing:-.01em}
.kgn-aktorkort .kgn-tilbud-tittel{font-weight:700;letter-spacing:-.01em}
.kgn-aktorkort .kgn-punkter li{font-size:14.5px}
/* --- linjer uten etikett (boers: «Fremhevede fordeler») --- */
.kgn-aktorkort .kgn-linje-enkel{justify-content:flex-start;color:#1f2937;font-weight:500}
/* --- faktalinje: lange verdier (boers: lisens) skal brytes, ikke klippes (sett paa mobil 10.10.2026) --- */
.kgn-aktorkort .kgn-fakta-el{white-space:normal;max-width:100%;line-height:1.3}
.kgn-aktorkort .kgn-fakta-el b{white-space:nowrap}
/* --- sorteringschips paa mobil: naturlig bredde, bryt til ny rad i stedet for aa klippe teksten
   (iPhone SE 375 px viste «Størst b…», Lars 11.10.2026). Overstyrer 3-kolonne-gridet i casino-side.css. --- */
@media(max-width:1000px){
.kgn-aktorkort .kgn-filter-rad{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;column-gap:8px}
.kgn-aktorkort .kgn-filter-rad>.kgn-filter-etikett{flex:0 0 100%;text-align:center;margin:0 0 2px}
.kgn-aktorkort .kgn-filter-rad>.kgn-chip{flex:0 0 auto;max-width:100%;white-space:nowrap;overflow:visible;text-overflow:clip;font-size:13px;padding:8px 12px}
.kgn-aktorkort .kgn-filter-rad>.kgn-filter-bunn{flex:0 0 100%}
}
/* --- 11.10.2026: H3 paa aktoernavnet, Score foerst i DOM, kopi-ikon via CSS, <dl>/<ul> i panelet --- */
/* h3: nullstill temaets overskriftsstil (22px/35px margin) til det navnet hadde som div */
.kgn-aktorkort .kgn-kort h3.kgn-navn{margin:0 !important;padding:0 !important;font-size:1rem;line-height:1.2;font-weight:700;letter-spacing:-.01em;color:var(--k-ink,#181818);text-transform:none;text-align:inherit;border:0;background:none}
@media(max-width:1000px){.kgn-aktorkort .kgn-kort h3.kgn-navn{font-size:18px}}
/* «Score» staar foerst i DOM (tekstekstraksjon), vises sist */
.kgn-aktorkort .kgn-scoreboks>span{order:2}
/* kopi-ikonet som CSS-innhold, ikke som tegn i DOM */
.kgn-aktorkort .kgn-kode-ikon:before{content:"\29C9"}
/* <dl>/<ul> uten nettleserens standardmarger */
.kgn-aktorkort dl.kgn-linjer,.kgn-aktorkort ul.kgn-linjer{margin:0;padding:0;list-style:none}
.kgn-aktorkort .kgn-linje>dt,.kgn-aktorkort .kgn-linje>dd{margin:0;padding:0;display:block}
.kgn-aktorkort .kgn-linje-enkel>.kgn-linje-etikett{display:none}
.kgn-aktorkort li.kgn-linje-enkel{list-style:none}
/* <ul>-varianten (boers «Fremhevede fordeler»): temaets liste-stil (kuler, 18px, polstring) nullstilles */
.kgn-aktorkort ul.kgn-linjer>li.kgn-linje-enkel{list-style:none !important;margin:0 !important;padding:7px 0 !important;font-size:14px !important;line-height:1.35 !important;font-weight:500;color:#1f2937;display:flex;justify-content:flex-start;border-bottom:1px solid #eceff3;background:none}
.kgn-aktorkort ul.kgn-linjer>li.kgn-linje-enkel:last-child{border-bottom:0}
.kgn-aktorkort ul.kgn-linjer>li.kgn-linje-enkel:before,.kgn-aktorkort ul.kgn-linjer>li.kgn-linje-enkel:after{display:none !important;content:none !important}
/* --- boers 11.10.2026 (Lars): kort/bank-logoene staar alene (ellers «VISA Visa»); kryptochips beholder navn --- */
.kgn-aktorkort.kgn-variant-bors .kgn-bet-gruppe-kort-bank .kgn-bet-logo:not([data-navn="Bank"]) .kgn-bet-navn{display:none}
.kgn-aktorkort.kgn-variant-bors .kgn-bet-gruppe-kort-bank .kgn-bet-logo:not([data-navn="Bank"]){gap:0}
/* «Bank» har bare et generisk ikon, saa navnet staar */
/* --- knappene ca. 20 % hoeyere (Lars 11.10.2026): desktop 40 -> 48 px, mobil 45 -> 54 px. Chevron-knappen foelger (stretch). --- */
.kgn-aktorkort .kgn-kort .kgn-knapperad .kgn-knapp{padding-top:11px !important;padding-bottom:11px !important}
@media(max-width:1000px){.kgn-aktorkort .kgn-kort .kgn-knapperad .kgn-knapp{padding-top:13px !important;padding-bottom:13px !important}}
/* --- boers paa mobil (Lars 12.10.2026): omtalelenken nederst i panelet, ikke mellom «Om tjenesten» og
   «Fremhevede fordeler». Boksene loeses opp (display:contents) saa lenken kan sorteres sist; kant og
   luft flyttes til tittelen. Desktop uroert (lenken under «Om tjenesten»). Bare .kgn-variant-bors. --- */
@media(max-width:1000px){
.kgn-aktorkort.kgn-variant-bors .kgn-bokser>.kgn-boks{display:contents}
.kgn-aktorkort.kgn-variant-bors .kgn-bokser>.kgn-boks>.kgn-boks-tittel{border-top:1px solid #e6e9ee;padding-top:10px;margin-top:0}
.kgn-aktorkort.kgn-variant-bors .kgn-bokser>.kgn-boks>.kgn-linjer,.kgn-aktorkort.kgn-variant-bors .kgn-bokser>.kgn-boks>.kgn-bet-gruppe{margin-bottom:4px}
.kgn-aktorkort.kgn-variant-bors .kgn-bokser>.kgn-boks>.kgn-boks-lenke{order:99;margin-top:0;padding:10px 0 6px !important;border-top:1px solid #e6e9ee}
}
/* --- 13.10.2026 (Lars): «Annonselenke»/risikoteksten under CTA-knappen sentreres under
   SELVE knappen, ikke under knapp+chevron samlet. .kgn-annonse er text-align:center over
   full bredde av .kgn-handling (= knapperadens bredde); chevronen (44px) + mellomrom (8px)
   dro midten mot høyre. :has() treffer bare kort som faktisk har chevron-knappen, så kort
   uten detaljpanel (ingen .kgn-utvid) er uendret. Casino har ikke «Annonselenke»-markering,
   så i praksis gjelder dette børs — men regelen er felles siden filen er det. --- */
.kgn-aktorkort .kgn-handling:has(.kgn-utvid) .kgn-annonse{padding-right:52px}

/* «Annonselenke» OVER CTA-knappen, sentrert over knappen alene (ikke chevronen), av/på per
   tabell med blokkfeltet vis_annonselenke. Risikoadvarsler (eToro + CFD) under knappen i full
   bredde, under både CTA og chevron. Lars 19.10.2026. Erstatter 52px-innrykket fra 13.10 for
   advarslene. */
.kgn-aktorkort .kgn-annonse-over{font-size:11px;line-height:1.3;color:var(--k-muted);text-align:center;margin:0 0 6px}
.kgn-aktorkort .kgn-handling:has(.kgn-utvid) .kgn-annonse-over{padding-right:52px}
.kgn-aktorkort .kgn-handling:has(.kgn-utvid) .kgn-annonse-risiko{padding-right:0}
@media(max-width:1000px){.kgn-aktorkort .kgn-annonse-over{font-size:12px;margin:0 0 7px}}

/* CFD-advarsler samme stoerrelse som «Annonselenke» over knappen (11px desktop / 12px mobil).
   Unntak: Plus500 beholder 13px (Plus500-krav, Lars 07.10) via klassen kgn-annonse-min13, som malen
   setter naar radnavnet inneholder «Plus500». Lars 19.10.2026, valg (b). */
.kgn-aktorkort .kgn-annonse.kgn-annonse-cfd{font-size:11px}
@media(max-width:1000px){.kgn-aktorkort .kgn-annonse.kgn-annonse-cfd{font-size:12px}}
.kgn-aktorkort .kgn-annonse.kgn-annonse-cfd.kgn-annonse-min13{font-size:13px}
/* Boers, desktop: knappekolonnen 238 -> 280px (som casino), saa «Besøk <navn>» ikke brekker.
   Maalt i Inter 700 19px: lengste kjente «Besøk PrimeXBT» = 155px; tekstplass blir 160px. Lars 19.10.2026. */
@media(min-width:1001px){
.kgn-aktorkort.kgn-variant-bors .kgn-topp{grid-template-columns:116px minmax(120px,150px) minmax(0,1fr) 230px 250px}
/* 19.10.2026 (Lars: mer plass til punktene): bonus 330 -> 230px, knapp 280 -> 250px; punktkolonnen +130px.
   Maalt i Inter 18px/700-800: lengste bonustittel «Opptil 5 300 kr (€500)» = 199px + 14px innrykk + 3px strek = 216px.
   Knapp: «Besøk her» 19px = 93px + ikon/gap 26 + polstring 42 + chevron 52 = 213px. Gjelder alle boers-tabeller. */
/* 13:02 (Lars: bonus midt mellom punktenes slutt og CTA): fra 1200px bred bonus 230 -> 284px. Ved full bredde
   (kortets indre ca. 1224px) blir punktkolonnen 352px; Coinbase sitt lengste punkt (15px) er ca. 285px med hake,
   saa luften blir ca. 85px paa hver side av bonusinnholdet (216px) frem til CTA-kolonnen. Under 1200px beholdes
   230px, ellers blir punktene for smale paa smal desktop. Pikselresultat ikke maalt. */
@media(min-width:1200px){
.kgn-aktorkort.kgn-variant-bors .kgn-topp{grid-template-columns:116px minmax(120px,150px) minmax(0,1fr) 284px 250px}
}
}

/* Groenn venstrekant paa kort med stripe OG paa fremhevede kort, alle varianter (casino + boers).
   Foer: kanten fulgte bare .kgn-har-stripe, og variant-regelen for [data-fremhevet] (border:1px, 0,4,0)
   overskrev den paa eToro/casino-kort 1. Samme spesifisitet her, lastes senere -> vinner.
   :not(.kgn-sortert): under brukersortering nullstilles fremhevingen som foer (Lars 08.10). Lars 19.10.2026. */
.kgn-aktorkort:not(.kgn-sortert) .kgn-kort.kgn-har-stripe,
.kgn-aktorkort:not(.kgn-sortert):not(.kgn-uten-kant) .kgn-kort[data-fremhevet]{border-left:3px solid var(--kgn-kant,#F25C05)}

/* Farger per tabell (Lars 19.10.2026). Malen skriver valgte farger som CSS-variabler paa tabellens egen
   .kgn-aktorkort (style="--kgn-...") og klassen kgn-uten-fremhevet-kant naar bryteren er av.
   Tomt felt = standardfargen under, saa ingen tabell endres foer noen velger en farge. */
.kgn-aktorkort .kgn-kort.kgn-har-stripe{border-left-color:var(--kgn-kant,#F25C05)}
.kgn-aktorkort .kgn-stripe{background:var(--kgn-stripe-bg,#F4F5F7)}
.kgn-aktorkort .kgn-stripe svg,.kgn-aktorkort .kgn-stripe-merke{color:var(--kgn-stripe-merke,#C2410C)}
.kgn-aktorkort .kgn-stripe-tekst{color:var(--kgn-stripe-tekst,#1a2b22)}
.kgn-aktorkort .kgn-knapp,
.article-block .guider-blocks-text .kgn-aktorkort .kgn-knapp{background:var(--kgn-knapp,#F25C05);box-shadow:0 4px 12px var(--kgn-knapp-skygge,rgba(242,92,5,.28))}
.kgn-aktorkort .kgn-knapp:hover,
.article-block .guider-blocks-text .kgn-aktorkort .kgn-knapp:hover{background:var(--kgn-knapp-hover,#ce4e04)}
/* Bryteren «kant_fremhevet» av -> ingen farget venstrekant paa noen kort i tabellen, verken stripe eller
   fremhevet (Lars 19.10.2026). 0,5,0 slaar stripe- (0,3,0/0,4,0) og fremhevet-reglene (0,4,0/0,5,0). */
.kgn-aktorkort.kgn-uten-kant .kgn-kort.kgn-kort.kgn-kort{border-left:1px solid var(--k-line)}
/* Mobil: ingen farget venstrekant, verken stripe eller fremhevet (Lars 19.10.2026). */
@media(max-width:1000px){.kgn-aktorkort .kgn-kort{border-left:1px solid var(--k-line)!important}}

/* Avrunding: felles standard 0 (ingen avrunding) paa kort, stripe, CTA, chevron, scoreboks og kodeknapp
   (Lars 19.10.2026). Blokkfeltet «avrunding» kan overstyre per tabell. */
.kgn-aktorkort .kgn-kort{border-radius:var(--kgn-radius,0)}
.kgn-aktorkort .kgn-stripe{border-radius:var(--kgn-radius,0) var(--kgn-radius,0) 0 0}
.kgn-aktorkort .kgn-knapp{border-radius:var(--kgn-radius-knapp,0)}
.kgn-aktorkort .kgn-utvid,.kgn-aktorkort .kgn-scoreboks,.kgn-aktorkort .kgn-kode-knapp{border-radius:var(--kgn-radius-knapp,0)}

/* Mobil: linjepunkter 14px (var 15). Bonuslinjen 18px paa alle bredder (var 19 desktop / 20 mobil).
   Felles for alle tabeller. Lars 19.10.2026. */
@media(max-width:1000px){
.kgn-aktorkort .kgn-liste .kgn-kort ul.kgn-punkter li{font-size:14px}
}
.kgn-aktorkort .kgn-tilbud-tittel{font-size:16px} /* 21:30 Lars: 18 -> 16px, alle boers-tabeller */

/* Stripen: merket (11px versaler) og teksten (14px) paa samme grunnlinje. Med align-items:center
   ble boksene midtstilt, og versalene saa hoeyere ut enn teksten ved siden av. Ikonet midtstilles
   for seg. Felles for alle tabeller. Lars 19.10.2026. */
.kgn-aktorkort .kgn-stripe{align-items:baseline}
.kgn-aktorkort .kgn-stripe svg{align-self:center;position:relative;top:1px} /* samme som casino-side.css:769-770, som allerede hadde rettingen */

/* Venstrekanten 4 -> 3px (-25 %), Lars 19.10.2026. Endret i de to kantreglene over.
   Bonuskolonnen: «BONUS» som liten graa versal-etikett over beloepet; «Bonus:» foran beloepet
   skjaeres av i malen (sparer bredde). Felles for alle tabeller. Lars 19.10.2026. */
.kgn-aktorkort .kgn-tilbud-etikett{font-size:11px;font-weight:600;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;color:#8a9199;margin:0 0 3px}

/* Lavere kort, ca. 8px (Lars 19.10.2026, alle tabeller): faktalinjen 4px mindre luft over og 4px mindre under.
   Desktop: margin-top 14->10, padding 12->12/8. Mobil: 12->8, padding 12->12/8. */
.kgn-aktorkort .kgn-fakta{margin-top:12px;padding-bottom:10px} /* 13:35: halvparten tilbake (14/12 -> 10/8 -> 12/10) */
@media(max-width:1000px){.kgn-aktorkort .kgn-fakta{margin-top:10px;padding-bottom:10px}}

/* Nummereringen, desktop (Lars 19.10.2026, alle tabeller): 30px lavere (kun visuelt, position:relative, saa
   kortet ikke blir hoeyere) og tallet 50 % stoerre (20 -> 30px). Mobil urort. */
@media(min-width:1001px){
.kgn-aktorkort .kgn-nr2{display:none} /* 19.10 13:14: nummeret staar i logokolonnen paa desktop (under) */
.kgn-aktorkort .kgn-logo{position:relative;overflow:visible}
.kgn-aktorkort .kgn-nr-logo{position:absolute;left:0;top:0;display:inline-flex;align-items:center;gap:6px;font-size:23px;font-weight:800;line-height:1;color:#c3c9d2;letter-spacing:-.02em} /* 13:35: -15 % (27 -> 23px) */
.kgn-aktorkort .kgn-nr-logo:before{content:"";display:inline-block;width:9px;height:9px;border:1.5px solid #d6dbe2;border-radius:50%;position:relative;top:-1px}
}

/* Nummer i logokolonnen: bare desktop. Mobil bruker fortsatt .kgn-nr2 i toppraden. 19.10.2026. */
@media(max-width:1000px){.kgn-aktorkort .kgn-nr-logo{display:none}}
/* Faktalinjen: invertering og ikke-fet (13:14-13:17) reversert 19.10.2026 13:18 etter Lars' ønske. */

/* Faktalinjen mobil: etiketten («Lisens:», «Gebyr:») paa linje med FOERSTE linje av svaret, ikke midtstilt
   mot hele den brytende teksten. Ikonet foelger forste linje. Lars 19.10.2026, alle tabeller. */
@media(max-width:1000px){
.kgn-aktorkort .kgn-fakta-el{align-items:baseline}
.kgn-aktorkort .kgn-fakta-el svg{align-self:flex-start;margin-top:2px;flex:0 0 auto}
}

/* Stripe-merket («ANBEFALT», «POPULÆR» o.l.) ikke fet. Lars 19.10.2026, alle tabeller. (stripe-merke ikke fet) */
.kgn-aktorkort .kgn-stripe .kgn-stripe-merke{font-weight:600} /* 13:38: halvfet (Inter variabel 400-800 er lastet) */

/* Bonusstreken per tabell (blokkfeltet farge_bonus_strek, 19.10.2026). Tomt = #17795C som foer. */
.kgn-aktorkort .kgn-tilbud{border-left-color:var(--kgn-bonus-strek,#1F2937)}

/* (logo-topp) Desktop: logo (med nummer) og navn/score festes til toppen av raden i stedet for midtstilt.
   Raden blir hoeyere paa kort med risikotekst (eToro), og midtstilling skjoev da logo og nummer nedover,
   saa avstanden fra stripen til nummeret ble ulik fra kort til kort. Punkter, bonus og knapp er fortsatt
   midtstilt. Lars 19.10.2026, alle tabeller. */
@media(min-width:1001px){
.kgn-aktorkort .kgn-topp>.kgn-logo,.kgn-aktorkort .kgn-topp>.kgn-ident{align-self:start;margin-top:16px}
}
/* 13:49 (Lars): ikke lavere eToro - alle kort skal ha den avstanden eToro hadde. Logo/navn festes til toppen
   og flyttes 16px ned (ca. det midtstillingen ga eToro; ikke maalt i piksler). Kortene uten risikotekst blir
   da litt hoeyere. */

/* 13:49: oransje er felles standard for alle tabeller (Lars). Standardene i var()-reglene over er byttet:
   knapp #F25C05 (hover #ce4e04), stripe #FFF1E8, merke/ikon #C2410C, kant #F25C05, bonusstrek #1F2937.
   Score og «Les mer»-lenker er fortsatt groenne. Fargefeltene i blokken kan overstyre per tabell. */

/* Mindre stoey (Lars 19.10.2026 13:55, alle tabeller): oransje bare paa knappen og merket; stripen noeytral
   (#F4F5F7, standard i var()-regelen over); venstrekanten av som standard (felt kant_fremhevet); scoren uten
   farget boks - bare det groenne tallet. */
.kgn-aktorkort .kgn-scoreboks{background:none;border:0;padding-left:0;padding-right:0}

/* (logo-linje) Desktop: to rader i logo- og navnekolonnen, paa linje med hverandre (Lars 19.10.2026 13:58):
   rad 1 (28px): nummer | navn  -  rad 2 (64px): logo | score, begge midtstilt i raden.
   Begge kolonner starter 16px ned (avstanden fra §21). Logoer hoeyere enn 64px skaleres ned. */
@media(min-width:1001px){
.kgn-aktorkort .kgn-topp>.kgn-logo{height:64px;margin-top:50px}
.kgn-aktorkort .kgn-logo img{max-height:64px}
.kgn-aktorkort .kgn-nr-logo{top:-34px;height:28px}
.kgn-aktorkort .kgn-topp>.kgn-ident{display:grid;grid-template-rows:28px 64px;row-gap:6px;justify-items:center;align-content:start;margin-top:16px;padding-top:0}
.kgn-aktorkort .kgn-kort .kgn-ident h3.kgn-navn{align-self:center;line-height:1.2}
.kgn-aktorkort .kgn-ident .kgn-scoreboks{align-self:center;margin:0}
}

/* (uten-score) Scoren er tatt ut av malen (Lars 19.10.2026, valg 3). Desktop: navnet flyttes til rad 2 og
   midtstilles mot logoen; nummeret staar alene i rad 1 over logoen. */
@media(min-width:1001px){
.kgn-aktorkort.kgn-variant-bors .kgn-kort .kgn-ident h3.kgn-navn{grid-row:2} /* casino beholder navn i rad 1 og score i rad 2 */
}

/* Tabellbredde desktop 1270 -> 1220px (Lars 19.10.2026: «litt smalere», alle tabeller). Ikke mer: boers-
   punktkolonnen er ca. 302px ved full bredde, og Coinbase sitt lengste punkt trenger ca. 285px. (tabellbredde 1220) */
@media(min-width:1001px){
body.kgn-has-aktorkort .kgn-aktorkort{width:min(1220px,calc(100vw - 58px))}
}

/* Uten navnekolonne (felt vis_navn av, Lars 19.10.2026): kolonnen 120-150px + 18px mellomrom faller bort,
   og tabellen blir like mye smalere (1220 -> 1052px), saa punktkolonnen beholder bredden. */
@media(min-width:1001px){
.kgn-aktorkort.kgn-variant-bors.kgn-uten-navn .kgn-topp{grid-template-columns:116px minmax(0,1fr) 230px 250px}
body.kgn-has-aktorkort .kgn-aktorkort.kgn-uten-navn{width:min(1052px,calc(100vw - 58px))}
}
@media(min-width:1200px){
.kgn-aktorkort.kgn-variant-bors.kgn-uten-navn .kgn-topp{grid-template-columns:116px minmax(0,1fr) 284px 250px}
}

/* (mobil-nr-logo) Mobil, tabeller uten navnekolonne (Lars 19.10.2026): nummeret til venstre for logoen paa samme
   linje, nummeret dobbelt saa stort (18 -> 36px), logoen 30 % stoerre (96 -> 125px bred). */
@media(max-width:1000px){
.kgn-aktorkort.kgn-uten-navn .kgn-topp{grid-template-columns:minmax(0,1fr);grid-template-areas:"logo" "punkter" "tilbud" "handling"}
.kgn-aktorkort.kgn-uten-navn .kgn-nr2{display:none}
.kgn-aktorkort.kgn-uten-navn .kgn-logo{width:auto;height:auto;justify-content:flex-start;gap:32px;overflow:visible} /* 14:16: logo lenger til hoeyre (gap 16 -> 32) */
.kgn-aktorkort.kgn-uten-navn .kgn-nr-logo{display:inline-flex;position:static;height:auto;align-items:center;gap:6px;font-size:27px;font-weight:800;margin-left:10px;line-height:1;color:#c3c9d2;letter-spacing:-.02em} /* 14:15: 36 -> 27px, graa som foer */
.kgn-aktorkort.kgn-uten-navn .kgn-nr-logo:before{content:"";display:inline-block;width:9px;height:9px;border:1.5px solid #d6dbe2;border-radius:50%;position:relative;top:-1px}
.kgn-aktorkort.kgn-uten-navn .kgn-logo img{width:auto !important;max-width:96px !important;max-height:92px;height:auto;object-fit:contain} /* 14:15: tilbake til original logostoerrelse */
}
/* Mobil, alle boers-tabeller: ca. 25 % mer luft mellom punktene og BONUS (rad-gap 16 -> 20px). */
@media(max-width:1000px){
.kgn-aktorkort.kgn-variant-bors .kgn-tilbud{margin-top:4px}
}

/* (mobil-nr-hjorne) Lars 19.10 14:19: nummeret mindre og oppe i venstre hjoerne (med ringen), logoen sentrert,
   mer luft mellom logo og punkter. Bare mobil, bare tabeller uten navnekolonne. */
@media(max-width:1000px){
.kgn-aktorkort.kgn-uten-navn .kgn-logo{position:relative;width:100%;justify-content:center;min-height:40px;margin-bottom:8px}
.kgn-aktorkort.kgn-uten-navn .kgn-nr-logo{position:absolute;top:0;left:0;margin-left:10px;font-size:18px}
}

/* (desktop-nr-hjorne) Lars 19.10 19:41: desktop, tabeller uten navnekolonne. Nummeret oppe i venstre hjoerne av
   kortets innhold; logoen loddrett midt paa linje med punktene. */
@media(min-width:1001px){
.kgn-aktorkort.kgn-uten-navn .kgn-topp{position:relative}
.kgn-aktorkort.kgn-uten-navn .kgn-topp>.kgn-logo{position:static;align-self:center;margin-top:0}
.kgn-aktorkort.kgn-uten-navn .kgn-topp>.kgn-punkter{align-self:center}
.kgn-aktorkort.kgn-uten-navn .kgn-nr-logo{top:0;left:0}
}

/* (kort-hover) Lars 19.10.2026 20:10: tabeller med feltet kort_hover paa. Bare PC med musepeker.
   Alle kort: venstrekant 2,5px i full kantfarge (endret 21:05); de andre dimmes til 30 % naar ett kort har musepekeren.
   Ved musepeker: kortet loefter seg 3px, sterkere skygge, kanten blir full farge. */
@media(min-width:1001px) and (hover:hover){
.kgn-aktorkort.kgn-hover .kgn-liste .kgn-kort.kgn-kort{border-left:2.5px solid var(--kgn-kant,#0f8f5f);transition:transform .2s ease,box-shadow .2s ease,border-left-color .2s ease}
/* 21:05: alle kort full farge; naar musepekeren er over ett kort, blir de andre lysegroenne (30 %). */
.kgn-aktorkort.kgn-hover .kgn-liste:has(.kgn-kort:hover) .kgn-kort.kgn-kort:not(:hover){border-left-color:color-mix(in srgb,var(--kgn-kant,#0f8f5f) 30%,transparent)}
.kgn-aktorkort.kgn-hover .kgn-liste .kgn-kort.kgn-kort:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(11,76,155,.28);border-left-color:var(--kgn-kant,#0f8f5f)}
}
@media(min-width:1001px) and (hover:hover) and (prefers-reduced-motion:reduce){
.kgn-aktorkort.kgn-hover .kgn-liste .kgn-kort.kgn-kort:hover{transform:none}
}

/* (knapp-overgang) Lars 19.10.2026 21:29: knapp med overgang (farge_knapp -> farge_knapp_2) og moerk tekst
   naar knappen er lys (klassen kgn-knapp-lys settes av malen). */
.article-block .guider-blocks-text .kgn-aktorkort .kgn-knapp{background:var(--kgn-knapp-grad,var(--kgn-knapp,#F25C05))}
.article-block .guider-blocks-text .kgn-aktorkort .kgn-knapp:hover{background:var(--kgn-knapp-grad,var(--kgn-knapp-hover,#ce4e04))}
.article-block .guider-blocks-text .kgn-aktorkort[style*="--kgn-knapp-grad"] .kgn-knapp:hover{filter:brightness(.94)}
.article-block .guider-blocks-text .kgn-aktorkort.kgn-knapp-lys .kgn-knapp,
.article-block .guider-blocks-text .kgn-aktorkort.kgn-knapp-lys .kgn-knapp:hover,
.article-block .guider-blocks-text .kgn-aktorkort.kgn-knapp-lys .kgn-knapp *{color:#111418}

/* (bors-score-blaa) Lars 19.10.2026 21:35: scoreboksen tilbake i boers-tabeller med vis_score, som foer 14:01,
   men med svak blaa bakgrunn i stedet for groenn. */
.kgn-aktorkort.kgn-variant-bors .kgn-ident .kgn-scoreboks{background:#F3F4F6;border:1px solid #E5E7EB;padding-left:12px;padding-right:12px}
.kgn-aktorkort.kgn-variant-bors .kgn-scoreboks b{color:#374151} /* 21:49 Lars: noeytralt */
.kgn-aktorkort.kgn-variant-bors .kgn-scoreboks b i,.kgn-aktorkort.kgn-variant-bors .kgn-scoreboks span{color:#6B7280}

/* (bors-score-under-navn) Lars 21:36: scoren under navnet, liten avstand. Navn + score staar som en blokk
   midt mot logoen (rad 2 + 3 i stedet for navn i rad 2 og score i rad 1). Bare PC; mobil uendret. */
@media(min-width:1001px){
.kgn-aktorkort.kgn-variant-bors .kgn-topp>.kgn-ident:has(.kgn-scoreboks){grid-template-rows:28px auto auto;row-gap:6px}
.kgn-aktorkort.kgn-variant-bors .kgn-ident:has(.kgn-scoreboks) h3.kgn-navn{grid-row:2;margin:0}
.kgn-aktorkort.kgn-variant-bors .kgn-ident .kgn-scoreboks{grid-row:3}
}

/* (bors-nr-hjorne) Lars 21:38: nummeret litt lenger opp mot venstre hjoerne, saa det ikke staar paa linje med logoen.
   Tabeller med navnekolonne (boers), bare PC. 10 px opp og 10 px til venstre = innholdsfeltets hjoerne. */
@media(min-width:1001px){
.kgn-aktorkort.kgn-variant-bors:not(.kgn-uten-navn) .kgn-nr-logo{transform:translate(-10px,-10px)}
}

/* (knapp-pil) Lars 21:44: pil › foran knappeteksten (felt knapp_ikon = pil). */
.kgn-aktorkort .kgn-knapp .kgn-pil{flex:0 0 auto;margin-right:2px;position:relative;top:0}

/* (bors-mobil-navn) Lars 21:53: paa mobil sentrert navn over scoren, navn 15px. */
@media(max-width:1000px){
.kgn-aktorkort.kgn-variant-bors .kgn-topp>.kgn-ident:has(.kgn-scoreboks){align-items:center}
.kgn-aktorkort.kgn-variant-bors .kgn-ident:has(.kgn-scoreboks) .kgn-scoreboks{align-self:center}
.kgn-aktorkort.kgn-variant-bors .kgn-kort .kgn-ident:has(.kgn-scoreboks) h3.kgn-navn{font-size:15px;text-align:center}
}

/* (bonus-ikon) Lars 21:56: stjerneikon foran BONUS-etiketten (radfelt bonus_ikon). */
.kgn-aktorkort .kgn-tilbud-etikett:has(.kgn-bonus-ikon){display:flex;align-items:center;gap:5px}
.kgn-aktorkort .kgn-tilbud-etikett .kgn-bonus-ikon{flex:0 0 auto;color:inherit}
.kgn-aktorkort .kgn-tilbud-etikett:has(.kgn-bonus-ikon){color:var(--kgn-knapp,#F25C05)} /* 22:02 Lars: BONUS + stjerne i knappefargen */

/* (bonus-linjer) Lars 22:03: +10 % linjeavstand i bonuskolonnen; undertekst vanlig vekt. Alle boers-tabeller. */
.kgn-aktorkort .kgn-tilbud .kgn-tilbud-etikett{line-height:14.5px;margin-bottom:3.3px}
.kgn-aktorkort .kgn-tilbud .kgn-tilbud-tittel{line-height:22px}
.kgn-aktorkort .kgn-tilbud .kgn-tilbud-under{font-size:14px;line-height:20px;margin-top:4.4px;font-weight:400} /* 22:05 Lars: 14px; linjehoeyde skalert likt (22,9/16*14) */

/* (navn-skjult) Lars 22:08: H3 visuelt skjult, beholdt i HTML (felt navn_skjult). */
.kgn-aktorkort.kgn-navn-skjult .kgn-kort .kgn-ident h3.kgn-navn{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* (bors-score-under-logo) Lars 22:10: uten navnekolonne; skjult H3 + score sentrert under logoen. */
.kgn-aktorkort.kgn-navn-skjult .kgn-logo{flex-direction:column;align-items:center;justify-content:center;gap:10px}
.kgn-aktorkort.kgn-navn-skjult .kgn-logo h3.kgn-navn{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.kgn-aktorkort.kgn-navn-skjult .kgn-logo .kgn-scoreboks{display:inline-flex;flex-direction:row;align-items:baseline;gap:8px;margin:0;padding:5px 12px;background:#F9FAFB;border:1px solid #EDEFF2;line-height:1.1} /* 22:15 Lars: lysere graa */

/* (bors-logo-score-luft) Lars 22:12: mer luft nummer -> logo -> score; kortet kan bli hoeyere. PC. */
@media(min-width:1001px){
.kgn-aktorkort.kgn-navn-skjult .kgn-topp>.kgn-logo{align-self:start;height:auto!important;max-height:none!important;display:grid;grid-template-rows:34px auto;justify-items:center;align-items:center;row-gap:14px;padding-top:48px;padding-bottom:16px}
}

/* (bors-stjerner) Lars 22:18: stjerner i knappefargen + liten score i sort under logoen. */
.kgn-aktorkort .kgn-stjscore{display:inline-flex;align-items:center;gap:6px;line-height:1}
.kgn-aktorkort .kgn-stjscore b{font-size:15px;font-weight:700;color:#111418}
.kgn-aktorkort .kgn-stj-rad{position:relative;display:inline-block;line-height:0;white-space:nowrap}
.kgn-aktorkort .kgn-stj-rad svg{display:inline-block;margin-right:1px}
.kgn-aktorkort .kgn-stj-bak svg{fill:#D9DDE3}
.kgn-aktorkort .kgn-stj-fram{position:absolute;left:0;top:0;overflow:hidden;white-space:nowrap}
.kgn-aktorkort .kgn-stj-fram svg{fill:var(--kgn-knapp,#1E3A8A)}
.kgn-aktorkort .kgn-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* (bors-mobil-logo-score) Lars 22:24: mobil - logo og score side om side, luft over/under; nummeret staar. */
@media(max-width:1000px){
.kgn-aktorkort.kgn-navn-skjult .kgn-topp>.kgn-logo{display:flex!important;flex-direction:row;align-items:center;justify-content:center;gap:24px;height:auto!important;min-height:0;padding-top:40px;padding-bottom:20px;margin-bottom:8px}
}

/* (mobil-fakta-scroll) Lars 22:26: faktaradene brekker ikke paa mobil; sideveis rulling ved lang tekst. Alle boers-tabeller. */
@media(max-width:1000px){
.kgn-aktorkort .kgn-fakta-el{white-space:nowrap;overflow-x:auto;overflow-y:hidden;max-width:100%;scrollbar-width:none;-webkit-overflow-scrolling:touch} /* 22:29 Lars: ingen synlig rullefelt */
.kgn-aktorkort .kgn-fakta-el.kgn-ruller{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)} /* 22:30 Lars: uttoning bare naar raden kan rulles (klasse fra aktorkort.js) */
.kgn-aktorkort .kgn-fakta-el::-webkit-scrollbar{display:none}
}
/* (mobil-logo-130) Lars 22:26: logoen ca. +30 % paa mobil (96x92 -> 125x120), tabeller med navn_skjult. */
@media(max-width:1000px){
.kgn-aktorkort.kgn-navn-skjult .kgn-logo img{max-width:125px!important;max-height:120px}
}

/* (knapp-navn-bredde) Lars 22:33: «Besøk <navn>» skal ikke brekke. Knappekolonnen 250 -> 266 px i tabeller uten navnekolonne; tabellen 1052 -> 1068. */
@media(min-width:1001px){
.kgn-aktorkort.kgn-variant-bors.kgn-uten-navn .kgn-topp{grid-template-columns:116px minmax(0,1fr) 230px 266px}
body.kgn-has-aktorkort .kgn-aktorkort.kgn-uten-navn{width:min(1068px,calc(100vw - 58px))}
.kgn-aktorkort.kgn-variant-bors .kgn-knapp{white-space:nowrap}
}
@media(min-width:1200px){
.kgn-aktorkort.kgn-variant-bors.kgn-uten-navn .kgn-topp{grid-template-columns:116px minmax(0,1fr) 284px 266px}
}

/* (hover-uten-kant) Lars 22:40: kant_fremhevet av + kort_hover paa = ingen farget venstrekant, men loeft og skygge beholdes. */
.kgn-aktorkort.kgn-hover.kgn-uten-kant .kgn-liste .kgn-kort.kgn-kort,
.kgn-aktorkort.kgn-hover.kgn-uten-kant .kgn-liste .kgn-kort.kgn-kort:hover,
.kgn-aktorkort.kgn-hover.kgn-uten-kant .kgn-liste:has(.kgn-kort:hover) .kgn-kort.kgn-kort:not(:hover){border-left:1px solid var(--k-line)}

/* (bors-scoreboks-liten) Lars 20.10 07:41: 4,8/5 paa bakgrunn igjen, mindre enn foer, samme plass som stjernene. */
.kgn-aktorkort .kgn-logo .kgn-scoreboks.kgn-scoreboks-liten{display:inline-flex;flex-direction:row;align-items:baseline;gap:6px;margin:0;padding:3px 9px;background:#F9FAFB;border:1px solid #EDEFF2;line-height:1.1}
.kgn-aktorkort .kgn-logo .kgn-scoreboks-liten b{font-size:16px;font-weight:800;color:#374151}
.kgn-aktorkort .kgn-logo .kgn-scoreboks-liten b i{font-size:10px;font-style:normal;font-weight:700;color:#6B7280;margin-left:1px}
.kgn-aktorkort .kgn-logo .kgn-scoreboks-liten span{font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6B7280;margin:0}

/* (kant-kun-fremhevet) Lars 20.10 07:43: med hover-effekt, farget kant bare paa fremhevede kort. */
.kgn-aktorkort.kgn-hover.kgn-kant-kun-fremhevet .kgn-liste .kgn-kort.kgn-kort:not([data-fremhevet]){border-left:1px solid var(--k-line)!important}

/* (TEST casino-kopi 41525) Lars 20.10 08:07: bonusstrek 2 px bare paa kladden. Fjernes/erstattes ved overgang til live. */
body.kgn-has-aktorkort .kgn-aktorkort .kgn-tilbud{border-left-width:2px}

/* (logo-hoy) Lars 20.10 08:12: hoey logo (Roosterbet 64 px) gikk inn i scoren. Logoraden vokser med logoen (min 34 px). Alle tabeller med navn_skjult. */
@media(min-width:1001px){
.kgn-aktorkort.kgn-navn-skjult .kgn-topp>.kgn-logo{grid-template-rows:minmax(34px,auto) auto}
}
/* (TEST casino-kopi 41525) Lars 20.10 08:12: bonuskolonnen 284 -> 262 px saa punktene faar plass paa en linje. 17:00: 262 -> 222 px (Cloudbet 4 lengre punkter). */
@media(min-width:1200px){
body.kgn-has-aktorkort .kgn-aktorkort.kgn-variant-bors.kgn-uten-navn .kgn-topp{grid-template-columns:116px minmax(0,1fr) 222px 266px}
}

/* (merke-banner) Lars 20.10 08:31: banneret fra sept. (.kgn-merke i aktorkort.css) i aksentfargen, 11 px, rett hjoerne. */
.kgn-aktorkort.kgn-merke-banner .kgn-kort .kgn-merke{background:var(--kgn-kant,#1E3A8A);color:#fff;border-radius:0;font-size:11px;z-index:2} /* 20.10 10:27 Lars: tilbake til aksentfargen (blaa/lilla) med hvit tekst (09:50-10:27 lys blaa #E8EEF9) */


/* (avrunding-banner) Lars 20.10 09:23: med avrunding foelger banneret kortets hjoerne; scoreboksen er ikke kort/knapp og holdes rett. */
.kgn-aktorkort.kgn-merke-banner .kgn-kort .kgn-merke{border-radius:0 var(--kgn-radius,0) 0 0}
.kgn-aktorkort .kgn-logo .kgn-scoreboks.kgn-scoreboks-liten{border-radius:0}

/* (punkter-lh17) Lars 20.10 09:30: linjehoeyde i punktene 1,9 -> 1,7 paa PC. Alle tabeller med denne CSS-en (boers, Solana, casino). */
@media(min-width:1001px){
.kgn-aktorkort .kgn-liste .kgn-kort ul.kgn-punkter li{line-height:1.6} /* 09:32 Lars: 1,7 -> 1,6. maa slaa aktorkort.css 0,3,2 */
}

/* (score-forklaring) Lars 20.10 10:13: linje under tabellen om hva scoren bygger paa. */
.kgn-aktorkort p.kgn-score-forklaring{display:block;width:100%;box-sizing:border-box;margin:0 0 36px !important;padding:0 2px;font-size:14px !important;line-height:1.5 !important;color:#6B7280 !important;text-align:center} /* 10:21 under tabellen; 10:22 Lars: sentrert, stoerre (14 px), lesbar graa, luft til broedteksten */

/* (kgn-hake-cta) Lars 20.10 17:03: hakemerket i punktene i CTA-fargen (foelger --kgn-knapp). Casino, boers (14767) og Solana (28288). */
body.kgn-has-aktorkort .kgn-aktorkort .kgn-liste .kgn-kort ul.kgn-punkter li:before{color:var(--kgn-knapp,#009E7E)}

/* (bors-bonus-227) Lars 04.11.2026: bonuskolonnen naermere CTA paa /kryptovaluta-bors/ (14767), desktop fra 1200px.
   284 -> 227px (-20 %), punktkolonnen +57px. Lengste bonustittel «Opptil 5 300 kr (€500)» = 216px inkl. strek. Kun denne siden. */
@media(min-width:1200px){
/* (casino-fil) boersregelen 227 px er tatt ut her - casino bruker 222 px over */
}

/* (bors-fakta-12) Lars 04.11.2026: faktaraden nederst i kortene (Lisens/Gebyr/antall) 13 -> 12px, PC, kun /kryptovaluta-bors/ (14767). */
@media(min-width:1001px){
/* (casino-fil) boersregelen faktalinje 12 px er tatt ut her - gjaldt aldri casino */
}
