/* ==========================================================================
   casino-side.css — layout for kryptocasino-siden
   ==========================================================================
   Lastes KUN på sider som inneholder acf/aktorkort-block (se functions.php,
   kgn_casino_side_assets). Ingen andre sider laster denne filen, så en regel
   her kan ikke nå resten av nettstedet uansett hvordan selektoren er skrevet.
   Flyttet hit fra custom.css 29.09.2026 — ren flytting, ingen visuell endring.
   Body-klassen kgn-has-aktorkort settes i functions.php.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Aktørkort-blokken: bred sammenligningstabell, smal brødtekst
   --------------------------------------------------------------------------
   Kun på sider som faktisk har blokken (body.kgn-has-aktorkort, satt i
   functions.php). Brødteksten røres ikke i det hele tatt — den beholder
   bredden .guider-blocks-text allerede gir den. Blokken bryter ut av
   tekstkolonnen og sentreres på siden, etter samme prinsipp som
   kurs-tabell.css bruker for kursmodulen.

   Under 1001px er blokken allerede i mobilvisning og skal følge tekstbredden,
   derfor er utbruddet låst til desktop/tablet.
   -------------------------------------------------------------------------- */
@media (min-width: 1001px) {
    body.kgn-has-aktorkort .kgn-aktorkort {
        position: relative;
        width: min(1270px, calc(100vw - 58px));
        margin-left: 50%;
        transform: translateX(-50%);
    }
    /* Utbruddet krever at ingen forelder klipper innholdet. */
    body.kgn-has-aktorkort .article-block,
    body.kgn-has-aktorkort .article-block > .container,
    body.kgn-has-aktorkort .guider-blocks-wrapper,
    body.kgn-has-aktorkort .guider-blocks-info,
    body.kgn-has-aktorkort .guider-blocks-text {
        overflow: visible;
    }
}

/* --------------------------------------------------------------------------
   Ansvarsnotisen under aktørkort-tabellen (.kgn-ansvarsnotis)
   --------------------------------------------------------------------------
   Egen klasse på én paragraf i innlegg 15010. Erstatter en innebygd
   gradient-bakgrunn. Ingen andre sider bruker denne klassen, og
   info-box-blokken (38 sider) er ikke berørt.

   Spesifisiteten må være 0-3-1 for å slå temaets
   «.article-block .guider-blocks-text p { color:#000; font-size:18px }».
   -------------------------------------------------------------------------- */
.article-block .guider-blocks-text p.kgn-ansvarsnotis,
.guider-blocks .guider-blocks-text p.kgn-ansvarsnotis {
    background: #f7f8f9;
    border: 1px solid #e9ecef;
    border-radius: 14px;
    color: #737c86;
    font-size: 17px;
    line-height: 1.65;
    text-align: center;
    padding: 20px 28px;
    margin: 26px auto 8px;
    box-sizing: border-box;
}
.article-block .guider-blocks-text p.kgn-ansvarsnotis strong {
    color: #4d555e;
    font-weight: 700;
}
.article-block .guider-blocks-text p.kgn-ansvarsnotis span {
    color: #5b636c;
}

/* Samme bredde som tabellen, sentrert under den. */
@media (min-width: 1001px) {
    body.kgn-has-aktorkort .guider-blocks-text p.kgn-ansvarsnotis {
        position: relative;
        width: min(1270px, calc(100vw - 58px));
        margin-left: 50%;
        transform: translateX(-50%);
    }
}

/* --------------------------------------------------------------------------
   Hero: kortere bunnavstand under delingsknappene — KUN aktørkort-sider
   --------------------------------------------------------------------------
   .hero-post .container gjelder hver eneste artikkel, så den er latt urørt på
   45px. Her strammes bare sidene som har aktørkort-blokken: 45 -> 34px (−25 %).
   ul.shared-list har margin 0 fra temaets reset, så dette er hele avstanden.
   -------------------------------------------------------------------------- */
body.kgn-has-aktorkort .hero-post .container {
	padding-bottom: 34px;
}


/* ==========================================================================
   Blokkoverstyringer — flyttet hit fra kryptographen/frontend/assets/css/
   aktorkort.css 29.09.2026, slik at alt som gjelder kryptocasino-siden bor
   i én fil. aktorkort.css er dermed tilbake til sin opprinnelige versjon.
   Ren flytting, ingen visuell endring. Reglene under har hoeyere
   spesifisitet enn blokkens egne, saa innlastingsrekkefolgen betyr ingenting.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Overstyring av temaets generelle lenkeregel
   --------------------------------------------------------------------------
   Temaet har i custom.css:
       .article-block .guider-blocks-text a { color:#00D084; text-decoration:underline }
       .article-block .guider-blocks-text a { text-decoration:none; font-size:17px }
   Den har spesifisitet 0-2-1 og slår blokkens egne 0-1-0-regler. Resultatet var
   grønn tekst i CTA-knappen og 17px på alle lenker i blokken.

   Her gis blokkens to lenketyper tilbake sine egne verdier med spesifisitet 0-3-1.
   Regelen er låst til .kgn-aktorkort, så lenkefargen ellers på nettstedet er urørt.
   Blokken har kun disse to lenketypene: .kgn-knapp og .kgn-boks-lenke a.
   -------------------------------------------------------------------------- */
.article-block .guider-blocks-text .kgn-aktorkort .kgn-knapp,
.kgn-aktorkort .kgn-knapp{background:#009e7e;color:#fff;text-decoration:none;font-size:18px;box-shadow:0 4px 12px rgba(0,158,126,.28)} /* #009e7e fra nichetable, Lars 07.10 (var #17795C) */
.article-block .guider-blocks-text .kgn-aktorkort .kgn-knapp:hover,
.kgn-aktorkort .kgn-knapp:hover{background:#00866b;color:#fff;filter:none}

.article-block .guider-blocks-text .kgn-aktorkort .kgn-boks-lenke a{color:#0f8f5f;text-decoration:none;font-size:16px}
.article-block .guider-blocks-text .kgn-aktorkort .kgn-boks-lenke a:hover{text-decoration:underline}

@media(max-width:1000px){
.article-block .guider-blocks-text .kgn-aktorkort .kgn-knapp{font-size:19px}
.article-block .guider-blocks-text .kgn-aktorkort .kgn-boks-lenke a{font-size:16px}
}

/* --------------------------------------------------------------------------
   Filterlinjen på mobil: etiketten på egen linje, chipsene på én linje under
   --------------------------------------------------------------------------
   .kgn-filter-rad har ingen wrapper rundt chipsene — etikett, knapper, nullstill
   og teller er alle direkte barn. Med flex-wrap havner etiketten på samme linje
   som første chip, og «Nye kryptocasino» faller ned på linje to.

   Grid løser det: etiketten spenner hele bredden, de tre chipsene får hver sin
   kolonne. Da kan de ikke brytes til to linjer uansett tekstlengde.
   -------------------------------------------------------------------------- */
@media(max-width:1000px){
.kgn-aktorkort .kgn-filter-rad{
	display:grid;
	grid-template-columns:repeat(3,auto);
	justify-content:space-between;
	gap:8px;
	align-items:stretch;
}
.kgn-aktorkort .kgn-filter-rad>.kgn-filter-etikett{grid-column:1/-1;margin-bottom:2px;text-align:center}
.kgn-aktorkort .kgn-filter-rad>.kgn-filter-bunn{
	grid-column:1/-1;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	gap:4px 12px;
}
.kgn-aktorkort .kgn-filter-bunn>.kgn-nullstill,
.kgn-aktorkort .kgn-filter-bunn>.kgn-filter-teller{margin-left:0;width:auto}
.kgn-aktorkort .kgn-filter-rad>.kgn-chip{
	font-size:13px;
	padding:8px 9px;
	min-width:0;
	text-align:center;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
}

/* --------------------------------------------------------------------------
   CTA-knappen: ca. 15 % lavere (29.09.2026)
   --------------------------------------------------------------------------
   Skriftstørrelsen står, kun den vertikale polstringen strammes.
   Desktop: 12px -> 9px gir 45,6px -> 39,6px  (−13 %)
   Mobil:   15px -> 11px gir 52,8px -> 44,8px (−15 %)
   Sidepolstringen er uendret, så knappebredden er den samme.
   Spesifisitet 0-3-1 kreves for å slå temaets lenkeregel.
   -------------------------------------------------------------------------- */
.kgn-aktorkort .kgn-knapp,
.article-block .guider-blocks-text .kgn-aktorkort .kgn-knapp{padding-top:6.8px;padding-bottom:6.8px}

@media(max-width:1000px){
.kgn-aktorkort .kgn-knapp,
.article-block .guider-blocks-text .kgn-aktorkort .kgn-knapp{padding-top:8.5px;padding-bottom:8.5px}
}

/* --------------------------------------------------------------------------
   .kgn-filter-bunn — wrapper rundt «Vis alle» og telleren
   --------------------------------------------------------------------------
   Lagt til i aktorkort-block.php 29.09.2026. Paa desktop er den display:contents,
   slik at begge elementene oppfoerer seg som direkte barn av .kgn-filter-rad og
   desktopvisningen er helt uendret (telleren beholder sin margin-left:auto).
   Paa mobil blir wrapperen en sentrert flexlinje, saa «Vis alle» og «Viser 4 av 6»
   deler samme linje i stedet for aa ta hver sin. Gjelder alle filterknappene.
   -------------------------------------------------------------------------- */
.kgn-aktorkort .kgn-filter-bunn{display:contents}

/* --------------------------------------------------------------------------
   Betalingslogoene: navn ved peking, uten å røre scrollingen
   --------------------------------------------------------------------------
   Hver logo er pakket i <span class="kgn-bet-logo" data-navn="…" title="…"> i
   aktorkort-block.php. Spanen overtar som flex-element; bildereglene i
   aktorkort.css treffer fortsatt via descendant-selektoren.

   FORSØKT OG FORKASTET 29.09.2026: en egen stilsatt boble over/under logoen.
   .kgn-bet-logoer har overflow-x:auto, som også klipper vertikalt. Å gi plass
   til boblen med padding-bottom ga loddrett rullefelt og mye dødplass i
   innskuddsboksen. En boble krever JavaScript og posisjonering utenfor
   containeren — ikke verdt det. Navnet vises i stedet med title-attributtet,
   som nettleseren håndterer selv og som også virker på berøringsskjerm.
   -------------------------------------------------------------------------- */
.kgn-aktorkort .kgn-bet-logo{
	flex:0 0 auto;
	display:inline-flex;
	align-items:center;
	position:relative;
}

@media(min-width:1001px){
/* Logoene er nedtonet i grått — den man peker på får full farge. */
.kgn-aktorkort .kgn-bet-logo:hover img{filter:none;opacity:1}
}

/* --------------------------------------------------------------------------
   Logobildene må ha en eksplisitt boks
   --------------------------------------------------------------------------
   MÅLT 29.09.2026: 16 av 23 SVG-er i mediebiblioteket har bare viewBox, uten
   width/height på rot-taggen (btc, eth, usdt, ltc, bch, bnb, doge, sol, xrp,
   xmr, zec m.fl.). Sju har det (ada, leo, link, trx, uni, usdc, xlm).

   Da bildet lå som flex-element direkte i .kgn-bet-logoer fikk det størrelse
   fra HTML-attributtene width="150" height="150". Etter at hver logo ble pakket
   i <span class="kgn-bet-logo"> er bildet flex-element i spanen i stedet, og
   aktorkort.css sier width:auto;height:auto. En SVG uten egen størrelse har da
   ingen målbar bredde og kollapser til null — nøyaktig de sju med width/height
   overlevde. Kollapsede logoer har heller ikke noe hoverflate, saa
   title-attributtet ble aldri vist.

   Alle kryptologoene er kvadratiske (viewBox 0 0 32 32), saa 22x22 er riktig.
   -------------------------------------------------------------------------- */
.kgn-aktorkort .kgn-bet-logoer .kgn-bet-logo img{
	width:22px;
	height:22px;
	max-height:22px;
	object-fit:contain;
	flex:0 0 auto;
	/* Alltid i originalfargene — aktorkort.css gjoer dem graa (grayscale + opacity .85)
	   med farge kun paa hover. Lars 07.10.2026. */
	filter:none;
	opacity:1;
}

/* --------------------------------------------------------------------------
   Etikettene KORT/BANK og KRYPTO skal gi samme startpunkt for innholdet
   --------------------------------------------------------------------------
   MÅLT 29.09.2026: etikettene starter begge på x=355, men «Kort/bank» er 74 px
   bred og «Krypto» 51 px. Med gap 10 px startet listene på 439 og 415 — 24 px
   i utakt. En fast bredde på etiketten gir begge gruppene samme venstrekant.
   -------------------------------------------------------------------------- */
.kgn-aktorkort .kgn-bet-gruppe>.kgn-bet-tittel{
	flex:0 0 78px;
	width:78px;
}

/* --------------------------------------------------------------------------
   De tre infoboksene skal være like brede
   --------------------------------------------------------------------------
   MÅLT 29.09.2026: høyden er allerede lik i hvert kort (grid strekker dem), men
   bredden spriker fordi 1fr vokser med innholdet. Cloudbet hadde 644/281/281 px
   med sine femten logoer, Ritzo 402/402/402.

   minmax(0,1fr) + min-width:0 lar kolonnen krympe under innholdsbredden, slik at
   betalingsradene scroller vannrett i stedet for å presse boksen ut. Radene har
   overflow-x:auto fra før; uten min-width:0 nekter grid-elementet å krympe under
   sin min-content-bredde, og da hjelper ikke scrollingen.
   -------------------------------------------------------------------------- */
@media(min-width:1001px){
.kgn-aktorkort .kgn-bokser{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.kgn-aktorkort .kgn-bokser>.kgn-boks{min-width:0}
.kgn-aktorkort .kgn-bet-gruppe{min-width:0}
.kgn-aktorkort .kgn-bet-logoer{min-width:0}

/* --------------------------------------------------------------------------
   Optisk innretting av kryptoraden mot tekstboksene
   --------------------------------------------------------------------------
   Begge radene starter på samme x til pikselen. Men .kgn-bet-merke har 1px kant
   og 7px innrykk, så TEKSTEN i boksen begynner 8px inne, mens logosirkelen
   begynner helt i kanten. Det leses som at radene ikke er i flukt. De 8 pikslene
   her retter det optisk.
   -------------------------------------------------------------------------- */
.kgn-aktorkort .kgn-bet-gruppe-krypto .kgn-bet-logoer{padding-left:8px} /* var :last-child; klassen settes av malen fra 30.09.2026 */

/* --------------------------------------------------------------------------
   Linjene i infoboksene som punktliste også på desktop
   --------------------------------------------------------------------------
   aktorkort.css har .kgn-linjer{text-align:center} på desktop, så «Lisens:»,
   «Lansert:» og «Antall spill:» starter på hver sin x og leses som løse linjer.
   Mobilvisningen (max-width:1000px, linje 137–139) har allerede venstrejustering
   med en liten grå prikk. Her brukes samme mønster på desktop.

   Prikken er lys og liten — markering, ikke punktliste-pynt.

   07.10.2026: .kgn-linjer var inline-block i en sentrert boks, saa blokken ble
   sentrert og korte lister havnet til hoeyre for lange (synlig paa boers-kladden,
   boksen «Fremhevede fordeler»). Naa display:block paa alle bredder: alle linjer
   starter paa boksens venstrekant. Regelen ligger utenfor media-blokken fordi
   aktorkort.css setter inline-block ogsaa for mobil (linje 132). Lars 07.10.
   -------------------------------------------------------------------------- */
.kgn-aktorkort .kgn-linjer{display:block;text-align:left}
@media(min-width:1001px){
.kgn-aktorkort .kgn-linje{position:relative;padding-left:16px}
/* Chevron i grått — samme teknikk som .kgn-detaljer summary:before bruker:
   to kanter på et tomt kvadrat, rotert 45 grader. */
.kgn-aktorkort .kgn-linje:before{
	content:"";
	position:absolute;
	left:1px;
	top:.52em;
	width:5px;
	height:5px;
	border-right:1.5px solid #b9c0c8;
	border-bottom:1.5px solid #b9c0c8;
	transform:rotate(-45deg);
}
}

/* --------------------------------------------------------------------------
   Hero: midtstill innholdet i desktop-visning
   --------------------------------------------------------------------------
   .noimage__noauthor_container_text har fast width:720px fra styles.css, uten
   auto-marginer, så den lå til venstre i den brede containeren. Her sentreres
   den. Gjelder kun sider med aktørkort-blokken.
   -------------------------------------------------------------------------- */
body.kgn-has-aktorkort .hero-post .noimage__noauthor_container_text{
	margin-left:auto;
	margin-right:auto;
	max-width:720px;
	width:100%;
}

/* --------------------------------------------------------------------------
   Filterlinjen på desktop: grå boks kun så bred som innholdet, midtstilt
   --------------------------------------------------------------------------
   .kgn-filter-rad var 1280px bred fordi den er et blokkelement i .kgn-filter.
   Innholdet sluttet etter ca. 425px, resten var tom grå flate. .kgn-filter
   gjøres til en flexboks som sentrerer, så raden krymper til innholdet.
   Gjelder kun fra 1001px; mobilreglene over er urørt. 29.09.2026.
   -------------------------------------------------------------------------- */
@media(min-width:1001px){
.kgn-aktorkort .kgn-filter{display:flex;justify-content:center}
.kgn-aktorkort .kgn-filter-rad{width:auto;padding:12px 16px}
}

/* --------------------------------------------------------------------------
   Filterlinjen på mobil: halvert avstand mellom chipsene, fortsatt sentrert
   --------------------------------------------------------------------------
   Gridregelen over brukte justify-content:space-between, som presset chipsene
   ut mot kantene — målt 64px mellomrom ved 500px bredde. Sentrering med et
   eksplisitt mellomrom gir 32px. clamp gjør at mellomrommet krymper på smale
   skjermer, slik at «Nye kryptocasino» ikke blir avkortet. 29.09.2026.
   -------------------------------------------------------------------------- */
@media(max-width:1000px){
.kgn-aktorkort .kgn-filter-rad{
	justify-content:center;
	column-gap:clamp(8px,8vw,32px);
}
}



/* --------------------------------------------------------------------------
   Punktlisten litt lenger inn paa desktop
   --------------------------------------------------------------------------
   .kgn-topp er et grid: 116px logo | 120-150px ident | 1fr punkter | 330px
   tilbud | 238px handling, med 18px gap. Punktene startet rett i kolonnekanten
   og laa for tett paa navn/stjerner. 20px venstrepolstring gir 38px total
   avstand. Kolonnen er minmax(0,1fr), saa teksten faar bare 20px mindre bredde.
   Mobil er urort - der spenner punktene hele bredden. 29.09.2026.
   -------------------------------------------------------------------------- */
@media(min-width:1001px){
.kgn-aktorkort .kgn-liste ul.kgn-punkter{padding-left:20px}
}

/* --------------------------------------------------------------------------
   Bonusboksen: venstre aksentkant i stedet for klippekort
   --------------------------------------------------------------------------
   Erstatter klippekortet fra 26.09 (kremfarget flate, lys kant, to runde hakk
   i sidene og skygge). Valgt av Lars 30.09 etter sammenligning paa
   kladd-vurdering-2026-09-30.html. Hakkene ligger i aktorkort.css utenfor
   enhver media-blokk, saa de maa slaas av eksplisitt.

   aktorkort.css lastes ETTER casino-side.css, derfor 0-2-0 i selektoren —
   spesifisitet, ikke rekkefoelge, avgjoer her.
   -------------------------------------------------------------------------- */
.kgn-aktorkort .kgn-tilbud{
	background:none;
	border:0;
	border-left:3px solid #17795C;
	border-radius:0;
	box-shadow:none;
	padding:2px 0 2px 14px;
	text-align:left;
}
.kgn-aktorkort .kgn-tilbud:before,
.kgn-aktorkort .kgn-tilbud:after{display:none}

/* --------------------------------------------------------------------------
   Vurderingen: slank stolpe i stedet for fem stjerner
   --------------------------------------------------------------------------
   Valgt av Lars 30.09 etter sammenligning paa kladd-vurdering-2026-09-30.html.
   Ingen ny markup: stjernestripen (.kgn-stjerner) blir sporet og gullfyllet
   (.kgn-stjerner-fyll) blir stolpen. Fyllet har allerede riktig bredde i
   prosent fra malen, saa tallet styrer fortsatt lengden.
   Stjernebildene er data-URI-er i aktorkort.css og maa nulles med
   background-image:none.
   aria-label paa .kgn-stjerner beholdes, saa skjermlesere faar samme tekst.
   Stolpen bruker #0d4a38, en moerkere groenn enn knappens #17795C, slik at
   knappen forblir det lyseste groenne i kortet og beholder blikket (Lars 30.09).
   -------------------------------------------------------------------------- */
.kgn-aktorkort .kgn-vurdering{width:104px;gap:7px}
.kgn-aktorkort .kgn-vurdering-tall{
	order:-1;
	display:flex;
	align-items:baseline;
	justify-content:center;
	gap:3px;
	line-height:1;
}
.kgn-aktorkort .kgn-vurdering-tall b{font-size:19px;font-weight:800;color:#181818}
.kgn-aktorkort .kgn-vurdering-tall i{font-style:normal;font-size:12px;font-weight:700;color:#8a9199}
.kgn-aktorkort .kgn-stjerner{
	width:100%;
	height:4px;
	border-radius:3px;
	background-image:none;
	background-color:#e6e9ec;
	overflow:hidden;
}
.kgn-aktorkort .kgn-stjerner-fyll{
	height:100%;
	border-radius:3px;
	background-image:none;
	background-color:#0d4a38;
}

/* --------------------------------------------------------------------------
   Nummerbadgen i samme blaa som merkelappen
   --------------------------------------------------------------------------
   Basisregelen henter fargen fra --k-nr (#111418) satt paa .kgn-liste.
   Her settes bakgrunnen direkte, saa variabelen ikke maa roeres. 30.09.2026.
   -------------------------------------------------------------------------- */
.kgn-aktorkort .kgn-nr{background:#1059b0;color:#fff} /* moerk blaa. #0037ff (bannerfargen) proevd og forkastet 07.10 — for distraherende */

/* --------------------------------------------------------------------------
   Strammere kolonner naa som billetten er blitt en strek
   --------------------------------------------------------------------------
   Temaet gir billetten 330px kolonne, og aktorkort.css setter
   .kgn-tilbud{width:80%;justify-self:center} over 1001px. Det var riktig da
   billetten var et klippekort med egen flate — den skulle ha like stor luft
   mot punktene og mot knappen uansett tekstlengde.

   Med venstrekant og venstrestilt tekst gir 80% + sentrering dodplass paa
   begge sider. Kolonnen settes til 270px og billetten fyller den helt,
   forankret til venstre. De 60px som frigjoeres gaar til punktkolonnen,
   som er minmax(0,1fr). 30.09.2026.
   -------------------------------------------------------------------------- */
@media(min-width:1001px){
.kgn-aktorkort .kgn-topp{
	grid-template-columns:116px minmax(120px,150px) minmax(0,1fr) 270px 238px;
}
.kgn-aktorkort .kgn-tilbud{width:100%;justify-self:start}
}

/* --------------------------------------------------------------------------
   Fremhevet rad
   --------------------------------------------------------------------------
   Feltet «Fremhevet rad» (true_false) finnes i blokken og malen skriver
   data-fremhevet paa .kgn-kort, men ingen CSS lyttet paa det foer 30.09.2026 —
   Metaspins hadde flagget paa uten at det gjorde noe.

   Markeringen knytter seg til merkelappen: samme blaa som ribba og
   nummerboksen, slik at blaatt konsekvent betyr plassering og utmerkelse,
   mens groent betyr verdi og handling. Ingen bakgrunnsfarge og ingen
   stoerrelsesendring — kortet skal loeftes, ikke roepe.
   -------------------------------------------------------------------------- */
.kgn-aktorkort .kgn-kort[data-fremhevet]{
	border:1.5px solid #1059b0; /* var 2px; 1.5px etter Lars 30.09 — 3 fysiske px paa Retina, 1 paa 1x */
	box-shadow:0 6px 20px rgba(16,89,176,.26);
}

/* --------------------------------------------------------------------------
   Punktsetninger: 1px mindre og moerk graa (var 15/16px, #000).
   Mobil: punktene og bonuskortet 10px inn fra venstre, saa de ikke ligger
   inntil nummereringen. Hoeyre kant uroert. Lars 30.09.2026.
   .kgn-kort i selektoren gir 0-4-2, over parentens 0-3-2 (lastes etter).
   -------------------------------------------------------------------------- */
.kgn-aktorkort .kgn-liste .kgn-kort ul.kgn-punkter li{font-size:15px;color:#3d444c} /* 14 -> 15px desktop, Lars 07.10 */
@media(max-width:1000px){
.kgn-aktorkort .kgn-liste .kgn-kort ul.kgn-punkter li{font-size:15px}
.kgn-aktorkort .kgn-liste .kgn-kort ul.kgn-punkter,
.kgn-aktorkort .kgn-liste .kgn-kort .kgn-tilbud{margin-left:10px}
}

/* ==========================================================================
   Varianter (07.10.2026) — klassen kgn-variant-<navn> settes av malen fra
   blokkfeltet «Variant». Casino er standard og har ingen egne regler her.
   ========================================================================== */

/* Begge varianter: CFD-advarsler (klassen kgn-annonse-cfd, tekst med «taper penger»)
   minst 13px (Plus500-krav). Andre risikotekster (eToro) 11px paa alle bredder.
   «Annonselenke» alene beholder 11/12px fra aktorkort.css. Lars 07.10. */
.kgn-aktorkort .kgn-annonse.kgn-annonse-risiko{font-size:11px}
.kgn-aktorkort .kgn-annonse.kgn-annonse-cfd{font-size:13px}
/* Risikoadvarsler er flere linjer: ta dem inn i flyten (ikke absolutt under knappen),
   ellers legger de seg over detaljpanelet naar det er aapent. Kortet vokser i stedet. */
@media(min-width:1001px){
.kgn-aktorkort .kgn-annonse.kgn-annonse-risiko{position:static;margin-top:12px} /* var 8px; mer luft til knappen, Lars 07.10 */
/* Knappekolonnen er den hoeyeste i rader med risikotekst, saa knappen laa helt opp i
   banneret (banner 22px hoeyt, kortpolstring 22px). 16px luft over knappen, og
   advarselen faar 16px ekstra paa hver side (238 -> 270px, kolonnegap er 18px). */
.kgn-aktorkort .kgn-kort-risiko .kgn-handling{padding-top:16px}
.kgn-aktorkort .kgn-kort-risiko .kgn-annonse-risiko{margin-left:-16px;margin-right:-16px}
}
/* Mobil: aktorkort.css legger «Annonselenke» OVER knappen (order:-1). Risikoadvarsler
   skal under knappen, over «Flere detaljer». Lars 07.10. */
@media(max-width:1000px){
.kgn-aktorkort .kgn-annonse.kgn-annonse-risiko{order:0;margin:10px 0 0}
/* CFD-rader med « - Annonselenke» i teksten: merkingen vises over knappen som egen
   linje, og fjernes fra advarselen under. Paa desktop er det omvendt (samlet tekst). */
.kgn-aktorkort .kgn-annonse-risiko .kgn-annonse-suffiks{display:none}
}
.kgn-aktorkort .kgn-annonse-merking{display:none}
@media(max-width:1000px){.kgn-aktorkort .kgn-annonse-merking{display:block}}

/* Boers: ingen «Kort/bank»-etikett,
   omtalelenken under betalingsmetodene paa desktop og nederst i panelet paa mobil. */
/* Nummerboks: samme blaa som casino (Lars 07.10 — sort ble forkastet samme dag). */
.kgn-variant-bors .kgn-bet-tittel{display:none}
.kgn-variant-bors .kgn-lenke-mobil{display:none}
@media(max-width:1000px){
.kgn-variant-bors .kgn-lenke-desktop{display:none}
.kgn-variant-bors .kgn-lenke-mobil{display:block;padding-left:34px;text-align:left}
.kgn-variant-bors .kgn-lenke-mobil .kgn-boks-lenke{margin-top:4px}
}

/* Boers-siden: den graa sidebakgrunnen fra kladden ble proevd live 07.10 og forkastet
   av Lars samme dag — siden skal ha temaets hvite bakgrunn og lysblaa hero som foer.
   Body-klassen kgn-variant-bors-side settes fortsatt i child functions.php. */

/* Lenke i teksten under knappen (f.eks. «Forstå risikoen her»): samme graa som teksten,
   understreket saa den er synlig som lenke. 07.10.2026. */
.article-block .guider-blocks-text .kgn-aktorkort .kgn-annonse a,
.kgn-aktorkort .kgn-annonse a{color:inherit;text-decoration:underline;font-size:inherit;font-weight:inherit} /* temaet gir a 17px */
.kgn-aktorkort .kgn-annonse a:hover{color:#0f8f5f}

/* Boers: betalingslogoer (kort/bank) er brede ordmerker, ikke kvadrater som kryptomyntene.
   Hoeyde 18px, bredde etter form, i originalfargene. Tekst-chips (uten logo, f.eks. AstroPay)
   staar etter logoene som foer. Lars 07.10.2026. */
.kgn-variant-bors .kgn-bet-gruppe-kort-bank .kgn-bet-logoer{align-items:center;gap:14px}
.kgn-variant-bors .kgn-bet-gruppe-kort-bank .kgn-bet-logo img{width:auto;height:18px;max-height:18px;max-width:90px;filter:none;opacity:1}
/* Lik hoeyde: SVG-ene er beskaaret til innholdet (Trustly hadde 25 % luft rundt, Mastercard
   mistet ordmerket under sirklene), saa 18px hoeyde gir samme visuelle stoerrelse. Svaert brede
   ordmerker (Neteller, Google Pay) stoppes paa 90px bredde og blir litt lavere. 07.10. */

/* Boers, desktop: bonuskolonnen 270 -> 330px saa «Bonus: opptil 4 750 kr ($500)» staar paa
   én linje (brakk etter «kr» ved 270px). Punktkolonnen (1fr) gir fra seg plassen. Lars 07.10. */
@media(min-width:1001px){
.kgn-aktorkort.kgn-variant-bors .kgn-topp{grid-template-columns:116px minmax(120px,150px) minmax(0,1fr) 330px 238px}
}

/* Casino, desktop: knappekolonnen 238 -> 280px saa «Aktiver bonus» faar plass paa én linje.
   MAALT 14.10: kolonnen er 238px; chevronknappen (.kgn-utvid) tar 44px + 8px gap + knappens
   egen sidepolstring 21px*2 = 42px, saa teksten hadde kun ~144px igjen — for lite til «Aktiver
   bonus» i bold 19px, derav wrap paa alle sju kortene. Samme moenster som boers sin
   bonuskolonne over: punktkolonnen (1fr) gir fra seg de 42 pikslene. Lars 14.10. */
@media(min-width:1001px){
.kgn-aktorkort.kgn-variant-casino .kgn-topp{grid-template-columns:116px minmax(120px,150px) minmax(0,1fr) 235px 280px} /* bonus 270 -> 202 -> 235px (Lars 14.10), dodplass mellom bonustekst og knapp; bredeste tekst Mybet 197px. */
}

/* Boers: logoraden sentrert under «Innskuddsmetoder» (som overskrift og omtalelenke).
   Auto-marger paa foerste og siste element i stedet for justify-content:center, saa raden
   fortsatt kan rulles sidelengs naar den er bredere enn boksen. Lars 07.10. */
.kgn-variant-bors .kgn-bet-gruppe-kort-bank .kgn-bet-logoer>:first-child{margin-left:auto}
.kgn-variant-bors .kgn-bet-gruppe-kort-bank .kgn-bet-logoer>:last-child{margin-right:auto}

/* Gebyrtabellen paa /kryptovaluta-bors/ (gruppe med klassen kgn-gebyrtabell): litt bredere
   enn broedteksten, stoerre navn i foerste kolonne, fotnote i mindre graa skrift. 07.10.2026. */
body.kgn-variant-bors-side .kgn-gebyrtabell{width:min(1080px,calc(100vw - 48px));max-width:none;margin-left:calc(50% - min(540px,50vw - 24px))} /* 900 -> 1080 (+20 %) 08.10.2026 */
body.kgn-variant-bors-side .kgn-gebyrtabell table{width:100%}
body.kgn-variant-bors-side .kgn-gebyrtabell td:first-child,
body.kgn-variant-bors-side .kgn-gebyrtabell td:first-child a{font-size:16px !important;font-weight:800;color:#0f8f5f;text-decoration:none} /* !important: custom.css setter 12px !important paa .has-text-align-center a */
body.kgn-variant-bors-side .kgn-gebyrtabell td:first-child a:hover{text-decoration:underline}
body.kgn-variant-bors-side .kgn-gebyrtabell th{font-size:15px}
body.kgn-variant-bors-side .kgn-gebyrtabell td{font-size:15px;padding:12px 10px;vertical-align:middle}
body.kgn-variant-bors-side .kgn-gebyrtabell figcaption{font-size:12.5px;line-height:1.5;color:#6b7480;text-align:left;margin-top:10px}
@media(max-width:1000px){
body.kgn-variant-bors-side .kgn-gebyrtabell{width:auto;margin-left:0}
body.kgn-variant-bors-side .kgn-gebyrtabell td:first-child,body.kgn-variant-bors-side .kgn-gebyrtabell td:first-child a{font-size:14px !important}
body.kgn-variant-bors-side .kgn-gebyrtabell td,body.kgn-variant-bors-side .kgn-gebyrtabell th{font-size:13px;padding:8px 6px}
}

/* --------------------------------------------------------------------------
   Merknad under sorteringslinjen (blokkfelt sorter_merknad, 07.10.2026).
   .kgn-filter er flex (sentrert boks), saa merknaden maa bryte til egen linje
   og faa tvunget liten skrift — temaet setter ellers 18px paa p i artikkelen.
   -------------------------------------------------------------------------- */
.kgn-aktorkort .kgn-filter{flex-wrap:wrap}
.kgn-aktorkort .kgn-filter .kgn-filter-merknad{flex:0 0 100%;margin:8px 0 0 !important;font-size:12px !important;line-height:1.4 !important;color:#6b7280;text-align:center}

/* --------------------------------------------------------------------------
   Boers-tabellen: NBX-, Firi-, PrimeXBT- (154_8809681451) og Bybit-logoene (21_9840064509) virker stoerre enn de andre fordi
   bokstavene er hoeyere/fetere. Bildet krympes litt, logoboksen (106px) er
   uendret, saa plasseringen i raden ikke flytter seg. Maalrettet paa filnavn —
   bytter Lars logofil, maa regelen oppdateres. 08.10.2026.
   -------------------------------------------------------------------------- */
.kgn-variant-bors .kgn-logo img[src*="nbx-logo"],
.kgn-variant-bors .kgn-logo img[src*="firi-logo"],
.kgn-variant-bors .kgn-logo img[src*="154_8809681451"],
.kgn-variant-bors .kgn-logo img[src*="21_9840064509"]{max-width:88px}
@media(max-width:1000px){.kgn-variant-bors .kgn-logo img[src*="nbx-logo"],
.kgn-variant-bors .kgn-logo img[src*="firi-logo"],
.kgn-variant-bors .kgn-logo img[src*="154_8809681451"],
.kgn-variant-bors .kgn-logo img[src*="21_9840064509"]{max-width:76px}}

/* --------------------------------------------------------------------------
   Omtalelenken venstrestilt i boksene paa desktop  [Lars 08.10.2026]
   --------------------------------------------------------------------------
   .kgn-boks har text-align:center, som ogsaa traff .kgn-boks-lenke. Linjene
   over («Lisens:», «Lansert:», «Antall spill:») er venstrestilte med 16px
   innrykk (se blokken «Linjene i infoboksene som punktliste ogsaa paa
   desktop»). Lenken sto dermed sentrert under en venstrestilt liste.
   Samme innrykk her, saa lenketeksten starter paa samme x som linjene.

   Scopet til .kgn-variant-casino med vilje: paa boers-varianten ligger lenken
   i .kgn-lenke-desktop under betalingslogoene, med egen plassering fra linje
   534 og nedover. Den skal ikke roeres.
   -------------------------------------------------------------------------- */
@media(min-width:1001px){
.kgn-variant-casino .kgn-boks-lenke{text-align:left;padding-left:16px}
}

/* --------------------------------------------------------------------------
   Fremheving ved aa tone ned de andre  [Lars 08.10.2026, forsoek 2]
   --------------------------------------------------------------------------
   Forsoek 1 var sort ramme + sort nummerboks. Lars forkastet den: markeringen
   ropte. Diagnosen var at kortet allerede baerer fire signaler som konkurrerer
   (nummerboks, merkelapp, groenn bonusstrek, groenn knapp), og at vi la paa et
   femte.

   Her gaar vi motsatt vei: de fremhevede kortene roeres ikke i det hele tatt.
   Kort UTEN data-fremhevet faar en knapt synlig graa flate og en lettere
   skygge, saa de trekker seg et hakk tilbake. Toppkortene blir staaende som
   de eneste helt hvite, og effekten blir sterkere jo lenger ned i listen
   leseren kommer.

   #fafbfc er valgt mot kortets egen #fbfcfc i infoboksene — flaten skal
   kjennes igjen, ikke lese som en ny farge. Skyggen ned fra .22 til .12 slik
   at nedtonede kort ogsaa ligger litt lavere, ikke bare litt graaere.

   Scopet til .kgn-variant-casino: /kryptovaluta-bors/ bruker samme stilark og
   er ikke bedt endret.
   -------------------------------------------------------------------------- */
.kgn-aktorkort.kgn-variant-casino .kgn-kort:not([data-fremhevet]){
	background:#fdfefe; /* 08.10, tredje justering: #fafbfc -> #fcfdfd -> #fdfefe (Lars) */
	box-shadow:0 2px 8px rgba(11,76,155,.12);
}

/* --------------------------------------------------------------------------
   Fremhevingen av paa under sortering  [Lars 08.10.2026]
   --------------------------------------------------------------------------
   Fremhevingen er redaksjonell og foelger RADEN, ikke plasseringen (valgt
   30.09). Med fire av sju markert leses den likevel som «topp 4», og naar
   leseren sorterer om, staar hvite kort spredt mellom graa uten at
   rekkefolgen forklarer hvorfor.

   aktorkort.js setter derfor klassen .kgn-sortert paa rottelementet saa lenge
   en sortering er aktiv. Her nullstilles begge markeringene til kortets
   grunnstil, saa alle sju ser like ut mens leseren sorterer. Slaar leseren av
   sorteringen (eller «Vis alle»), er markeringen tilbake.

   Verdiene speiler .kgn-kort i aktorkort.css linje 18. Scopet til casino;
   boers har «Best verdi» som standardvalg og ville vaert nullstilt alltid.
   -------------------------------------------------------------------------- */
.kgn-aktorkort.kgn-variant-casino.kgn-sortert .kgn-kort[data-fremhevet]{
	border:1px solid var(--k-line);
	box-shadow:0 4px 14px rgba(11,76,155,.22);
}
.kgn-aktorkort.kgn-variant-casino.kgn-sortert .kgn-kort:not([data-fremhevet]){
	background:var(--k-surf);
	box-shadow:0 4px 14px rgba(11,76,155,.22);
}

/* --------------------------------------------------------------------------
   Fremhevede kort uten blaa ramme  [Lars 08.10.2026, forsoek 3]
   --------------------------------------------------------------------------
   Nedtoningen av de ovrige kortene (se blokken «Fremheving ved aa tone ned de
   andre») baerer markeringen alene. Her nullstilles rammen og skyggen paa
   data-fremhevet tilbake til kortets grunnstil, saa forskjellen mellom topp 4
   og resten kun er hvit flate mot naesten-hvit.

   Verdiene speiler .kgn-kort i aktorkort.css linje 18. Grunnregelen (linje 484,
   1,5px #1059b0) staar urort og gjelder fortsatt boers.

   MERK: dette gjoer .kgn-sortert-regelen for [data-fremhevet] overflodig — den
   setter naa samme verdier. Den staar igjen med vilje, saa sorteringsreglene
   kan leses som en helhet og fortsatt virker hvis rammen kommer tilbake.
   -------------------------------------------------------------------------- */
.kgn-aktorkort.kgn-variant-casino .kgn-kort[data-fremhevet]{
	border:1px solid var(--k-line);
	box-shadow:0 4px 14px rgba(11,76,155,.22);
}

/* --------------------------------------------------------------------------
   Boers: samme fremheving som casino  [Lars 08.10.2026]
   --------------------------------------------------------------------------
   Speiler blokkene «Fremheving ved aa tone ned de andre», «Fremhevede kort uten
   blaa ramme» og «Fremhevingen av under sortering», men for variant = bors.
   Egne selektorer framfor en felles regel, saa de to tabellene kan rulles
   tilbake uavhengig av hverandre.

   Paa boers er det bare eToro som har data-fremhevet (maalt 08.10), saa
   markeringen blir ett hvitt kort mot aatte nedtonede.

   Forutsetning: aktorkort.js regner ikke lenger standardvalget («Best verdi»)
   som sortering. Uten den endringen ville .kgn-sortert ligget paa fra
   sidelasting og nullstilt markeringen for godt.
   -------------------------------------------------------------------------- */
.kgn-aktorkort.kgn-variant-bors .kgn-kort:not([data-fremhevet]){
	background:#fdfefe;
	box-shadow:0 2px 8px rgba(11,76,155,.12);
}
.kgn-aktorkort.kgn-variant-bors .kgn-kort[data-fremhevet]{
	border:1px solid var(--k-line);
	box-shadow:0 4px 14px rgba(11,76,155,.22);
}
.kgn-aktorkort.kgn-variant-bors.kgn-sortert .kgn-kort[data-fremhevet],
.kgn-aktorkort.kgn-variant-bors.kgn-sortert .kgn-kort:not([data-fremhevet]){
	background:var(--k-surf);
	border:1px solid var(--k-line);
	box-shadow:0 4px 14px rgba(11,76,155,.22);
}

/* --------------------------------------------------------------------------
   Jack-logoen faar hele logokolonnen  [Lars 08.10.2026]
   --------------------------------------------------------------------------
   MAALT: .kgn-logo er 106x106 inne i en 116px kolonne, og img-en er
   max-width:100% + object-fit:contain. Jack-merket er en ren ordmerke paa
   542x156 (3,47:1), saa ved 106px bredde blir det bare ~31px hoeyt — mot
   Metaspins 58, Roosterbet 68 og WildRoll 66, som alle har ikon over tekst.

   Her faar Jack bruke de 10 pikslene som staar ubrukt i kolonnen. Det er alt
   som er aa hente uten aa strekke merket eller sprenge kolonnen: ~9 % stoerre,
   31 -> 34px hoeyt, altsaa paa linje med Ritzo (33) og Mybet (34).
   Et merke med hoeyere format (ikon over tekst) er den egentlige loesningen.

   Bytter Lars logofil, maa filnavnet i selektoren oppdateres — samme moenster
   som boers-tabellen bruker, se claude/12.
   -------------------------------------------------------------------------- */
.kgn-aktorkort.kgn-variant-casino .kgn-logo img[src*="Jack.com_"]{
	max-width:116px;
	width:116px;
}
/* CTA-knapp casino, desktop: hoeyde 48 -> 38,6px (-20 %), skrift 18 -> 17px. Overstyrer
   aktorkort-v2.css:220 (padding 11px !important, felles for begge varianter), derfor !important
   og variant-selektor. Boers og mobil uroert. Lars 14.10.2026. */
@media(min-width:1001px){.kgn-aktorkort.kgn-variant-casino .kgn-kort .kgn-knapperad .kgn-knapp{padding-top:9px!important;padding-bottom:9px!important;font-size:17px!important}} /* 7 -> 9px: +10 % hoeyde (38,6 -> 42,6px), Lars 14.10 */

/* Toppbaren (.kgn-stripe), casino: merkelapp (11px versaler) og tekst (14px) paa samme
   grunnlinje — sto 1,8px forskjoevet med align-items:center. Ikonet sentreres paa
   versalhoeyden (+1px). Lars 14.10.2026. */
.kgn-aktorkort.kgn-variant-casino .kgn-stripe{align-items:baseline}
.kgn-aktorkort.kgn-variant-casino .kgn-stripe svg{align-self:center;position:relative;top:1px}

/* Mobil, detaljpanelet: verdien hadde min-width 50 % og etiketten max 50 % (nowrap), pluss 16px gap
   = 100 % + 16px. Lange etiketter («Maks gevinst fra spinn», «Maks innsats med bonus») dyttet
   verdien 6–16px ut av boksen paa 6 rader. Overstyrer aktorkort-v2.css:169 for casino. Lars 14.10.2026. */
@media(max-width:1000px){.kgn-aktorkort.kgn-variant-casino .kgn-linje-verdi{min-width:calc(50% - 16px)}}