/**
 * casinonorge-compare frontend
 * Trippel-klass-specificitet (.casi-recension.casi-recension.casi-recension)
 * vinner over GeneratePress utan !important. Egna variabler i wrappern,
 * faller tillbaka pa GP:s --contrast / --accent dar de finns.
 */

/* =====================================================================
   Palett: norska flaggans farger.
   Rott Pantone 200 C och blatt Pantone 281 C, alltsa flaggprodusenternas
   branschstandard. Ingen hexkod ar lagfast: flaggloven av 1898 sager bara
   "et hoirodt, med et morkeblaat, og af en hvid Kant indfattet Kors", och
   Utenriksdepartementets anbefaling fran 2018 drogs tillbaka.

   Andra en farg har och den slar igenom i alla tre pluginerna, eftersom
   casi-eeat och casi-modern laser samma variabler med samma fallback.
   Kontrasttalen i kommentarerna ar raknade mot WCAG 2.1.
   ===================================================================== */
:root {
	--casi-bla:         #00205b;  /* flaggblatt, rubriker och chrome, 15,5:1 mot vitt */
	--casi-bla-djup:    #001640;  /* navbar och sidfot */
	--casi-bla-2:       #173f85;  /* lankar, 10,1:1 mot vitt */
	--casi-bla-3:       #2360bf;  /* lankar ljusare och accentstreck, 6,0:1 mot vitt */
	--casi-bla-tint:    #eaf1fa;  /* ljus blatint, boxbakgrunder */
	--casi-bla-tint-2:  #cfdcf0;  /* blatint, ramar */
	--casi-rod:         #ba0c2f;  /* flaggrott, accent och knapp, 6,6:1 mot vitt */
	--casi-rod-hover:   #8f0a24;
	--casi-rod-ljus:    #f23057;  /* rott pa mork botten, 3,9:1 mot flaggblatt.
	                                 Flaggroden sjalv ger bara 2,3:1 dar. */
	--casi-hero-bg:     #f2f5fa;  /* ljus hero, variant C */
	--casi-hero-text:   #00205b;
	--casi-hero-dampad: #5a6b85;  /* 5,0:1 mot hero-bottnen */
	--casi-hero-linje:  #dbe3ee;
}


.casi-recension.casi-recension.casi-recension {
	--casi-accent: var(--accent, var(--casi-bla-2, #173f85));
	--casi-accent-dark: #145e2e;
	--casi-text: var(--contrast, #1a1a1a);
	--casi-muted: #5a5f66;
	--casi-line: #e2e4e8;
	--casi-bg-soft: #f6f7f9;
	--casi-warn-bg: #fff8e5;
	--casi-warn-line: #e8c95a;
	--casi-danger-bg: #fdeceb;
	--casi-danger: #b32d2e;
	--casi-radius: 10px;

	color: var(--casi-text);
	line-height: 1.6;
}

.casi-recension.casi-recension.casi-recension * {
	box-sizing: border-box;
}

/*
 * H2 i recensionen arver temats rubrikstil (samma som brodtextens H2) sa att
 * Snabbfakta och datablocken far exakt samma storlek/marginal som de
 * redaktionella rubrikerna. Tidigare las storleken till 1.45em har, vilket
 * gjorde plugin-rubrikerna mindre an temats. H3 behaller egen, mindre stil.
 */
.casi-recension.casi-recension.casi-recension h3 {
	margin: 1.2em 0 0.5em;
	font-size: 1.15em;
}

/* ---- Inaktiv-banner ---- */
.casi-recension.casi-recension.casi-recension .casi-inaktiv-banner {
	background: var(--casi-danger-bg);
	border: 1px solid var(--casi-danger);
	border-radius: var(--casi-radius);
	padding: 14px 18px;
	margin: 0 0 24px;
}
/* Nar bannern visas far wrappern luft i toppen via padding (inte margin, som
   annars kollapsar genom temats nollade toppluft och inte ger nagon effekt). */
.casi-recension.casi-recension.casi-recension.casi-har-banner {
	padding-top: 28px;
}
/* Sakerstall att avstandet bara kommer fran wrapper-paddingen ovan, aven om en
   aldre skin-version satter en marginal pa sjalva bannern (hogre specificitet). */
.casi-recension.casi-recension.casi-recension.casi-har-banner .casi-inaktiv-banner {
	margin-top: 0;
}
.casi-recension.casi-recension.casi-recension .casi-inaktiv-banner p {
	margin: 0;
	color: var(--casi-danger);
}

/* ---- Alternativ-ruta (handplockade casinon) ---- */
.casi-recension.casi-recension.casi-recension .casi-alternativ {
	margin: 24px 0 8px;
	padding: 18px 20px;
	background: #f4f8fd;
	border: 1px solid #d9e6f5;
	border-radius: 14px;
}
/* Toppvariant pa stangda casinon: rutan ligger direkt under inaktiv-bannern och
   fore casinorubriken, sa toppmarginalen nollas och botten far luft mot heron. */
.casi-recension.casi-recension.casi-recension .casi-alternativ--topp {
	margin: 0 0 24px;
}
.casi-recension.casi-recension.casi-recension .casi-alternativ__rubrik {
	margin: 0 0 12px;
	font-weight: 700;
	font-size: 1.05rem;
	color: var(--casi-bla, #00205b);
}
.casi-recension.casi-recension.casi-recension .casi-alternativ__reklam {
	display: inline-block;
	margin-left: 8px;
	padding: 2px 8px;
	font-size: 0.68rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #55606e;
	background: #e7eef7;
	border-radius: 999px;
	vertical-align: middle;
}
.casi-recension.casi-recension.casi-recension .casi-alternativ__lista {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
	gap: 12px;
}
.casi-recension.casi-recension.casi-recension .casi-alternativ__kort {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px;
	background: #fff;
	border: 1px solid #e3ebf5;
	border-radius: 12px;
}
.casi-recension.casi-recension.casi-recension .casi-alternativ__logo {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 54px;
	height: 54px;
	overflow: hidden;
	background: #f0f4fa;
	border-radius: 10px;
	text-decoration: none;
}
.casi-recension.casi-recension.casi-recension .casi-alternativ__logo img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.casi-recension.casi-recension.casi-recension .casi-alternativ__mono {
	font-weight: 800;
	color: var(--casi-bla, #00205b);
}
.casi-recension.casi-recension.casi-recension .casi-alternativ__info {
	flex: 1 1 auto;
	min-width: 0;
}
.casi-recension.casi-recension.casi-recension .casi-alternativ__namn {
	display: block;
	font-weight: 700;
	color: var(--casi-bla, #00205b);
	text-decoration: none;
}
.casi-recension.casi-recension.casi-recension .casi-alternativ__namn:hover {
	text-decoration: underline;
}
.casi-recension.casi-recension.casi-recension .casi-alternativ__bonus {
	display: block;
	margin-top: 2px;
	font-size: 0.85rem;
	color: #41526a;
}
.casi-recension.casi-recension.casi-recension .casi-alternativ__cta {
	flex: 0 0 auto;
}
.casi-recension.casi-recension.casi-recension .casi-alternativ__cta .casi-cta {
	padding: 8px 14px;
	font-size: 0.85rem;
	white-space: nowrap;
}
.casi-recension.casi-recension.casi-recension .casi-alternativ__compliance {
	margin: 14px 0 0;
	font-size: 0.8rem;
	color: #55606e;
}
.casi-recension.casi-recension.casi-recension .casi-alternativ__compliance a {
	color: inherit;
	text-decoration: underline;
}
.casi-recension.casi-recension.casi-recension .casi-alternativ__compliance .casi-reklam {
	text-transform: uppercase;
	font-size: 0.72rem;
	letter-spacing: 0.03em;
}

/* ---- Domsruta ---- */
.casi-recension.casi-recension.casi-recension .casi-domsruta {
	display: flex;
	gap: 20px;
	align-items: center;
	background: var(--casi-bg-soft);
	border: 1px solid var(--casi-line);
	border-radius: var(--casi-radius);
	padding: 20px 24px;
	margin: 0 0 28px;
}
.casi-recension.casi-recension.casi-recension .casi-domsruta__betyg {
	flex: 0 0 auto;
	display: flex;
	align-items: baseline;
	gap: 2px;
	background: var(--casi-accent);
	color: #fff;
	border-radius: var(--casi-radius);
	padding: 14px 18px;
}
.casi-recension.casi-recension.casi-recension .casi-betyg-tal {
	font-size: 2.4em;
	font-weight: 800;
	line-height: 1;
}
.casi-recension.casi-recension.casi-recension .casi-betyg-max {
	font-size: 1em;
	opacity: 0.85;
}
.casi-recension.casi-recension.casi-recension .casi-domsruta__txt {
	flex: 1 1 auto;
}
.casi-recension.casi-recension.casi-recension .casi-domsruta__erbjudande {
	margin: 10px 0;
	padding: 8px 12px;
	background: var(--casi-warn-bg, #fff8e5);
	border: 1px solid var(--casi-warn-line, #f0d97d);
	border-radius: 6px;
	font-size: 1.05em;
	font-weight: 600;
}
.casi-recension.casi-recension.casi-recension .casi-domsruta__erbjudande-etikett {
	display: inline-block;
	margin-right: 6px;
	padding: 1px 8px;
	border-radius: 999px;
	background: var(--casi-accent);
	color: #fff;
	font-size: 0.8em;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}
.casi-recension.casi-recension.casi-recension .casi-niva {
	display: inline-block;
	font-size: 0.8em;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	padding: 3px 10px;
	border-radius: 999px;
}
.casi-recension.casi-recension.casi-recension .casi-niva--testad {
	background: var(--casi-accent);
	color: #fff;
}
.casi-recension.casi-recension.casi-recension .casi-niva--granskad {
	background: var(--casi-warn-bg);
	color: #7a5b00;
	border: 1px solid var(--casi-warn-line);
}
.casi-recension.casi-recension.casi-recension .casi-testantal {
	margin: 8px 0 4px;
	font-weight: 600;
}
.casi-recension.casi-recension.casi-recension .casi-byline,
.casi-recension.casi-recension.casi-recension .casi-verifierad {
	margin: 4px 0;
	font-size: 0.9em;
	color: var(--casi-muted);
}

/* ---- Faktatabeller ---- */
.casi-recension.casi-recension.casi-recension .casi-faktatabell {
	width: 100%;
	/* max-width och table-layout haller tabellen innanfor spalten aven nar en
	   cell bar nagot obrytbart, till exempel en hel webbadress. Utan dem raknar
	   webblasaren fram en kolumnbredd ur cellens min-content och hela tabellen
	   vaxer ut ur skarmen pa mobil. */
	max-width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	margin: 0.5em 0 1em;
}
/* Kallhanvisning i faktatabellen: datum och lank till villkorsavsnittet. */
.casi-recension.casi-recension.casi-recension .casi-faktatabell__kalla {
	font-size: 0.88em;
	color: #5a5f66;
}
.casi-recension.casi-recension.casi-recension .casi-faktatabell th,
.casi-recension.casi-recension.casi-recension .casi-faktatabell td {
	text-align: left;
	padding: 9px 12px;
	border-bottom: 1px solid var(--casi-line);
	vertical-align: top;
	/* Sista skyddsnatet: en webbadress eller ett langt bolagsnamn bryts hellre
	   mitt i an sticker ut ur tabellen. */
	overflow-wrap: anywhere;
}
.casi-recension.casi-recension.casi-recension .casi-faktatabell th {
	width: 38%;
	font-weight: 600;
	color: var(--casi-muted);
}

/* ---- Licensruta ---- */
.casi-recension.casi-recension.casi-recension .casi-licensruta {
	background: var(--casi-bg-soft);
	border: 1px solid var(--casi-line);
	border-radius: var(--casi-radius);
	padding: 16px 20px;
	margin: 0 0 16px;
}
.casi-recension.casi-recension.casi-recension .casi-licensruta__rubrik {
	margin-top: 0;
}
.casi-recension.casi-recension.casi-recension .casi-licensruta--saknas {
	background: var(--casi-danger-bg);
	border-color: var(--casi-danger);
}
.casi-recension.casi-recension.casi-recension .casi-licensruta__verifiera a {
	font-weight: 600;
}

/* ---- Bonusdelning / varning ---- */
.casi-recension.casi-recension.casi-recension .casi-bonusvarning {
	background: var(--casi-warn-bg);
	border: 1px solid var(--casi-warn-line);
	border-radius: var(--casi-radius);
	padding: 12px 16px;
	margin: 12px 0;
}
.casi-recension.casi-recension.casi-recension .casi-bonusvarning p {
	margin: 0;
	font-size: 0.95em;
}
.casi-recension.casi-recension.casi-recension .casi-bytesnotis {
	background: #e7eef8;
	border-left: 4px solid var(--casi-accent);
	padding: 10px 14px;
	margin: 12px 0 0;
	font-weight: 600;
}

/* ---- EV ---- */
.casi-recension.casi-recension.casi-recension .casi-ev {
	background: var(--casi-bg-soft);
	border-radius: var(--casi-radius);
	padding: 14px 18px;
	margin: 10px 0;
}
.casi-recension.casi-recension.casi-recension .casi-ev__tal {
	font-size: 1.4em;
	font-weight: 800;
	color: var(--casi-accent-dark);
}
.casi-recension.casi-recension.casi-recension .casi-ev__negativ {
	color: var(--casi-danger);
	font-weight: 600;
	margin: 6px 0;
}
.casi-recension.casi-recension.casi-recension .casi-ev__antaganden {
	margin: 8px 0 0;
	padding-left: 1.1em;
	font-size: 0.85em;
	color: var(--casi-muted);
}

/* ---- Villkorsflaggor ---- */
.casi-recension.casi-recension.casi-recension .casi-villkorsflaggor {
	border: 1px solid var(--casi-warn-line);
	background: var(--casi-warn-bg);
	border-radius: var(--casi-radius);
	padding: 12px 16px 12px 18px;
	margin: 12px 0;
}
.casi-recension.casi-recension.casi-recension .casi-villkorsflaggor h3 {
	margin-top: 0;
}

/* ---- Skrollhylsa for datatabeller ----
   Uttagstester, chatt-tester och RTP-tabellerna har fyra till fem kolumner med
   varden som inte gar att bryta, till exempel datum och belopp. Pa mobil blir
   tabellen darfor bredare an skarmen och sidan far en vagratt rullning som
   flyttar hela innehallet i sidled. Hylsan tar rullningen i stallet, sa bara
   tabellen aker i sidled och brodtexten star still. Samma losning som
   jamforelsetabellen redan anvander. */
.casi-recension.casi-recension.casi-recension .casi-datatabell-skroll {
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	/* Skuggkant som visar att det finns mer at sidan. De tva vita lagren ligger
	   local, alltsa foljer med innehallet, och tacker skuggan nar man rullat
	   anda ut. Skuggorna ligger scroll, alltsa still mot hylsan. Resultatet ar
	   en markering som slocknar av sig sjalv nar tabellen faktiskt far plats. */
	background:
		linear-gradient(to right, #fff 40%, rgba(255, 255, 255, 0)) left center,
		linear-gradient(to left, #fff 40%, rgba(255, 255, 255, 0)) right center,
		radial-gradient(farthest-side at 0 50%, rgba(19, 49, 92, 0.14), rgba(19, 49, 92, 0)) left center,
		radial-gradient(farthest-side at 100% 50%, rgba(19, 49, 92, 0.14), rgba(19, 49, 92, 0)) right center;
	background-repeat: no-repeat;
	background-size: 36px 100%, 36px 100%, 12px 100%, 12px 100%;
	background-attachment: local, local, scroll, scroll;
}

/* ---- Uttagstabell ---- */
.casi-recension.casi-recension.casi-recension .casi-uttagstabell {
	width: 100%;
	border-collapse: collapse;
	margin: 0.5em 0;
}
.casi-recension.casi-recension.casi-recension .casi-uttagstabell th,
.casi-recension.casi-recension.casi-recension .casi-uttagstabell td {
	padding: 8px 10px;
	border-bottom: 1px solid var(--casi-line);
	text-align: left;
}
.casi-recension.casi-recension.casi-recension .casi-uttagstabell thead th {
	background: var(--casi-bg-soft);
	font-size: 0.85em;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	color: var(--casi-muted);
}
.casi-recension.casi-recension.casi-recension .casi-uttag-median {
	font-size: 0.95em;
	color: var(--casi-muted);
}

/* ---- Svarskapsel (v1.26): kort faktaledtext direkt under en H2 ---- */
.casi-recension.casi-recension.casi-recension .casi-kapsel {
	font-size: 1.02em;
	line-height: 1.6;
	color: var(--casi-text);
	background: var(--casi-bg-soft);
	border-left: 3px solid var(--casi-accent);
	border-radius: 0 var(--casi-radius) var(--casi-radius) 0;
	padding: 12px 16px;
	margin: 0 0 1em;
}
.casi-recension.casi-recension.casi-recension .casi-bonusframhav {
	background: var(--casi-bg-soft);
	border: 1px solid var(--casi-line);
	border-left: 4px solid var(--casi-accent);
	border-radius: var(--casi-radius);
	padding: 16px 18px;
	margin: 0 0 12px;
}
.casi-recension.casi-recension.casi-recension .casi-bonusframhav__etikett {
	display: inline-block;
	margin: 0 0 8px;
	padding: 2px 11px;
	border-radius: 999px;
	background: var(--casi-accent);
	color: #fff;
	font-size: 0.72em;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}
.casi-recension.casi-recension.casi-recension .casi-bonusframhav__erbj {
	display: block;
	font-size: 1.4em;
	font-weight: 800;
	color: var(--casi-bla, #00205b);
	line-height: 1.3;
}
/* Variant for casinon utan bonus: samma ruta, neutral farg i stallet for accent,
   sa att avsnittet far samma uppbyggnad oavsett om bonus finns eller inte. */
.casi-recension.casi-recension.casi-recension .casi-bonusframhav--ingen {
	border-left-color: var(--casi-line);
}
.casi-recension.casi-recension.casi-recension .casi-bonusframhav--ingen .casi-bonusframhav__etikett {
	background: #55606e;
}
.casi-recension.casi-recension.casi-recension .casi-bonusframhav--ingen .casi-bonusframhav__erbj {
	font-size: 1.15em;
	font-weight: 700;
}

/* ---- Chatt-tester + RTP-tabeller (v1.26): arvar uttagstabellens utseende ---- */
.casi-recension.casi-recension.casi-recension .casi-chatttabell,
.casi-recension.casi-recension.casi-recension .casi-rtp-jmf,
.casi-recension.casi-recension.casi-recension .casi-rtp-toppspel {
	width: 100%;
	border-collapse: collapse;
	margin: 0.5em 0;
}
.casi-recension.casi-recension.casi-recension .casi-chatttabell th,
.casi-recension.casi-recension.casi-recension .casi-chatttabell td,
.casi-recension.casi-recension.casi-recension .casi-rtp-jmf th,
.casi-recension.casi-recension.casi-recension .casi-rtp-jmf td,
.casi-recension.casi-recension.casi-recension .casi-rtp-toppspel th,
.casi-recension.casi-recension.casi-recension .casi-rtp-toppspel td {
	padding: 8px 10px;
	border-bottom: 1px solid var(--casi-line);
	text-align: left;
}
.casi-recension.casi-recension.casi-recension .casi-chatttabell thead th,
.casi-recension.casi-recension.casi-recension .casi-rtp-jmf thead th,
.casi-recension.casi-recension.casi-recension .casi-rtp-toppspel thead th {
	background: var(--casi-bg-soft);
	font-size: 0.85em;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	color: var(--casi-muted);
}
/* RTP-jamforelsens foersta rad (det haer casinot) markeras latt. */
.casi-recension.casi-recension.casi-recension .casi-rtp-jmf tbody tr:first-child {
	font-weight: 600;
	background: rgba( 26, 122, 60, 0.06 );
}

/* ---- Bevismedia ---- */
.casi-recension.casi-recension.casi-recension .casi-bevismedia__grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
	gap: 12px;
}
.casi-recension.casi-recension.casi-recension .casi-bevismedia figure {
	margin: 0;
	border: 1px solid var(--casi-line);
	border-radius: 8px;
	overflow: hidden;
}
.casi-recension.casi-recension.casi-recension .casi-bevismedia img {
	display: block;
	width: 100%;
	height: auto;
}
.casi-recension.casi-recension.casi-recension .casi-bevismedia figcaption {
	font-size: 0.8em;
	padding: 6px 8px;
	color: var(--casi-muted);
}

/* ---- Tvarlicens ---- */
.casi-recension.casi-recension.casi-recension .casi-tvarlicens {
	background: var(--casi-bla-tint, #eaf1fa);
	border-left: 4px solid var(--casi-bla-3, #2360bf);
	border-radius: var(--casi-radius);
	padding: 14px 18px;
}

/* ---- Delbetyg ----
   Totalrutan (delbetyg-rutnat, delbetyg__total med barn och delbetyg__metodlank)
   stylas medvetet inte har. Utseende-skinet ager delbetygsblocket och ritar det
   som kort med egen ram och egna farger. En regel har, med den harda
   trippelspecificiteten, slar ut skinets och ger en ruta som varken har ratt
   farg eller star i linje med korten. */
.casi-recension.casi-recension.casi-recension .casi-delbetyg__rad {
	display: grid;
	grid-template-columns: 1fr 2fr auto;
	gap: 12px;
	align-items: center;
	padding: 7px 0;
	border-bottom: 1px solid var(--casi-line);
}
.casi-recension.casi-recension.casi-recension .casi-delbetyg__namn small {
	color: var(--casi-muted);
	font-weight: 400;
}
.casi-recension.casi-recension.casi-recension .casi-delbetyg__bar {
	position: relative;
	height: 8px;
	background: var(--casi-line);
	border-radius: 999px;
	overflow: hidden;
}
.casi-recension.casi-recension.casi-recension .casi-delbetyg__bar > span {
	position: absolute;
	inset: 0 auto 0 0;
	background: var(--casi-accent);
	border-radius: 999px;
}
.casi-recension.casi-recension.casi-recension .casi-delbetyg__tal {
	font-weight: 700;
	min-width: 2.4em;
	text-align: right;
}

/* ---- Pro/kon ---- */
.casi-recension.casi-recension.casi-recension .casi-prokon {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}
.casi-recension.casi-recension.casi-recension .casi-pro,
.casi-recension.casi-recension.casi-recension .casi-kon {
	list-style: none;
	margin: 0;
	padding: 0;
}
.casi-recension.casi-recension.casi-recension .casi-pro li,
.casi-recension.casi-recension.casi-recension .casi-kon li {
	padding: 6px 0 6px 26px;
	position: relative;
}
.casi-recension.casi-recension.casi-recension .casi-pro li::before {
	content: "+";
	position: absolute;
	left: 0;
	font-weight: 800;
	color: var(--casi-accent);
}
.casi-recension.casi-recension.casi-recension .casi-kon li::before {
	content: "\2212";
	position: absolute;
	left: 0;
	font-weight: 800;
	color: var(--casi-danger);
}

/* ---- FAQ ---- */
.casi-recension.casi-recension.casi-recension .casi-faq__item {
	border-bottom: 1px solid var(--casi-line);
	padding: 4px 0;
}
.casi-recension.casi-recension.casi-recension .casi-faq__item summary {
	cursor: pointer;
	padding: 8px 0;
}
.casi-recension.casi-recension.casi-recension .casi-faq__item summary h3 {
	display: inline;
	margin: 0;
	font-family: 'Sora', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	font-size: 1.15rem;
	font-weight: 600;
	color: var(--casi-bla, #00205b);
	letter-spacing: -0.01em;
}

/* ---- CTA / compliance ---- */
.casi-recension.casi-recension.casi-recension .casi-cta {
	display: inline-block;
	background: var(--casi-accent);
	color: #fff;
	font-weight: 700;
	text-decoration: none;
	padding: 10px 20px;
	border-radius: 8px;
	margin-top: 10px;
}
.casi-recension.casi-recension.casi-recension .casi-cta:hover {
	background: var(--casi-accent-dark);
	color: #fff;
}
.casi-recension.casi-recension.casi-recension .casi-reklam {
	font-size: 0.75em;
	color: var(--casi-muted);
	text-transform: uppercase;
	letter-spacing: 0.04em;
}
.casi-recension.casi-recension.casi-recension .casi-compliance {
	margin-top: 24px;
	padding-top: 14px;
	border-top: 1px solid var(--casi-line);
	font-size: 0.85em;
	color: var(--casi-muted);
}
.casi-recension.casi-recension.casi-recension .casi-compliance__disclosure {
	font-style: italic;
}

/* ---- Andringslogg ---- */
.casi-recension.casi-recension.casi-recension .casi-andringslogg {
	margin-top: 18px;
	font-size: 0.85em;
	color: var(--casi-muted);
}
.casi-recension.casi-recension.casi-recension .casi-andringslogg summary {
	cursor: pointer;
}
.casi-recension.casi-recension.casi-recension .casi-andringslogg time {
	font-weight: 600;
}

/* ---- Mobil ---- */
@media (max-width: 600px) {
	.casi-recension.casi-recension.casi-recension .casi-domsruta {
		flex-direction: column;
		align-items: flex-start;
		gap: 14px;
	}
	.casi-recension.casi-recension.casi-recension .casi-prokon {
		grid-template-columns: 1fr;
	}
	.casi-recension.casi-recension.casi-recension .casi-faktatabell th {
		width: 45%;
	}

	.casi-recension.casi-recension.casi-recension .casi-uttagstabell {
		font-size: 0.8em;
	}
	/* Tightare celler och obrutna varden. Ett datum som 2026-06-26 far inte
	   brytas till 2026-06- och 26 pa nasta rad, och 45,5 min inte till 45,5 och
	   min. Med mindre text och smalare celler far bade uttagstabellen och
	   RTP-jamforelsen plats anda. Racker det inte till, som for chatt-tabellens
	   fem kolumner, rullar hylsan ovan i stallet for hela sidan. */
	.casi-recension.casi-recension.casi-recension .casi-uttagstabell th,
	.casi-recension.casi-recension.casi-recension .casi-uttagstabell td {
		padding: 6px 7px;
		white-space: nowrap;
	}
	/* Undantag: kolumner som bar loptext och inte ett ihopskrivet varde. En
	   speltitel eller en kalla far garna radbrytas, det ar bara datum, klockslag
	   och matvarden som blir obegripliga av det. */
	.casi-recension.casi-recension.casi-recension .casi-rtp-jmf th:first-child,
	.casi-recension.casi-recension.casi-recension .casi-rtp-jmf td:first-child,
	.casi-recension.casi-recension.casi-recension .casi-rtp-toppspel th:first-child,
	.casi-recension.casi-recension.casi-recension .casi-rtp-toppspel td:first-child,
	.casi-recension.casi-recension.casi-recension .casi-chatttabell th:nth-child(n+3),
	.casi-recension.casi-recension.casi-recension .casi-chatttabell td:nth-child(n+3) {
		white-space: normal;
	}
	.casi-recension.casi-recension.casi-recension .casi-uttagstabell thead th {
		letter-spacing: 0;
	}
}

/* ---- Datatabeller som kort pa smal skarm ----
   Klassen casi-tabellkort satts av casi-tabeller.js, och bara pa en tabell som
   faktiskt ar bredare an sin hylsa. Mediefragan avgor var kortlaget far galla,
   skriptet avgor vilka tabeller som behover det.

   Vagratt rullning ar det samre alternativet pa mobil: kolumnrubriken hamnar
   utanfor bild sa fort man rullat ett steg, och da vet lasaren inte langre vad
   45,5 min hor till. Varje rad blir i stallet ett kort. Forsta cellen blir
   kortets rubrik och ovriga celler far sin kolumnrubrik som etikett till
   vanster, ur data-etikett som skriptet skriver.

   Hylsan slapper sin rullning och sin skuggkant i kortlage, annars hade korten
   legat i ett rullningsomrade utan att behova det. */
@media (max-width: 768px) {
	.casi-recension.casi-recension.casi-recension .casi-datatabell-skroll--kort {
		overflow: visible;
		background: none;
	}
	.casi-recension.casi-recension.casi-recension table.casi-tabellkort {
		display: block;
		width: 100%;
		font-size: 0.92em;
	}
	/* Rubrikraden gommes for ogat men lamnas kvar for skarmlasare, som laser
	   den vanliga tabellstrukturen. */
	.casi-recension.casi-recension.casi-recension .casi-tabellkort thead {
		position: absolute;
		width: 1px;
		height: 1px;
		margin: -1px;
		padding: 0;
		overflow: hidden;
		clip: rect(0 0 0 0);
		white-space: nowrap;
		border: 0;
	}
	.casi-recension.casi-recension.casi-recension .casi-tabellkort tbody {
		display: block;
	}
	.casi-recension.casi-recension.casi-recension .casi-tabellkort tbody tr {
		display: block;
		margin: 0 0 10px;
		padding: 10px 14px;
		border: 1px solid var(--casi-line);
		border-radius: var(--casi-radius);
		background: #fff;
	}
	.casi-recension.casi-recension.casi-recension .casi-tabellkort tbody tr:last-child {
		margin-bottom: 0;
	}
	.casi-recension.casi-recension.casi-recension .casi-tabellkort tbody td {
		display: flex;
		align-items: baseline;
		justify-content: space-between;
		gap: 14px;
		padding: 3px 0;
		border: 0;
		white-space: normal;
	}
	.casi-recension.casi-recension.casi-recension .casi-tabellkort tbody td::before {
		content: attr(data-etikett);
		flex: 0 0 auto;
		color: var(--casi-muted);
		font-size: 0.88em;
	}
	.casi-recension.casi-recension.casi-recension .casi-tabellkort tbody td:not([data-etikett]) {
		display: block;
		margin: 0 0 4px;
		padding: 0 0 6px;
		border-bottom: 1px solid var(--casi-line);
		font-weight: 700;
	}
	.casi-recension.casi-recension.casi-recension .casi-tabellkort tbody td:not([data-etikett])::before {
		content: none;
	}
}

/* ---- Smal mobil: faktatabellerna staplas ----
   Under 480 px racker inte tva kolumner. Etiketten Webbplats tog 45 procent och
   webbadressen fick resten, vilket bade brot adressen mitt itu och skot ut hela
   tabellen ur skarmen. Har blir varje rad etikett ovanfor varde i full bredd, sa
   vardet far hela spaltbredden och ingenting behover brytas. */
@media (max-width: 480px) {
	.casi-recension.casi-recension.casi-recension .casi-faktatabell,
	.casi-recension.casi-recension.casi-recension .casi-faktatabell tbody,
	.casi-recension.casi-recension.casi-recension .casi-faktatabell tr,
	.casi-recension.casi-recension.casi-recension .casi-faktatabell th,
	.casi-recension.casi-recension.casi-recension .casi-faktatabell td {
		display: block;
		width: auto;
	}
	.casi-recension.casi-recension.casi-recension .casi-faktatabell tr {
		border-bottom: 1px solid var(--casi-line);
		padding: 9px 0;
	}
	.casi-recension.casi-recension.casi-recension .casi-faktatabell tr:last-child {
		border-bottom: 0;
	}
	.casi-recension.casi-recension.casi-recension .casi-faktatabell th {
		border-bottom: 0;
		padding: 0;
		font-size: 0.88em;
	}
	.casi-recension.casi-recension.casi-recension .casi-faktatabell td {
		border-bottom: 0;
		padding: 2px 0 0;
	}
	/* Snabbkorten laser tva kolumner har i stallet for auto-fit, sa antalet ar
	   kant. Ar antalet brickor udda skulle den sista annars sta ensam pa halva
	   raden med ett tomrum bredvid sig, vilket den gor med sju brickor. Den far
	   i stallet hela bredden. */
	.casi-recension.casi-recension.casi-recension .casi-snabbkort {
		grid-template-columns: repeat(2, 1fr);
	}
	.casi-recension.casi-recension.casi-recension .casi-snabbkort__item:last-child:nth-child(odd) {
		grid-column: 1 / -1;
	}
	/* Alternativkorten hade logga, namn och knapp pa samma rad. Vid 360 px blev
	   bonustexten tre rader och knappen en smal remsa. Knappen laggs pa egen rad
	   i full bredd, vilket ocksa ger en trafftyta som gar att traffa. */
	.casi-recension.casi-recension.casi-recension .casi-alternativ__kort {
		flex-wrap: wrap;
	}
	.casi-recension.casi-recension.casi-recension .casi-alternativ__cta {
		flex: 1 1 100%;
	}
	.casi-recension.casi-recension.casi-recension .casi-alternativ__cta .casi-cta {
		display: block;
		text-align: center;
	}
}

/* =====================================================================
   Topplistor och kort (fas 1.1)
   ===================================================================== */

.casi-topplista.casi-topplista.casi-topplista {
	--casi-accent: var(--accent, var(--casi-bla-2, #173f85));
	--casi-accent-dark: #145e2e;
	--casi-text: var(--contrast, #1a1a1a);
	--casi-muted: #5a5f66;
	--casi-line: #e2e4e8;
	--casi-bg-soft: #f6f7f9;
	--casi-radius: 10px;
	color: var(--casi-text);
}
.casi-topplista.casi-topplista.casi-topplista * { box-sizing: border-box; }

.casi-topplista.casi-topplista.casi-topplista .casi-topplista__head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 8px;
}
.casi-topplista.casi-topplista.casi-topplista .casi-topplista__rubrik {
	margin: 0;
	font-family: 'Sora', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	font-size: 1.65rem;
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: -0.015em;
	color: var(--casi-bla, #00205b);
}
.casi-topplista.casi-topplista.casi-topplista .casi-topplista__uppdaterad {
	margin: 0;
	font-size: 0.85em;
	color: var(--casi-muted);
}
.casi-topplista.casi-topplista.casi-topplista .casi-topplista__uppdaterad--fristaende {
	margin: 0 0 12px;
}
.casi-topplista.casi-topplista.casi-topplista .casi-topplista__beskrivning {
	margin: 6px 0 14px;
	font-size: 0.95em;
	line-height: 1.5;
	color: #46505c;
}
/* Urvalsnot: syns nar fler casinon faller utanfor listan for saknade uppgifter
   an som kommer med, sa lasaren vet vad urvalet bygger pa. */
.casi-topplista.casi-topplista.casi-topplista .casi-topplista__urvalsnot {
	margin: 0 0 14px;
	padding: 10px 12px;
	background: var(--casi-bg-soft);
	border-left: 3px solid var(--casi-line);
	border-radius: 6px;
	font-size: 0.92em;
	color: #46505c;
}
.casi-topplista.casi-topplista.casi-topplista .casi-topplista__andring {
	margin: 14px 0 0;
	padding-top: 10px;
	border-top: 1px solid var(--casi-line, #e2e4e8);
	font-size: 0.85em;
	color: var(--casi-muted);
}
/* Annonsinformation: hopfallbar upplysning ovanfor listorna. Kompakt trigger
   som alltid syns till hoger, full text vid klick. Ren HTML och CSS utan JS
   via native details. Obs: satt inte display pa sjalva details, det slar ut
   webblasarens infallning sa texten skulle synas aven i stangt lage. */
.casi-annonsinfo.casi-annonsinfo {
	margin: 12px 0;
	font-size: 0.85em;
	color: var(--casi-muted, #5a5f66);
	text-align: right;
}
.casi-annonsinfo.casi-annonsinfo > summary {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	cursor: pointer;
	list-style: none;
	color: var(--casi-muted, #5a5f66);
}
.casi-annonsinfo.casi-annonsinfo > summary::-webkit-details-marker { display: none; }
.casi-annonsinfo.casi-annonsinfo > summary:hover { color: var(--casi-text, var(--contrast, #1a1a1a)); text-decoration: underline; }
.casi-annonsinfo.casi-annonsinfo > summary:focus-visible { outline: 2px solid var(--casi-accent, var(--accent, var(--casi-bla-2, #173f85))); outline-offset: 2px; border-radius: 4px; }
.casi-annonsinfo__ikon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 15px;
	height: 15px;
	border: 1px solid currentColor;
	border-radius: 50%;
	font-size: 10px;
	font-weight: 700;
	font-style: normal;
	line-height: 1;
}
.casi-annonsinfo.casi-annonsinfo > .casi-annonsinfo__text {
	margin: 8px 0 0;
	padding: 12px 16px;
	text-align: left;
	background: var(--casi-bg-soft, #f6f7f9);
	border: 1px solid var(--casi-line, #e2e4e8);
	border-radius: var(--casi-radius, 10px);
}
.casi-annonsinfo__text p { margin: 0 0 0.6em; }
.casi-annonsinfo__text p:last-child { margin-bottom: 0; }
.casi-annonsinfo__text a { color: inherit; text-decoration: underline; }

/* Metodvaljare */
.casi-topplista.casi-topplista.casi-topplista .casi-metodvaljare {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 12px 0;
	font-size: 0.9em;
}
.casi-topplista.casi-topplista.casi-topplista .casi-metodvaljare span { color: var(--casi-muted); }
.casi-topplista.casi-topplista.casi-topplista .casi-metodvaljare__val {
	padding: 4px 12px;
	border: 1px solid var(--casi-line);
	border-radius: 999px;
	text-decoration: none;
	color: var(--casi-text);
}
.casi-topplista.casi-topplista.casi-topplista .casi-metodvaljare__val--aktiv {
	background: var(--casi-accent);
	color: #fff;
	border-color: var(--casi-accent);
}

/* Visa fler-knapp (kort och tabell). Navy, sekundar stil, aldrig gron (gront ar CTA). */
.casi-topplista.casi-topplista.casi-topplista .casi-mer {
	margin: 18px 0 2px;
	text-align: center;
}
.casi-topplista.casi-topplista.casi-topplista .casi-mer__knapp {
	-webkit-appearance: none;
	appearance: none;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	cursor: pointer;
	font: inherit;
	font-weight: 600;
	color: var(--casi-bla, #00205b);
	background: #fff;
	border: 1px solid var(--casi-bla, #00205b);
	border-radius: 999px;
	padding: 10px 26px;
	line-height: 1.2;
	transition: background .15s ease, color .15s ease;
}
.casi-topplista.casi-topplista.casi-topplista .casi-mer__knapp:hover {
	background: var(--casi-bla, #00205b);
	color: #fff;
}
.casi-topplista.casi-topplista.casi-topplista .casi-mer__knapp:focus-visible {
	outline: 2px solid var(--casi-bla-3, #2360bf);
	outline-offset: 2px;
}
.casi-topplista.casi-topplista.casi-topplista .casi-mer__kvar {
	font-weight: 500;
	opacity: .75;
}

/* Kortlista (vertikala kort i rutnat, konkurrentstil) */
.casi-topplista.casi-topplista.casi-topplista .casi-kortlista {
	list-style: none;
	margin: 16px 0 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 16px;
}
.casi-topplista.casi-topplista.casi-topplista .casi-kort {
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid var(--casi-line);
	border-radius: 14px;
	box-shadow: 0 1px 3px rgba(19, 49, 92, 0.08);
	overflow: hidden;
}
/* Zonerna ar genomskinliga wrappers i aldre webblasare, sa flexlayouten
   fungerar exakt som forut (CTA trycks till botten via sina egna marginaler). */
.casi-topplista.casi-topplista.casi-topplista .casi-kort__zon { display: contents; }
/* Med subgrid radjusteras kortens zoner mot varandra over hela kortraden:
   logga mot logga, bonus mot bonus, matvarden mot matvarden och CTA mot CTA,
   aven nar innehallsmangden skiljer sig. Antalet rader (13) matchar zonerna
   som kort() renderar. Kortets egen row-gap ersatter listans mellan zonerna. */
@supports (grid-template-rows: subgrid) {
	.casi-topplista.casi-topplista.casi-topplista .casi-kortlista {
		row-gap: 0;
	}
	.casi-topplista.casi-topplista.casi-topplista .casi-kort {
		display: grid;
		grid-template-rows: subgrid;
		grid-row: span 13;
		row-gap: 0;
		margin-bottom: 16px;
	}
	.casi-topplista.casi-topplista.casi-topplista .casi-kort__zon {
		display: block;
		min-width: 0;
	}
}
.casi-topplista.casi-topplista.casi-topplista .casi-kort__topp {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 14px 16px 0;
}
.casi-topplista.casi-topplista.casi-topplista .casi-kort__rank {
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: var(--casi-text);
	color: #fff;
	font-weight: 700;
	font-size: 0.85em;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: none;
}
.casi-topplista.casi-topplista.casi-topplista .casi-kort__betyg {
	display: flex;
	align-items: baseline;
	gap: 1px;
	background: var(--casi-accent);
	color: #fff;
	border-radius: 8px;
	padding: 5px 10px;
}
.casi-topplista.casi-topplista.casi-topplista .casi-kort__betyg .casi-betyg-tal {
	font-size: 1.25em;
	font-weight: 800;
	line-height: 1;
}
.casi-topplista.casi-topplista.casi-topplista .casi-kort__betyg .casi-betyg-max {
	font-size: 0.78em;
	opacity: 0.85;
}
.casi-topplista.casi-topplista.casi-topplista .casi-kort__betyg-et {
	font-size: 0.72em;
	font-weight: 700;
	opacity: 0.9;
	margin-right: 5px;
}
.casi-topplista.casi-topplista.casi-topplista .casi-kort__logga {
	margin: 16px 16px 4px;
	height: 64px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.casi-topplista.casi-topplista.casi-topplista .casi-kort__logga img {
	max-height: 60px;
	width: auto;
	max-width: 82%;
	height: auto;
	border-radius: 6px;
	object-fit: contain;
}
.casi-topplista.casi-topplista.casi-topplista .casi-kort__namn {
	font-weight: 700;
}
.casi-topplista.casi-topplista.casi-topplista .casi-kort__casino {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-height: 64px;
	margin: 16px 16px 4px;
	font-size: 1.2em;
	font-weight: 700;
	color: var(--casi-text);
}
.casi-topplista.casi-topplista.casi-topplista .casi-kort__krok {
	margin: 8px 16px 0;
	font-size: 0.92em;
	color: var(--casi-muted);
}
.casi-topplista.casi-topplista.casi-topplista .casi-kort__bonusbox {
	margin: 10px 16px 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	border: 1px solid var(--casi-line);
	border-radius: 10px;
	overflow: hidden;
}
.casi-topplista.casi-topplista.casi-topplista .casi-kort__bonusbox--singel {
	grid-template-columns: 1fr;
}
.casi-topplista.casi-topplista.casi-topplista .casi-kort__bonusbox--ingen .v {
	color: var(--casi-muted);
	font-weight: 700;
}
.casi-topplista.casi-topplista.casi-topplista .casi-kort__bcell {
	padding: 9px 12px;
}
.casi-topplista.casi-topplista.casi-topplista .casi-kort__bcell + .casi-kort__bcell {
	border-left: 1px solid var(--casi-line);
}
.casi-topplista.casi-topplista.casi-topplista .casi-kort__bcell .et,
.casi-topplista.casi-topplista.casi-topplista .casi-kort__bcell .v,
.casi-topplista.casi-topplista.casi-topplista .casi-kort__bcell .s {
	display: block;
}
.casi-topplista.casi-topplista.casi-topplista .casi-kort__bcell .et {
	font-size: 0.7em;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--casi-muted);
	font-weight: 700;
}
.casi-topplista.casi-topplista.casi-topplista .casi-kort__bcell .v {
	font-size: 1.02em;
	font-weight: 800;
	color: var(--casi-text);
	line-height: 1.25;
}
.casi-topplista.casi-topplista.casi-topplista .casi-kort__bcell .s {
	font-size: 0.78em;
	color: var(--casi-muted);
}
.casi-topplista.casi-topplista.casi-topplista .casi-kort__ev {
	margin: 10px 16px 0;
	padding: 7px 12px;
	background: var(--casi-bg-soft);
	border-radius: 8px;
	font-size: 0.88em;
	color: var(--casi-text);
}
.casi-topplista.casi-topplista.casi-topplista .casi-kort__ev em {
	font-style: normal;
	color: var(--casi-muted);
	margin-right: 4px;
}
.casi-topplista.casi-topplista.casi-topplista .casi-kort__ev b {
	font-weight: 800;
}
.casi-topplista.casi-topplista.casi-topplista .casi-kort__minrutor {
	margin: 8px 16px 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
}
.casi-topplista.casi-topplista.casi-topplista .casi-kort__minruta {
	border: 1px solid var(--casi-line);
	border-radius: 8px;
	padding: 8px 10px;
	display: flex;
	flex-direction: column;
	min-height: 60px;
}
.casi-topplista.casi-topplista.casi-topplista .casi-kort__minruta .et {
	display: block;
	font-size: 0.7em;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--casi-muted);
	font-weight: 700;
}
.casi-topplista.casi-topplista.casi-topplista .casi-kort__minruta .v {
	display: block;
	font-size: 1.02em;
	font-weight: 800;
	color: var(--casi-text);
	margin-top: auto;
}
.casi-topplista.casi-topplista.casi-topplista .casi-kort__fakta {
	margin: 10px 16px 0;
	display: flex;
	flex-direction: column;
	gap: 3px;
}
.casi-topplista.casi-topplista.casi-topplista .casi-kort__fakta-rad {
	font-size: 0.86em;
	color: var(--casi-text);
}
.casi-topplista.casi-topplista.casi-topplista .casi-kort__fakta-rad em {
	font-style: normal;
	color: var(--casi-muted);
	margin-right: 4px;
}
.casi-topplista.casi-topplista.casi-topplista .casi-kort__usp {
	list-style: none;
	margin: 10px 16px 0;
	padding: 0;
}
.casi-topplista.casi-topplista.casi-topplista .casi-kort__usp li {
	position: relative;
	padding: 3px 0 3px 22px;
	font-size: 0.9em;
	color: var(--casi-text);
	line-height: 1.4;
}
.casi-topplista.casi-topplista.casi-topplista .casi-kort__usp li::before {
	content: "\2713";
	position: absolute;
	left: 0;
	top: 3px;
	color: var(--casi-accent);
	font-weight: 800;
}
.casi-topplista.casi-topplista.casi-topplista .casi-kort__betal {
	margin: 10px 16px 0;
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}
.casi-topplista.casi-topplista.casi-topplista .casi-kort__betal span {
	font-size: 0.76em;
	border: 1px solid var(--casi-line);
	border-radius: 6px;
	padding: 2px 8px;
	color: var(--casi-text);
	background: #fff;
}
.casi-topplista.casi-topplista.casi-topplista .casi-kort__ctawrap {
	margin-top: auto;
}
.casi-topplista.casi-topplista.casi-topplista .casi-kort .casi-cta {
	margin: 14px 16px 0;
	width: auto;
}
.casi-topplista.casi-topplista.casi-topplista .casi-kort__recension {
	display: block;
	text-align: center;
	margin: 8px 16px 0;
	font-size: 0.85em;
	color: var(--casi-accent-dark);
	text-decoration: none;
}
.casi-topplista.casi-topplista.casi-topplista .casi-kort__recension:hover {
	text-decoration: underline;
}
.casi-topplista.casi-topplista.casi-topplista .casi-kort__footer {
	margin-top: 12px;
	padding: 10px 16px;
	border-top: 1px solid var(--casi-line);
}
.casi-topplista.casi-topplista.casi-topplista .casi-kort__compliance {
	font-size: 0.74em;
	color: var(--casi-muted);
	margin: 0;
	line-height: 1.45;
}

/* CTA-knapp (delas av kort, tabell och cta-layout) */
.casi-topplista.casi-topplista.casi-topplista .casi-cta {
	display: block;
	background: var(--casi-accent);
	color: #fff;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	padding: 11px 22px;
	border-radius: 8px;
	width: 100%;
}
.casi-topplista.casi-topplista.casi-topplista .casi-cta:hover {
	background: var(--casi-accent-dark);
	color: #fff;
}
.casi-topplista.casi-topplista.casi-topplista .casi-reklam {
	display: block;
	font-size: 0.7em;
	color: var(--casi-muted);
	text-transform: uppercase;
	letter-spacing: 0.04em;
	margin-top: 2px;
}

/* Licens- och bonusdelningsrad (delas av kort, tabell och cta-layout) */
.casi-topplista.casi-topplista.casi-topplista .casi-licensrad {
	display: flex;
	gap: 7px;
	align-items: flex-start;
	margin: 6px 0 0;
	font-size: 0.84em;
	line-height: 1.45;
	color: var(--casi-text);
}
.casi-topplista.casi-topplista.casi-topplista .casi-licensrad::before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	margin-top: 0.4em;
	flex: none;
}
.casi-topplista.casi-topplista.casi-topplista .casi-licensrad--egen::before {
	background: var(--casi-accent);
}
.casi-topplista.casi-topplista.casi-topplista .casi-licensrad--delad::before {
	background: #c8881a;
}
.casi-topplista.casi-topplista.casi-topplista .casi-kort .casi-licensrad {
	margin: 10px 16px 0;
}

/* Recensionslank: casinonamnet pa egen rad */
.casi-topplista.casi-topplista.casi-topplista .casi-recension__namn {
	display: block;
}

.casi-topplista.casi-topplista.casi-topplista .casi-niva {
	display: inline-block;
	font-size: 0.72em;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	padding: 2px 8px;
	border-radius: 999px;
	vertical-align: middle;
}
.casi-topplista.casi-topplista.casi-topplista .casi-niva--testad {
	background: var(--casi-accent);
	color: #fff;
}
.casi-topplista.casi-topplista.casi-topplista .casi-niva--granskad {
	background: #fff8e5;
	color: #7a5b00;
	border: 1px solid #e8c95a;
}

@media (max-width: 480px) {
	.casi-topplista.casi-topplista.casi-topplista .casi-kortlista { grid-template-columns: 1fr; }
}

/* =====================================================================
   Korrigeringslogg (fas 1.2)
   ===================================================================== */

.casi-korrigeringslogg.casi-korrigeringslogg.casi-korrigeringslogg {
	--casi-accent: var(--accent, var(--casi-bla-2, #173f85));
	--casi-muted: #5a5f66;
	--casi-line: #e2e4e8;
	list-style: none;
	margin: 1em 0;
	padding: 0;
}
.casi-korrigeringslogg.casi-korrigeringslogg.casi-korrigeringslogg .casi-korrigeringslogg__rad {
	display: grid;
	grid-template-columns: 110px 1fr;
	gap: 4px 14px;
	padding: 10px 0;
	border-bottom: 1px solid var(--casi-line);
	align-items: baseline;
}
.casi-korrigeringslogg.casi-korrigeringslogg.casi-korrigeringslogg .casi-korrigeringslogg__datum {
	color: var(--casi-muted);
	font-variant-numeric: tabular-nums;
	font-size: 0.9em;
}
.casi-korrigeringslogg.casi-korrigeringslogg.casi-korrigeringslogg .casi-korrigeringslogg__casino {
	font-weight: 600;
	text-decoration: none;
	color: var(--casi-accent);
}
.casi-korrigeringslogg.casi-korrigeringslogg.casi-korrigeringslogg .casi-korrigeringslogg__vad {
	grid-column: 2;
	display: block;
	color: inherit;
}
@media (max-width: 600px) {
	.casi-korrigeringslogg.casi-korrigeringslogg.casi-korrigeringslogg .casi-korrigeringslogg__rad {
		grid-template-columns: 1fr;
	}
	.casi-korrigeringslogg.casi-korrigeringslogg.casi-korrigeringslogg .casi-korrigeringslogg__vad {
		grid-column: 1;
	}
}

/* ===== Topplista: jamforelsetabell (layout="tabell") ===== */
.casi-topplista.casi-topplista.casi-topplista .casi-toptabell--v2 {
	margin: 1.2em 0;
	border: 1px solid var(--casi-line);
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
}
.casi-topplista.casi-topplista.casi-topplista .casi-toptabell--v2 .casi-toptabell__rad {
	padding: 18px 20px;
	border-top: 1px solid #eef0f3;
	background: #fff;
}
.casi-topplista.casi-topplista.casi-topplista .casi-toptabell--v2 .casi-toptabell__rad:first-child {
	border-top: 0;
}
.casi-topplista.casi-topplista.casi-topplista .casi-toptabell--v2 .casi-toptabell__topp {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 24px;
}
.casi-topplista.casi-topplista.casi-topplista .casi-toptabell--v2 .casi-toptabell__compliance {
	text-align: center;
	margin-top: 12px;
}
.casi-topplista.casi-topplista.casi-topplista .casi-toptabell--v2 .casi-toptabell__compliance .casi-kort__compliance {
	margin: 0;
}
.casi-topplista.casi-topplista.casi-topplista .casi-toptabell--v2 .casi-toptabell__disclaimer {
	margin-top: 10px;
}
.casi-topplista.casi-topplista.casi-topplista .casi-toptabell--v2 .casi-toptabell__disclaimer .casi-disclaimer {
	margin: 0;
}
.casi-topplista.casi-topplista.casi-topplista .casi-toptabell--v2 .casi-toptabell__rad--alt {
	background: #f7f8fa;
}
.casi-topplista.casi-topplista.casi-topplista .casi-toptabell--v2 .c-rank {
	flex: 0 0 40px;
	display: flex;
	justify-content: center;
}
.casi-topplista.casi-topplista.casi-topplista .casi-toptabell--v2 .c-casino {
	flex: 0 0 190px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 8px;
}
.casi-topplista.casi-topplista.casi-topplista .casi-toptabell--v2 .c-bonus {
	flex: 1 1 0;
	min-width: 0;
}
.casi-topplista.casi-topplista.casi-topplista .casi-toptabell--v2 .c-cta {
	flex: 0 0 180px;
	display: flex;
	flex-direction: column;
	gap: 6px;
	text-align: center;
}
.casi-topplista.casi-topplista.casi-topplista .casi-toptabell--v2 .c-cta .casi-cta {
	width: 100%;
	box-sizing: border-box;
}
.casi-topplista.casi-topplista.casi-topplista .casi-rank {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	color: #fff;
	font-weight: 700;
	font-size: 0.95em;
	line-height: 1;
}
.casi-topplista.casi-topplista.casi-topplista .casi-rank--guld { background: #efa400; }
.casi-topplista.casi-topplista.casi-topplista .casi-rank--silver { background: #aab0bb; }
.casi-topplista.casi-topplista.casi-topplista .casi-rank--brons { background: #cd7f32; }
.casi-topplista.casi-topplista.casi-topplista .casi-rank--ovrig { background: var(--casi-bla-djup, #001640); }
.casi-topplista.casi-topplista.casi-topplista .casi-toptabell--v2 .casi-toptabell__logga {
	display: block;
}
.casi-topplista.casi-topplista.casi-topplista .casi-toptabell--v2 .casi-toptabell__logga img {
	max-height: 84px;
	max-width: 160px;
	width: auto;
	display: block;
	margin: 0 auto;
}
.casi-topplista.casi-topplista.casi-topplista .casi-toptabell--v2 .casi-toptabell__namn {
	font-weight: 700;
	font-size: 0.95em;
	color: var(--casi-accent-dark);
	text-decoration: none;
}
.casi-topplista.casi-topplista.casi-topplista .casi-toptabell--v2 .casi-toptabell__namn:hover {
	text-decoration: underline;
}
.casi-topplista.casi-topplista.casi-topplista .casi-toptabell--v2 .casi-toptabell__bonus {
	display: block;
	font-weight: 700;
	font-size: 1.02em;
	color: #1a1d22;
}
.casi-topplista.casi-topplista.casi-topplista .casi-toptabell--v2 .casi-toptabell__ev {
	margin: 6px 0 0;
	font-size: 0.92em;
	color: var(--casi-text);
}
.casi-topplista.casi-topplista.casi-topplista .casi-toptabell--v2 .casi-toptabell__ev em {
	font-style: normal;
	color: var(--casi-muted);
}
.casi-topplista.casi-topplista.casi-topplista .casi-toptabell--v2 .casi-toptabell__ev b {
	color: var(--casi-bla, #00205b);
}
.casi-topplista.casi-topplista.casi-topplista .casi-toptabell--v2 .casi-toptabell__fakta {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 16px;
	margin: 8px 0 0;
	font-size: 0.85em;
	color: var(--casi-text);
}
.casi-topplista.casi-topplista.casi-topplista .casi-toptabell--v2 .casi-toptabell__fakta em {
	font-style: normal;
	color: var(--casi-muted);
	margin-right: 4px;
}
.casi-topplista.casi-topplista.casi-topplista .casi-toptabell--v2 .casi-toptabell__usp {
	list-style: none;
	margin: 8px 0 0;
	padding: 0;
}
.casi-topplista.casi-topplista.casi-topplista .casi-toptabell--v2 .casi-toptabell__usp li {
	position: relative;
	padding: 2px 0 2px 22px;
	font-size: 0.88em;
	line-height: 1.4;
	color: var(--casi-text);
}
.casi-topplista.casi-topplista.casi-topplista .casi-toptabell--v2 .casi-toptabell__usp li::before {
	content: "\2713";
	position: absolute;
	left: 0;
	top: 2px;
	color: var(--casi-accent);
	font-weight: 800;
}
.casi-topplista.casi-topplista.casi-topplista .casi-toptabell--v2 .casi-toptabell__betal {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 10px 0 0;
}
.casi-topplista.casi-topplista.casi-topplista .casi-toptabell--v2 .casi-toptabell__betal span {
	font-size: 0.78em;
	padding: 3px 8px;
	border: 1px solid var(--casi-line);
	border-radius: 6px;
	color: var(--casi-muted);
	background: #fff;
}
.casi-topplista.casi-topplista.casi-topplista .casi-toptabell--v2 .casi-kort__compliance {
	font-size: 0.76em;
	color: var(--casi-muted);
	margin: 7px 0 0;
	line-height: 1.5;
}
.casi-topplista.casi-topplista.casi-topplista .casi-toptabell--v2 .casi-kort__compliance a {
	color: var(--casi-muted);
}
.casi-topplista.casi-topplista.casi-topplista .casi-toptabell--v2 .casi-toptabell__recension {
	font-size: 0.85em;
	color: var(--casi-accent-dark);
}
/* Stjarnbetyg i topplistan (samma teknik som heron). */
.casi-topplista.casi-topplista.casi-topplista .casi-stjarnor {
	position: relative;
	display: inline-block;
	font-size: 17px;
	line-height: 1;
}
.casi-topplista.casi-topplista.casi-topplista .casi-stjarnor::before {
	content: "\2605\2605\2605\2605\2605";
	color: #dcdce4;
	letter-spacing: 2px;
}
.casi-topplista.casi-topplista.casi-topplista .casi-stjarnor > span {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	white-space: nowrap;
}
.casi-topplista.casi-topplista.casi-topplista .casi-stjarnor > span::before {
	content: "\2605\2605\2605\2605\2605";
	color: #f5a623;
	letter-spacing: 2px;
}
@media (max-width: 720px) {
	.casi-topplista.casi-topplista.casi-topplista .casi-toptabell--v2 .casi-toptabell__rad {
		padding: 14px;
	}
	.casi-topplista.casi-topplista.casi-topplista .casi-toptabell--v2 .casi-toptabell__topp {
		flex-wrap: wrap;
		gap: 10px;
	}
	.casi-topplista.casi-topplista.casi-topplista .casi-toptabell--v2 .c-rank { flex: 0 0 auto; }
	.casi-topplista.casi-topplista.casi-topplista .casi-toptabell--v2 .c-casino {
		flex: 1 1 auto;
		align-items: flex-start;
		text-align: left;
	}
	.casi-topplista.casi-topplista.casi-topplista .casi-toptabell--v2 .c-bonus { flex: 1 1 100%; }
	.casi-topplista.casi-topplista.casi-topplista .casi-toptabell--v2 .casi-toptabell__matvarden { order: 0; }
	.casi-topplista.casi-topplista.casi-topplista .casi-toptabell--v2 .c-cta { flex: 1 1 100%; }
}

/* ===== Topplista: CTA-boxar (layout="cta") ===== */
.casi-ctalista.casi-ctalista.casi-ctalista { display: flex; flex-direction: column; gap: 12px; margin: 1em 0; }
.casi-ctalista .casi-ctabox {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 16px;
	border: 1px solid var(--casi-line, #e3e3e3);
	border-left: 5px solid var(--casi-accent);
	border-radius: 10px;
	background: var(--casi-card, #fff);
	flex-wrap: wrap;
}
.casi-ctalista .casi-ctabox__logga { flex: 0 0 120px; }
.casi-ctalista .casi-ctabox__logga img { max-width: 120px; height: auto; }
.casi-ctalista .casi-ctabox__mitt { flex: 1 1 240px; display: flex; flex-direction: column; gap: 4px; }
.casi-ctalista .casi-ctabox__titel { font-weight: 700; font-size: 1.1em; text-decoration: none; color: var(--casi-text); }
.casi-ctalista .casi-ctabox__erbj { margin: 2px 0; font-weight: 600; }
.casi-ctalista .casi-ctabox__betyg .casi-betyg-tal { font-weight: 700; }
.casi-ctalista .casi-ctabox__hoger { flex: 0 0 170px; display: flex; flex-direction: column; gap: 6px; text-align: center; }
.casi-ctalista .casi-kort__compliance { font-size: 0.78em; margin: 2px 0 0; }
@media (max-width: 640px) {
	.casi-ctalista .casi-ctabox__hoger { flex-basis: 100%; }
}

/* ============================================================
   Hero (recensionens toppruta) - visuell omarbetning v1.9.0
   Scope med trippelklass for att vinna over temats standardstil.
   ============================================================ */
.casi-recension.casi-recension.casi-recension .casi-hero {
	background: #fff;
	border: 1px solid #e6e6ec;
	border-radius: 14px;
	box-shadow: 0 6px 24px rgba(20, 30, 40, 0.07);
	padding: 22px 24px;
	margin: 0 0 28px;
	overflow: hidden;
}
.casi-recension.casi-recension.casi-recension .casi-hero__top {
	display: flex;
	flex-wrap: wrap;
	gap: 22px;
	align-items: flex-start;
}
.casi-recension.casi-recension.casi-recension .casi-hero__logo {
	flex: 0 0 148px;
	width: 148px;
	height: 110px;
	border-radius: 12px;
	border: 1px solid #ececf1;
	background: #f7f7fa;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.casi-recension.casi-recension.casi-recension .casi-hero__logo img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
}
.casi-recension.casi-recension.casi-recension .casi-hero__mono {
	font-size: 38px;
	font-weight: 800;
	letter-spacing: 1px;
	color: var(--casi-accent);
}
.casi-recension.casi-recension.casi-recension .casi-hero__main {
	flex: 1 1 320px;
	min-width: 260px;
}
.casi-recension.casi-recension.casi-recension .casi-hero__badges {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	margin-bottom: 10px;
}
.casi-recension.casi-recension.casi-recension .casi-hero__rank {
	display: inline-block;
	font-size: 0.78em;
	font-weight: 700;
	padding: 3px 10px;
	border-radius: 999px;
	background: #eef3ff;
	color: #2b4a8b;
}
.casi-recension.casi-recension.casi-recension .casi-hero__rating {
	display: flex;
	align-items: baseline;
	gap: 6px;
	margin: 4px 0 8px;
}
.casi-recension.casi-recension.casi-recension .casi-hero__rating .casi-betyg-tal {
	font-size: 2.6em;
	font-weight: 800;
	line-height: 1;
	color: var(--casi-accent);
}
.casi-recension.casi-recension.casi-recension .casi-hero__rating .casi-betyg-max {
	font-size: 1em;
	color: #b9c0cc;
	font-weight: 600;
}
.casi-recension.casi-recension.casi-recension .casi-stjarnor {
	position: relative;
	display: inline-block;
	font-size: 19px;
	line-height: 1;
	margin-left: 6px;
	align-self: center;
}
.casi-recension.casi-recension.casi-recension .casi-stjarnor::before {
	content: "\2605\2605\2605\2605\2605";
	color: #dcdce4;
	letter-spacing: 2px;
}
.casi-recension.casi-recension.casi-recension .casi-stjarnor > span {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	white-space: nowrap;
}
.casi-recension.casi-recension.casi-recension .casi-stjarnor > span::before {
	content: "\2605\2605\2605\2605\2605";
	color: #f5a623;
	letter-spacing: 2px;
}
.casi-recension.casi-recension.casi-recension .casi-hero__bonus {
	margin: 10px 0;
	font-size: 1.12em;
	line-height: 1.4;
}
.casi-recension.casi-recension.casi-recension .casi-hero__bonus-etikett {
	display: inline-block;
	margin-right: 6px;
	padding: 2px 9px;
	border-radius: 999px;
	background: var(--casi-accent);
	color: #fff;
	font-size: 0.7em;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	vertical-align: middle;
}
.casi-recension.casi-recension.casi-recension .casi-hero__pills {
	list-style: none;
	margin: 12px 0 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.casi-recension.casi-recension.casi-recension .casi-hero__pills li {
	background: var(--casi-bla-tint, #eaf1fa);
	color: #1c5e34;
	border: 1px solid #cfe7d6;
	border-radius: 999px;
	padding: 5px 13px;
	font-size: 0.85em;
	font-weight: 600;
	margin: 0;
}
.casi-recension.casi-recension.casi-recension .casi-hero__pills li::before {
	content: "\2713";
	margin-right: 5px;
	color: var(--casi-accent);
	font-weight: 800;
}
.casi-recension.casi-recension.casi-recension .casi-hero__action {
	flex: 0 0 234px;
	width: 234px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.casi-recension.casi-recension.casi-recension .casi-hero__stat {
	display: flex;
	gap: 10px;
}
.casi-recension.casi-recension.casi-recension .casi-statkort {
	flex: 1;
	text-align: center;
	background: #f7f8fb;
	border: 1px solid #e8e9ef;
	border-radius: 10px;
	padding: 10px 6px;
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.casi-recension.casi-recension.casi-recension .casi-statkort__rubrik {
	font-size: 0.68em;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #5a5f66;
	font-weight: 700;
}
.casi-recension.casi-recension.casi-recension .casi-statkort__varde {
	font-size: 1.12em;
	font-weight: 800;
	color: #1c2330;
}
.casi-recension.casi-recension.casi-recension .casi-statkort__sub {
	font-size: 0.66em;
	color: #5a5f66;
}
.casi-recension.casi-recension.casi-recension .casi-hero__action .casi-cta {
	display: block;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	background: var(--casi-accent);
	color: #fff;
	font-weight: 800;
	font-size: 1.08em;
	padding: 15px 18px;
	border-radius: 10px;
	text-decoration: none;
	box-shadow: 0 4px 14px rgba(26, 122, 60, 0.32);
	transition: background 0.15s ease, transform 0.05s ease;
}
.casi-recension.casi-recension.casi-recension .casi-hero__action .casi-cta:hover {
	background: var(--casi-accent-dark);
}
.casi-recension.casi-recension.casi-recension .casi-hero__action .casi-cta:active {
	transform: translateY(1px);
}
.casi-recension.casi-recension.casi-recension .casi-hero__action .casi-reklam {
	display: block;
	text-align: center;
	font-size: 0.72em;
	color: #9a9aa4;
	margin-top: -4px;
}
.casi-recension.casi-recension.casi-recension .casi-hero__pay {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-top: 18px;
	padding-top: 16px;
	border-top: 1px solid #eef0f3;
}
.casi-recension.casi-recension.casi-recension .casi-hero__pay-rubrik {
	font-size: 0.8em;
	font-weight: 700;
	color: #6a6a76;
	margin-right: 2px;
}
.casi-recension.casi-recension.casi-recension .casi-paychip {
	background: #f1f2f6;
	border: 1px solid #e3e4ea;
	border-radius: 7px;
	padding: 4px 11px;
	font-size: 0.82em;
	font-weight: 600;
	color: #3a3a46;
}
.casi-recension.casi-recension.casi-recension .casi-hero__compliance {
	margin: 12px 0 0;
	font-size: 0.76em;
	line-height: 1.5;
	color: #9a9aa4;
}
.casi-recension.casi-recension.casi-recension .casi-hero__compliance a {
	color: #b9c0cc;
	text-decoration: underline;
}
.casi-recension.casi-recension.casi-recension .casi-hero__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 16px;
	margin-top: 10px;
	font-size: 0.8em;
	color: #7a7a86;
}
.casi-recension.casi-recension.casi-recension .casi-hero__meta a {
	color: var(--casi-accent-dark);
}
@media (max-width: 720px) {
	.casi-recension.casi-recension.casi-recension .casi-hero__top {
		flex-direction: column;
	}
	.casi-recension.casi-recension.casi-recension .casi-hero__logo {
		flex-basis: auto;
		width: 130px;
		height: 96px;
	}
	.casi-recension.casi-recension.casi-recension .casi-hero__action {
		flex-basis: auto;
		width: 100%;
	}
}

/* Disclaimer-text (affiliatens obligatoriska villkorstext vid erbjudanden och i listor) */
.casi-disclaimer,
.casi-recension.casi-recension.casi-recension .casi-disclaimer {
	font-size: 0.78em;
	line-height: 1.55;
	color: #5a5f66;
	background: #f6f6f9;
	border: 1px solid #ededf1;
	border-radius: 8px;
	padding: 9px 13px;
	margin: 10px 0 0;
}
.casi-disclaimer a,
.casi-recension.casi-recension.casi-recension .casi-disclaimer a {
	color: #6f6f7a;
	text-decoration: underline;
}

/* Temats utvalda bild doljs pa recensionssidor - samma logga visas redan i
   heron. Filtret generate_single_featured_image_output tar bort behallaren vid
   kallan; detta ar en sakerhet som dessutom kollapsar ev. tomt mellanrum. */
.single-casino .post-image,
.single-casino .featured-image,
.single-casino .page-header-image-single { display: none !important; }

/* ===========================================================================
   v1.27 komponenter
   - Snabbfakta-kort (Feature 4)
   - Ja/Nej-matris for spelutbud + kontakt (Feature 7)
   - Metodikruta (Feature 2)
   - Motivering per delbetyg (Feature 3)
   - Forfattarruta (Feature 1)
   =========================================================================== */

/* ---- Snabbfakta-kort (Feature 4) ---- */
.casi-recension.casi-recension.casi-recension .casi-snabbkort {
	list-style: none;
	margin: 0 0 18px;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
	gap: 10px;
}
.casi-recension.casi-recension.casi-recension .casi-snabbkort__item {
	background: var(--casi-bg-soft);
	border: 1px solid var(--casi-line);
	border-left: 3px solid #c9ccd2;
	border-radius: var(--casi-radius);
	padding: 10px 12px;
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.casi-recension.casi-recension.casi-recension .casi-snabbkort__label {
	font-size: 0.72em;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: var(--casi-muted);
}
.casi-recension.casi-recension.casi-recension .casi-snabbkort__varde {
	font-size: 1.05em;
	font-weight: 700;
	line-height: 1.25;
}
.casi-recension.casi-recension.casi-recension .casi-snabbkort__sub {
	display: block;
	font-size: 0.7em;
	font-weight: 400;
	color: var(--casi-muted);
}
.casi-recension.casi-recension.casi-recension .casi-snabbkort__item.is-ja {
	border-left-color: var(--casi-accent);
}
.casi-recension.casi-recension.casi-recension .casi-snabbkort__item.is-ja .casi-snabbkort__varde {
	color: var(--casi-accent-dark);
}
.casi-recension.casi-recension.casi-recension .casi-snabbkort__item.is-nej .casi-snabbkort__varde {
	color: var(--casi-muted);
}

/* ---- Ja/Nej-matris (Feature 7) ---- */
.casi-recension.casi-recension.casi-recension .casi-matris {
	margin: 0 0 1em;
}
.casi-recension.casi-recension.casi-recension .casi-matris__lista {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.casi-recension.casi-recension.casi-recension .casi-matris__item {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 13px;
	border-radius: 999px;
	font-size: 0.92em;
	border: 1px solid var(--casi-line);
	background: var(--casi-bg-soft);
}
.casi-recension.casi-recension.casi-recension .casi-matris__item::before {
	content: "";
	width: 10px;
	height: 10px;
	flex: 0 0 10px;
	border-radius: 50%;
	display: inline-block;
	background: #c2c5cc;
}
.casi-recension.casi-recension.casi-recension .casi-matris__item.is-ja::before {
	background: var(--casi-accent);
}
.casi-recension.casi-recension.casi-recension .casi-matris__item.is-nej {
	color: var(--casi-muted);
}
.casi-recension.casi-recension.casi-recension .casi-matris__svar {
	font-weight: 700;
}
.casi-recension.casi-recension.casi-recension .casi-matris__item.is-ja .casi-matris__svar {
	color: var(--casi-accent-dark);
}

/* ---- Metodikruta (Feature 2) ---- */
.casi-recension.casi-recension.casi-recension .casi-metodik {
	border: 1px solid var(--casi-line);
	border-radius: var(--casi-radius);
	background: var(--casi-bg-soft);
	margin: 0 0 1.2em;
}
.casi-recension.casi-recension.casi-recension .casi-metodik > summary {
	cursor: pointer;
	font-weight: 600;
	padding: 12px 16px;
}
.casi-recension.casi-recension.casi-recension .casi-metodik__inner {
	padding: 0 16px 14px;
}
.casi-recension.casi-recension.casi-recension .casi-metodik__inner p {
	margin: 0 0 0.6em;
}
.casi-recension.casi-recension.casi-recension .casi-metodik__lank a {
	color: var(--casi-accent-dark);
	font-weight: 600;
}

/* ---- Motivering per delbetyg (Feature 3) ---- */
.casi-recension.casi-recension.casi-recension .casi-delbetyg__grupp {
	border-bottom: 1px solid var(--casi-line);
}
.casi-recension.casi-recension.casi-recension .casi-delbetyg__grupp .casi-delbetyg__rad {
	border-bottom: 0;
}
.casi-recension.casi-recension.casi-recension .casi-delbetyg__motiv {
	margin: 0 0 9px;
	font-size: 0.9em;
	color: var(--casi-muted);
	line-height: 1.5;
}

/* ---- Forfattarruta (Feature 1) ---- */
.casi-recension.casi-recension.casi-recension .casi-forfattare {
	display: flex;
	gap: 16px;
	align-items: flex-start;
	background: var(--casi-bg-soft);
	border: 1px solid var(--casi-line);
	border-radius: var(--casi-radius);
	padding: 16px 18px;
}
.casi-recension.casi-recension.casi-recension .casi-forfattare__media {
	flex: 0 0 auto;
}
.casi-recension.casi-recension.casi-recension .casi-forfattare__foto {
	width: 72px;
	height: 72px;
	border-radius: 50%;
	object-fit: cover;
	flex: 0 0 72px;
}
.casi-recension.casi-recension.casi-recension .casi-forfattare__text {
	flex: 1 1 auto;
	min-width: 0;
}
.casi-recension.casi-recension.casi-recension .casi-forfattare__namn {
	margin: 0 0 6px;
	font-weight: 700;
	font-size: 1.05em;
}
.casi-recension.casi-recension.casi-recension .casi-forfattare__titel {
	display: block;
	font-weight: 400;
	color: var(--casi-muted);
	font-size: 0.88em;
	margin-top: 1px;
}
.casi-recension.casi-recension.casi-recension .casi-forfattare__expertis {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0 0 9px;
}
.casi-recension.casi-recension.casi-recension .casi-forfattare__tagg {
	font-size: 0.78em;
	background: #fff;
	border: 1px solid var(--casi-line);
	border-radius: 999px;
	padding: 2px 10px;
}
.casi-recension.casi-recension.casi-recension .casi-forfattare__text p {
	margin: 0 0 0.6em;
}
.casi-recension.casi-recension.casi-recension .casi-forfattare__granskad {
	font-size: 0.9em;
	color: var(--casi-muted);
}
.casi-recension.casi-recension.casi-recension .casi-forfattare__namn a,
.casi-recension.casi-recension.casi-recension .casi-forfattare__lank a {
	color: var(--casi-accent-dark);
}
@media (max-width: 600px) {
	.casi-recension.casi-recension.casi-recension .casi-forfattare {
		flex-direction: column;
	}
}

/* ---- Brodtext per faktablock (v1.28) ---- */
.casi-recension.casi-recension.casi-recension .casi-sektionstext {
	margin: 0 0 1em;
}
.casi-recension.casi-recension.casi-recension .casi-sektionstext > :first-child {
	margin-top: 0;
}
.casi-recension.casi-recension.casi-recension .casi-sektionstext > :last-child {
	margin-bottom: 0;
}

/* ---- Vart omdome (v1.29): expertkommentar sist ---- */
.casi-recension.casi-recension.casi-recension .casi-omdome {
	display: flex;
	gap: 16px;
	align-items: flex-start;
	background: var(--casi-bg-soft);
	border-left: 3px solid var(--casi-accent);
	border-radius: 0 var(--casi-radius) var(--casi-radius) 0;
	padding: 16px 18px;
}
.casi-recension.casi-recension.casi-recension .casi-omdome__media {
	flex: 0 0 auto;
	width: 72px;
	text-align: center;
}
.casi-recension.casi-recension.casi-recension .casi-omdome__foto {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	object-fit: cover;
	display: block;
	margin: 0 auto;
}
.casi-recension.casi-recension.casi-recension .casi-omdome__namn {
	display: block;
	font-size: 0.78em;
	margin-top: 6px;
	line-height: 1.3;
}
.casi-recension.casi-recension.casi-recension .casi-omdome__namn a {
	color: var(--casi-accent-dark);
}
.casi-recension.casi-recension.casi-recension .casi-omdome__text {
	flex: 1 1 auto;
	min-width: 0;
}
.casi-recension.casi-recension.casi-recension .casi-omdome__text > :first-child {
	margin-top: 0;
}
.casi-recension.casi-recension.casi-recension .casi-omdome__text > :last-child {
	margin-bottom: 0;
}
@media (max-width: 600px) {
	.casi-recension.casi-recension.casi-recension .casi-omdome {
		flex-direction: column;
	}
	.casi-recension.casi-recension.casi-recension .casi-omdome__media {
		width: auto;
		text-align: left;
		display: flex;
		align-items: center;
		gap: 10px;
	}
	.casi-recension.casi-recension.casi-recension .casi-omdome__foto {
		margin: 0;
	}
	.casi-recension.casi-recension.casi-recension .casi-omdome__namn {
		margin-top: 0;
	}
}

/* ---- Delbetyg per del (v1.30, enradig v1.33): betyg direkt under rubriken ---- */
.casi-recension.casi-recension.casi-recension .casi-delbetyg-block {
	margin: 0.5em 0 1.2em;
	padding: 12px 14px;
	background: var(--casi-bg-soft);
	border-left: 3px solid var(--casi-accent);
	border-radius: 0 var(--casi-radius) var(--casi-radius) 0;
}
.casi-recension.casi-recension.casi-recension .casi-delbetyg-block__betyg {
	margin: 0;
	font-size: 1.05em;
	font-weight: 700;
}
.casi-recension.casi-recension.casi-recension .casi-delbetyg-block__betyg strong {
	color: var(--casi-accent-dark);
}
.casi-recension.casi-recension.casi-recension .casi-delbetyg-block__vikt {
	color: var(--casi-muted);
	font-size: 0.85em;
	font-weight: 400;
}


/* ---- Bilder i sektionstexterna (v1.39) ---- */
.casi-recension.casi-recension.casi-recension .casi-sektionstext img {
	max-width: 100%;
	height: auto;
}
.casi-recension.casi-recension.casi-recension .casi-sektionstext figure {
	margin: 1em 0;
	max-width: 100%;
}
.casi-recension.casi-recension.casi-recension .casi-sektionstext figcaption {
	margin-top: 4px;
	font-size: 0.85em;
	color: var(--casi-muted);
	text-align: center;
}
.casi-recension.casi-recension.casi-recension .casi-sektionstext .aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.casi-recension.casi-recension.casi-recension .casi-sektionstext .alignright {
	float: right;
	margin: 0 0 1em 1.5em;
}
.casi-recension.casi-recension.casi-recension .casi-sektionstext .alignleft {
	float: left;
	margin: 0 1.5em 1em 0;
}

/* --- Publik licenshavarlista (casi_licenshavare) --- */
.casi-lhnytt{background:#f0f6ff;border:1px solid var(--casi-bla-tint-2, #cfdcf0);border-radius:10px;padding:14px 18px;margin:0 0 1.2em;color:#2b333d}
.casi-lhnytt__rubrik{font-weight:700;color:var(--casi-bla, #00205b);margin:0 0 .5em;font-size:1.05rem}
.casi-lhnytt__grupp{font-weight:600;color:var(--casi-bla, #00205b);margin:.6em 0 .2em}
.casi-lhnytt ul{margin:0;padding-left:1.2em}
.casi-lhnytt li{margin:.15em 0}
.casi-lhnytt__datum{color:#5a5f66;font-size:.9em}
.casi-licenshavare{margin:1.8em 0}
.casi-licenshavare .casi-licenshavare__topp{margin:0 0 1.2em}
.casi-licenshavare .casi-licenshavare__uppdaterad{font-size:.85rem;color:#5a5f66;margin:0 0 .3em}
.casi-licenshavare .casi-licenshavare__kalla{font-size:.92rem;color:#2b333d;margin:0;line-height:1.55}
.casi-licenshavare .casi-licenshavare__verktyg{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:0 0 1.2em}
.casi-licenshavare .casi-licenshavare__sok{flex:1 1 240px;min-width:180px;font-size:.95rem;color:#1a1a1a;background:#fff;border:1px solid #e2e4e8;border-radius:9px;padding:9px 13px}
.casi-licenshavare .casi-licenshavare__sok:focus{outline:2px solid var(--casi-bla-3, #2360bf);outline-offset:1px;border-color:var(--casi-bla-3, #2360bf)}
.casi-licenshavare .casi-licenshavare__antal{font-size:.85rem;color:#5a5f66;margin:0;white-space:nowrap}
.casi-licenshavare .casi-licenshavare__lista{display:grid;grid-template-columns:1fr 1fr;gap:14px;list-style:none;margin:0;padding:0}
.casi-licenshavare.casi-licenshavare--en .casi-licenshavare__lista{grid-template-columns:1fr}
@media(max-width:600px){.casi-licenshavare .casi-licenshavare__lista{grid-template-columns:1fr}}
.casi-licenshavare .casi-licenshavare__kort{background:#f6f7f9;border:1px solid #e2e4e8;border-radius:10px;padding:16px 18px}
.casi-licenshavare .casi-licenshavare__bolag{margin:0 0 .5em;color:var(--casi-bla, #00205b);font-weight:600;font-size:1.12rem;line-height:1.3}
.casi-licenshavare .casi-licenshavare__meta{margin:0 0 .6em;font-size:.84rem;color:#5a5f66}
.casi-licenshavare .casi-licenshavare__domaner{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 8px}
.casi-licenshavare .casi-licenshavare__domaner li{font-size:.9rem;color:#2b333d;background:#fff;border:1px solid #e2e4e8;border-radius:6px;padding:3px 9px}
.casi-licenshavare .casi-licenshavare__ingen,.casi-licenshavare .casi-licenshavare__tom{margin:1em 0;color:#5a5f66;font-size:.95rem}

/* ------------------------------------------------------------------ */
/* RTP-kollen (recension): tidsatt test av casinots RTP-versioner.    */
/* Sammanfattning, spelkort med versionsmarkering, historik, metod.   */
/* ------------------------------------------------------------------ */
/* Sammanfattningen: automatiskt skriven ur matdatan, star som ingress over
   datarutan sa lasaren far slutsatsen fore siffrorna. */
.casi-rtpkoll__sammanfattning {
	margin: 0 0 4px;
	padding-left: 14px;
	border-left: 3px solid var(--casi-accent);
	font-size: 1.02em;
	line-height: 1.6;
}
.casi-rtpkoll {
	border: 1px solid #e2e4e8;
	border-radius: 10px;
	overflow: hidden;
	margin: 14px 0 0;
}
.casi-rtpkoll__topp {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	align-items: center;
	justify-content: space-between;
	padding: 18px 20px;
	background: var(--casi-bla-tint, #eaf1fa);
	border-bottom: 1px solid #e2e4e8;
}
.casi-rtpkoll__etikett {
	display: block;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #5a5f66;
}
.casi-rtpkoll__varde {
	display: block;
	font-size: 34px;
	font-weight: 800;
	color: var(--casi-bla, #00205b);
	line-height: 1.15;
}
.casi-rtpkoll__datum {
	display: block;
	font-size: 13px;
	color: #5a5f66;
}
.casi-rtpkoll__snitt {
	text-align: right;
}
.casi-rtpkoll__badge {
	display: inline-block;
	padding: 4px 10px;
	border-radius: 999px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
}
.casi-rtpkoll__badge--snabb {
	background: #2e7d46;
}
.casi-rtpkoll__badge--langsam {
	background: #b32d2e;
}
.casi-rtpkoll__snittext {
	display: block;
	margin-top: 6px;
	font-size: 13px;
	color: #5a5f66;
}
.casi-rtpkoll__spel {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
	padding: 18px 20px;
}
.casi-rtpkoll__kort {
	border: 1px solid #e2e4e8;
	border-radius: 10px;
	padding: 14px 14px 12px;
	background: #fff;
}
.casi-rtpkoll__spelnamn {
	display: block;
	font-weight: 700;
	color: var(--casi-bla, #00205b);
}
.casi-rtpkoll__lev {
	display: block;
	font-size: 12px;
	color: #5a5f66;
	margin-bottom: 8px;
}
.casi-rtpkoll__rtpetikett {
	display: block;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #5a5f66;
}
.casi-rtpkoll__rtp {
	display: block;
	font-size: 22px;
	font-weight: 800;
	color: #1a1d22;
	line-height: 1.2;
	margin-bottom: 8px;
}
.casi-rtpkoll__version {
	display: inline-block;
	padding: 3px 9px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 700;
}
.casi-rtpkoll__version--hogsta {
	background: #e7eef8;
	color: #145e2e;
}
.casi-rtpkoll__version--sankt {
	background: #fbeaea;
	color: #b32d2e;
}
.casi-rtpkoll__varianter {
	display: block;
	margin-top: 10px;
	font-size: 11px;
	color: #5a5f66;
	line-height: 1.4;
}
.casi-rtpkoll__historik {
	padding: 4px 20px 16px;
}
.casi-rtpkoll__h {
	margin: 0 0 8px;
	font-weight: 700;
	color: var(--casi-bla, #00205b);
}
.casi-rtpkoll__historik ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.casi-rtpkoll__historik li {
	position: relative;
	padding: 6px 0 6px 26px;
	border-bottom: 1px solid #f6f7f9;
	font-size: 15px;
}
.casi-rtpkoll__historik li:last-child {
	border-bottom: 0;
}
.casi-rtpkoll__historik li::before {
	content: "\2713";
	position: absolute;
	left: 2px;
	top: 6px;
	color: #2e7d46;
	font-weight: 800;
}
.casi-rtpkoll__historik li b {
	color: var(--casi-bla, #00205b);
}
.casi-rtpkoll__not {
	display: block;
	font-size: 12px;
	color: #5a5f66;
}
.casi-rtpkoll__metod {
	margin: 0 20px 20px;
	background: #f6f7f9;
	border: 1px solid #e2e4e8;
	border-radius: 10px;
	padding: 14px 16px;
}
.casi-rtpkoll__metod h3 {
	margin: 0 0 6px;
	font-size: 16px;
	color: var(--casi-bla, #00205b);
}
.casi-rtpkoll__metod p {
	margin: 0 0 8px;
	font-size: 14px;
}
.casi-rtpkoll__metod p:last-child {
	margin-bottom: 0;
	font-size: 12.5px;
	color: #5a5f66;
}
@media (max-width: 640px) {
	.casi-rtpkoll__spel {
		grid-template-columns: 1fr;
	}
	.casi-rtpkoll__topp {
		flex-direction: column;
		align-items: flex-start;
	}
	.casi-rtpkoll__snitt {
		text-align: left;
	}
}

/* ------------------------------------------------------------------ */
/* Videorecension (YouTube) i recensionen: responsiv 16:9-inbaddning. */
/* ------------------------------------------------------------------ */
.casi-sektion--video .casi-video {
	position: relative;
	aspect-ratio: 16 / 9;
	border: 1px solid #e2e4e8;
	border-radius: 10px;
	overflow: hidden;
	background: #000;
}
.casi-sektion--video .casi-video iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* ------------------------------------------------------------------ */
/* RTP-topplistan (casi_rtp_kollen_topp): casinon rankade efter        */
/* uppmatt snitt-RTP. Polerad layout: gron CTA-knapp, pill-jmf,         */
/* jamn casinocell och radhover.                                        */
/* ------------------------------------------------------------------ */
.casi-rtptopp__info {
	background: #f0f6ff;
	border: 1px solid var(--casi-bla-tint-2, #cfdcf0);
	border-radius: 10px;
	padding: 14px 18px;
	margin: 18px 0;
	color: #2b333d;
}
.casi-rtptopp__info p { margin: 0 0 0.5em; }
.casi-rtptopp__info p:last-child { margin-bottom: 0; }
.casi-rtptopp__info strong { color: var(--casi-bla, #00205b); }
.casi-rtptopp {
	border: 1px solid #e2e4e8;
	border-radius: 12px;
	overflow: hidden;
	margin: 18px 0;
	box-shadow: 0 1px 3px rgba(19, 49, 92, 0.06);
}
.casi-rtptopp__head,
.casi-rtptopp__rad {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 16px 20px;
}
.casi-rtptopp__head {
	background: var(--casi-bla, #00205b);
	color: #fff;
	font-weight: 700;
	font-size: 0.78rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}
.casi-rtptopp__rad {
	border-top: 1px solid #eef0f3;
	transition: background 0.15s ease;
}
.casi-rtptopp__rad:nth-child(even) {
	background: #fafbfc;
}
.casi-rtptopp__rad:hover {
	background: var(--casi-bla-tint, #eaf1fa);
}
.casi-rtptopp .c-rank {
	flex: 0 0 44px;
	text-align: center;
}
.casi-rtptopp .c-casino {
	flex: 1 1 210px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 64px;
	text-align: center;
}
.casi-rtptopp .c-rtp {
	flex: 0 0 180px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
}
.casi-rtptopp .c-cta {
	flex: 0 0 172px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.casi-rtptopp__rankmarke {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: var(--casi-bla, #00205b);
	color: #fff;
	font-weight: 800;
	font-size: 0.95rem;
	box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.25);
}
.casi-rtptopp__rankmarke--guld {
	background: linear-gradient(180deg, #f2d666, #d9b544);
	color: #5a4500;
}
.casi-rtptopp__rankmarke--silver {
	background: linear-gradient(180deg, #dfe2e7, #c2c7cf);
	color: #33383f;
}
.casi-rtptopp__rankmarke--brons {
	background: linear-gradient(180deg, #e3aca4, #cd8b5a);
	color: #4a2c12;
}
.casi-rtptopp__logga img {
	max-height: 52px;
	max-width: 148px;
	width: auto;
	display: block;
	margin: 0 auto;
}
.casi-rtptopp__namn {
	font-size: 1.05rem;
	font-weight: 800;
	color: var(--casi-bla, #00205b);
	text-decoration: none;
}
.casi-rtptopp__namn:hover {
	text-decoration: underline;
}
.casi-rtptopp__varde {
	font-size: 1.6rem;
	font-weight: 800;
	color: var(--casi-bla, #00205b);
	line-height: 1.05;
}
.casi-rtptopp__jmf {
	display: inline-block;
	padding: 2px 9px;
	border-radius: 999px;
	font-size: 0.74rem;
	font-weight: 700;
	background: #eef0f3;
	color: #5a5f66;
}
.casi-rtptopp__jmf--over {
	background: #e7eef8;
	color: #145e2e;
}
.casi-rtptopp__jmf--under {
	background: #fbeaea;
	color: #a5292a;
}
.casi-rtptopp__jmf--over::before {
	content: "\25B2\00a0";
	font-size: 0.72em;
	vertical-align: middle;
}
.casi-rtptopp__jmf--under::before {
	content: "\25BC\00a0";
	font-size: 0.72em;
	vertical-align: middle;
}
.casi-rtptopp__antal {
	font-size: 0.72rem;
	color: #7a7f86;
}
.casi-rtptopp .casi-cta,
.casi-rtptopp-pall .casi-cta {
	display: block;
	background: var(--casi-rod, #ba0c2f);
	color: #fff;
	font-weight: 700;
	font-size: 0.9rem;
	text-align: center;
	text-decoration: none;
	padding: 10px 14px;
	border-radius: 8px;
	transition: background 0.15s ease;
}
.casi-rtptopp .casi-cta:hover,
.casi-rtptopp-pall .casi-cta:hover {
	background: #145e2e;
}
.casi-rtptopp__recension {
	font-size: 0.82rem;
	color: var(--casi-bla-2, #173f85);
	text-align: center;
	text-decoration: none;
}
.casi-rtptopp__recension:hover {
	text-decoration: underline;
}
.casi-rtptopp__not {
	font-size: 0.8rem;
	color: #5a5f66;
	margin: 10px 2px 0;
}
@media (max-width: 640px) {
	.casi-rtptopp__head {
		display: none;
	}
	.casi-rtptopp__rad {
		flex-wrap: wrap;
		gap: 12px;
		padding: 14px;
	}
	.casi-rtptopp .c-casino {
		flex: 1 1 auto;
		align-items: flex-start;
		text-align: left;
		min-height: 0;
	}
	.casi-rtptopp .c-rtp {
		flex: 1 1 100%;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		gap: 8px;
	}
	.casi-rtptopp .c-cta {
		flex: 1 1 100%;
	}
}

/* ------------------------------------------------------------------ */
/* RTP-topplistan: pall for topp tre ovanfor tabellen.                 */
/* ------------------------------------------------------------------ */
.casi-rtptopp-pall {
	display: flex;
	gap: 14px;
	align-items: stretch;
	margin: 18px 0;
}
.casi-rtptopp-pall__kort {
	flex: 1 1 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	text-align: center;
	background: #fff;
	border: 1px solid #e2e4e8;
	border-radius: 12px;
	padding: 20px 16px;
	box-shadow: 0 1px 3px rgba(19, 49, 92, 0.06);
}
.casi-rtptopp-pall__kort--1 {
	order: 2;
	border-color: #e6c14d;
	box-shadow: 0 8px 24px rgba(217, 181, 68, 0.28);
	transform: translateY(-10px);
}
.casi-rtptopp-pall__kort--2 {
	order: 1;
}
.casi-rtptopp-pall__kort--3 {
	order: 3;
}
.casi-rtptopp-pall__ident {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	min-height: 58px;
	justify-content: center;
}
.casi-rtptopp-pall__logga img {
	max-height: 48px;
	max-width: 132px;
	width: auto;
	display: block;
	margin: 0 auto;
}
.casi-rtptopp-pall__namn {
	font-size: 1.08rem;
	font-weight: 800;
	color: var(--casi-bla, #00205b);
	text-decoration: none;
}
.casi-rtptopp-pall__namn:hover {
	text-decoration: underline;
}
.casi-rtptopp-pall__rtp {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
}
.casi-rtptopp-pall__kort--1 .casi-rtptopp__varde {
	font-size: 1.9rem;
}
.casi-rtptopp-pall__cta {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-top: auto;
}

/* ------------------------------------------------------------------ */
/* Scrollbar tabell for brodtext (t.ex. spel med hogst RTP) pa mobil.   */
/* Sjalvbarande stil sa den ser bra ut aven utan temats tabellregler.  */
/* ------------------------------------------------------------------ */
.casi-tabellskroll {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin: 16px 0;
	border: 1px solid #e2e4e8;
	border-radius: 10px;
}
.casi-tabellskroll table {
	width: 100%;
	border-collapse: collapse;
	margin: 0;
}
.casi-tabellskroll th,
.casi-tabellskroll td {
	padding: 12px 16px;
	text-align: left;
	border-bottom: 1px solid #eef0f3;
	white-space: nowrap;
}
.casi-tabellskroll thead th {
	background: var(--casi-bla, #00205b);
	color: #fff;
	font-size: 0.85rem;
}
.casi-tabellskroll tbody tr:nth-child(even) {
	background: #fafbfc;
}
.casi-tabellskroll tbody tr:last-child td {
	border-bottom: 0;
}

@media (max-width: 640px) {
	.casi-rtptopp-pall {
		flex-direction: column;
	}
	.casi-rtptopp-pall__kort--1,
	.casi-rtptopp-pall__kort--2,
	.casi-rtptopp-pall__kort--3 {
		order: 0;
		transform: none;
	}
	.casi-rtptopp-pall__ident {
		min-height: 0;
	}
}

/* ------------------------------------------------------------------ */
/* Topplista: pall for topp tre (tillval pall="1" pa kort-layouten).    */
/* Aterbruker korten, lyfter etta till mitten och guld, silver, brons. */
/* ------------------------------------------------------------------ */
.casi-topplista.casi-topplista.casi-topplista .casi-topplista-pall {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: start;
}
.casi-topplista.casi-topplista.casi-topplista .casi-topplista-pall .casi-kort:nth-child(1) {
	order: 2;
	border-color: #e6c14d;
	box-shadow: 0 8px 24px rgba(217, 181, 68, 0.25);
	transform: translateY(-10px);
}
.casi-topplista.casi-topplista.casi-topplista .casi-topplista-pall .casi-kort:nth-child(2) {
	order: 1;
}
.casi-topplista.casi-topplista.casi-topplista .casi-topplista-pall .casi-kort:nth-child(3) {
	order: 3;
}
.casi-topplista.casi-topplista.casi-topplista .casi-topplista-pall .casi-kort:nth-child(1) .casi-kort__rank {
	background: linear-gradient(180deg, #f2d666, #d9b544);
	color: #5a4500;
}
.casi-topplista.casi-topplista.casi-topplista .casi-topplista-pall .casi-kort:nth-child(2) .casi-kort__rank {
	background: linear-gradient(180deg, #dfe2e7, #c2c7cf);
	color: #33383f;
}
.casi-topplista.casi-topplista.casi-topplista .casi-topplista-pall .casi-kort:nth-child(3) .casi-kort__rank {
	background: linear-gradient(180deg, #e3aca4, #cd8b5a);
	color: #4a2c12;
}

/* ------------------------------------------------------------------ */
/* Mobil: pallen staplas, samt storre och centrerade loggor i alla     */
/* listor. Loggorna forstoras dar de annars ar sma (kort och RTP).     */
/* ------------------------------------------------------------------ */
@media (max-width: 720px) {
	.casi-topplista.casi-topplista.casi-topplista .casi-topplista-pall {
		grid-template-columns: 1fr;
	}
	.casi-topplista.casi-topplista.casi-topplista .casi-topplista-pall .casi-kort:nth-child(1),
	.casi-topplista.casi-topplista.casi-topplista .casi-topplista-pall .casi-kort:nth-child(2),
	.casi-topplista.casi-topplista.casi-topplista .casi-topplista-pall .casi-kort:nth-child(3) {
		order: 0;
		transform: none;
	}
	.casi-topplista.casi-topplista.casi-topplista .casi-toptabell--v2 .c-casino,
	.casi-rtptopp .c-casino {
		align-items: center;
		text-align: center;
	}
	.casi-topplista.casi-topplista.casi-topplista .casi-kort__logga {
		height: auto;
	}
	.casi-topplista.casi-topplista.casi-topplista .casi-kort__logga img {
		max-height: 80px;
	}
	.casi-rtptopp__logga img {
		max-height: 80px;
	}
	.casi-rtptopp-pall__logga img {
		max-height: 72px;
	}
}

/* Samarbetsstatus i listor: casinon utan affiliatesamarbete. Neutrala farger
   (gront ar reserverat for CTA). Aktivt utan samarbete = barnstenston, ej aktivt = gratt. */
.casi-status { display: inline-block; font-size: 0.72rem; font-weight: 600; line-height: 1.5; padding: 2px 9px; border-radius: 20px; margin-top: 4px; }
.casi-status--utan { color: #8a5a00; background: #fdf1d6; border: 1px solid #f2dca6; }
.casi-status--ej { color: #5a6472; background: #eef1f5; border: 1px solid #dbe1ea; }

/* Unika matvarden. I kortlayouten som rader (etikett: varde), i tabellens
   statistikbard som celler med etikett over och fetstilt varde under. */
.casi-matvarden { list-style: none; margin: 10px 0; padding: 0; display: grid; grid-template-columns: 1fr; gap: 4px 22px; }
.casi-matvarden li { font-size: 0.9rem; line-height: 1.45; color: #33404f; }
.casi-matvarden__et { color: #55606e; }
.casi-matvarden__et::after { content: ":"; }
.casi-matvarden b { color: var(--casi-bla, #00205b); font-variant-numeric: tabular-nums; }
/* Tillgangliga spelkategorier som chips. */
.casi-kort__kategorier { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0; }
.casi-kort__kat { font-size: 0.74rem; font-weight: 600; color: var(--casi-bla-2, #173f85); background: #eaf1fb; border: 1px solid #d3e2f6; border-radius: 20px; padding: 2px 10px; }

/* Matvardesblocket i tabell-layouten: egen rad i full bredd, bredare rutnat. */
/* Statistikbard i tabellen: ljus platta med likadana celler. Etiketten star
   over vardet sa alla falt far samma visuella sprak. */
.casi-toptabell__matvarden {
	flex: 1 1 100%;
	order: 9;
	padding: 12px 16px;
	background: #f6f8fb;
	border: 1px solid #eef1f5;
	border-radius: 10px;
}
.casi-toptabell__matvarden .casi-matvarden {
	margin: 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
	gap: 10px 20px;
}
.casi-toptabell__matvarden .casi-matvarden li { line-height: 1.35; }
/* Lang formulering far ta tva kolumner i rutnatet, sa den inte bryts mitt itu
   och drar upp hojden pa hela raden. Faller tillbaka till en kolumn sa fort
   rutnatet bara har en, alltsa pa smal skarm. */
.casi-toptabell__matvarden .casi-matvarden li.casi-matvarden__bred { grid-column: span 2; }
.casi-toptabell__matvarden .casi-matvarden__et {
	display: block;
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #55606e;
	margin-bottom: 2px;
}
.casi-toptabell__matvarden .casi-matvarden__et::after { content: ""; }
.casi-toptabell__matvarden .casi-matvarden b {
	display: block;
	font-size: 1.02rem;
	font-weight: 700;
}
/* Kategorichips i casino-kolumnen: sma, centrerade och diskreta. */
.casi-toptabell--v2 .c-casino .casi-kort__kategorier { justify-content: center; margin: 2px 0 0; gap: 5px; }
.casi-toptabell--v2 .c-casino .casi-kort__kat { font-size: 0.68rem; padding: 2px 8px; }

/* Licensnytt: senaste forandringarna i licensregistret. */
.casi-licensnytt { margin: 12px 0 1.5em; }
.casi-licensnytt__grupp { color: var(--casi-bla, #00205b); font-weight: 600; font-size: 1.05rem; margin: 14px 0 6px; }
.casi-licensnytt__lista { list-style: disc; margin: 0 0 10px 1.2em; padding: 0; }
.casi-licensnytt__lista li { margin: 4px 0; color: #2b333d; }
.casi-licensnytt__lista b { color: var(--casi-bla, #00205b); }
.casi-licensnytt__datum { color: #55606e; font-size: 0.9em; }
.casi-licensnytt__tom { color: #5a5f66; }

/* Notisflode: korta nyhetsnotiser om casinon (startsida och per casino). */
.casi-notiser { --casi-accent: var(--accent, var(--casi-bla-2, #173f85)); --casi-accent-dark: #145e2e; display: flex; flex-direction: column; gap: 14px; margin: 14px 0 1.6em; }
.casi-notis { display: flex; gap: 16px; padding: 16px; background: #fff; border: 1px solid var(--casi-line, #e2e4e8); border-radius: 12px; box-shadow: 0 1px 3px rgba(19, 49, 92, 0.08); }
.casi-notis__logga { flex: 0 0 104px; display: flex; align-items: center; justify-content: center; }
.casi-notis__logga img { max-width: 104px; max-height: 72px; width: auto; height: auto; border-radius: 8px; }
.casi-notis__kropp { flex: 1 1 auto; min-width: 0; }
.casi-notis__topp { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; margin-bottom: 4px; }
.casi-notis__datum { color: #55606e; font-size: 0.82rem; font-weight: 600; }
.casi-notis__casino { color: var(--casi-bla, #00205b); font-weight: 700; font-size: 1rem; }
.casi-notis__text { margin: 0 0 10px; color: #2b333d; line-height: 1.5; }
.casi-notis__actions { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.casi-notis__recension { color: var(--casi-bla-3, #2360bf); font-weight: 600; text-decoration: none; }
.casi-notis__recension:hover { text-decoration: underline; }
.casi-notiser .casi-notis__actions .casi-cta {
	display: inline-block;
	background: var(--casi-accent);
	color: #fff;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	padding: 10px 20px;
	border-radius: 8px;
}
.casi-notiser .casi-notis__actions .casi-cta:hover,
.casi-notiser .casi-notis__actions .casi-cta:focus {
	background: var(--casi-accent-dark);
	color: #fff;
}
.casi-notis__compliance { margin-top: 8px; font-size: 0.72rem; color: #55606e; }
/* Enkelt lage inne pa casinot: ingen logga eller knapp, bara datum och text. */
.casi-notiser--enkel .casi-notis { padding: 12px 14px; gap: 0; }

@media (max-width: 560px) {
	.casi-notis { flex-direction: column; gap: 10px; }
	.casi-notis__logga { flex: 0 0 auto; justify-content: center; }
	.casi-notis__logga img { max-width: 160px; max-height: 90px; }
	.casi-notis__actions { gap: 10px; }
}

/* Uttagsgraf (1.122.0): staplar som jamfor casinots uttagstid mot sajtsnittet. */
.casi-recension.casi-recension.casi-recension .casi-uttagsgraf {
	margin: 0 0 18px;
	padding: 16px 18px;
	background: #f6f7f9;
	border: 1px solid #e2e4e8;
	border-radius: 10px;
}
.casi-recension.casi-recension.casi-recension .casi-uttagsgraf__topp {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 12px;
}
.casi-recension.casi-recension.casi-recension .casi-uttagsgraf__rubrik {
	font-weight: 700;
	color: var(--casi-bla, #00205b);
}
.casi-recension.casi-recension.casi-recension .casi-uttagsgraf__badge {
	display: inline-block;
	padding: 4px 10px;
	border-radius: 999px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
}
.casi-recension.casi-recension.casi-recension .casi-uttagsgraf__badge--snabb {
	background: #2e7d46;
}
.casi-recension.casi-recension.casi-recension .casi-uttagsgraf__badge--langsam {
	background: #b32d2e;
}
.casi-recension.casi-recension.casi-recension .casi-uttagsgraf__rad {
	display: grid;
	grid-template-columns: minmax(0, 230px) minmax(0, 1fr) 84px;
	gap: 10px;
	align-items: center;
	padding: 5px 0;
}
.casi-recension.casi-recension.casi-recension .casi-uttagsgraf__etikett {
	font-size: 13.5px;
	color: #2b333d;
	min-width: 0;
}
.casi-recension.casi-recension.casi-recension .casi-uttagsgraf__spar {
	display: block;
	height: 14px;
	background: #e2e4e8;
	border-radius: 999px;
	overflow: hidden;
	min-width: 0;
}
.casi-recension.casi-recension.casi-recension .casi-uttagsgraf__fyll {
	display: block;
	height: 100%;
	border-radius: 999px;
}
.casi-recension.casi-recension.casi-recension .casi-uttagsgraf__fyll--casino {
	background: linear-gradient(90deg, var(--casi-bla-3, #2360bf), var(--casi-bla-2, #173f85));
}
.casi-recension.casi-recension.casi-recension .casi-uttagsgraf__fyll--snitt {
	background: #8a94a4;
}
.casi-recension.casi-recension.casi-recension .casi-uttagsgraf__varde {
	font-size: 13.5px;
	font-weight: 700;
	color: var(--casi-bla, #00205b);
	text-align: right;
	white-space: nowrap;
}
.casi-recension.casi-recension.casi-recension .casi-uttagsgraf__not {
	margin: 10px 0 0;
	font-size: 12px;
	color: #5a5f66;
}
@media (max-width: 560px) {
	.casi-recension.casi-recension.casi-recension .casi-uttagsgraf__rad {
		grid-template-columns: minmax(0, 1fr) 74px;
	}
	.casi-recension.casi-recension.casi-recension .casi-uttagsgraf__etikett {
		grid-column: 1 / -1;
		padding-top: 4px;
	}
}

/* RTP-graf i RTP-kollen (1.122.0): uppmatt varde mot publicerade versioner. */
.casi-rtpgraf {
	padding: 4px 20px 16px;
}
.casi-rtpgraf__intro {
	margin: 0 0 12px;
	font-size: 13px;
	color: #5a5f66;
}
.casi-rtpgraf__rad {
	padding: 8px 0;
	border-bottom: 1px solid #f6f7f9;
}
.casi-rtpgraf__rad:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}
.casi-rtpgraf__namnrad {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	margin: 0 0 6px;
}
.casi-rtpgraf__namn {
	font-weight: 700;
	color: var(--casi-bla, #00205b);
	min-width: 0;
}
.casi-rtpgraf__varde {
	margin-left: auto;
	font-weight: 700;
	color: var(--casi-bla, #00205b);
	white-space: nowrap;
}
.casi-rtpgraf__spar {
	display: block;
	height: 12px;
	background: #e2e4e8;
	border-radius: 999px;
	overflow: hidden;
}
.casi-rtpgraf__fyll {
	display: block;
	height: 100%;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--casi-bla-3, #2360bf), var(--casi-bla-2, #173f85));
}
.casi-rtpgraf__fyll--hogsta {
	background: #2e7d46;
}
.casi-rtpgraf__fyll--sankt {
	background: #b32d2e;
}
.casi-rtpgraf__spann {
	display: block;
	margin-top: 5px;
	font-size: 12px;
	color: #5a5f66;
}

/* Statistikblock for listsidorna (1.123.0): statkort, staplar och andel. */
.casi-statband {
	margin: 1.4em 0;
	padding: 18px 20px;
	background: #ffffff;
	border: 1px solid #e2e4e8;
	border-radius: 12px;
}
.casi-statband__kort {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	gap: 12px;
}
.casi-stat {
	background: var(--casi-bla-tint, #eaf1fa);
	border: 1px solid #e2e4e8;
	border-radius: 10px;
	padding: 14px 16px;
	min-width: 0;
}
.casi-stat__varde {
	display: block;
	font-family: 'Sora', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	font-size: 24px;
	font-weight: 800;
	color: var(--casi-bla, #00205b);
	line-height: 1.2;
	overflow-wrap: break-word;
}
.casi-stat__etikett {
	display: block;
	margin-top: 4px;
	font-size: 13px;
	font-weight: 700;
	color: var(--casi-bla, #00205b);
	line-height: 1.35;
}
.casi-stat__sub {
	display: block;
	margin-top: 2px;
	font-size: 12px;
	color: #5a5f66;
}
.casi-statband__staplar {
	margin: 2px 0;
}
.casi-statstapel {
	display: grid;
	grid-template-columns: minmax(0, 130px) minmax(0, 1fr) minmax(0, 150px);
	gap: 10px;
	align-items: center;
	padding: 6px 0;
}
.casi-statstapel__etikett {
	font-size: 13.5px;
	font-weight: 700;
	color: var(--casi-bla, #00205b);
	min-width: 0;
	overflow-wrap: break-word;
}
.casi-statstapel__spar {
	display: block;
	height: 14px;
	background: #e2e4e8;
	border-radius: 999px;
	overflow: hidden;
	min-width: 0;
}
.casi-statstapel__fyll {
	display: block;
	height: 100%;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--casi-bla-3, #2360bf), var(--casi-bla-2, #173f85));
}
.casi-statstapel__varde {
	font-size: 13px;
	font-weight: 700;
	color: var(--casi-bla, #00205b);
	white-space: nowrap;
}
.casi-statstapel__varde em {
	font-style: normal;
	font-weight: 400;
	color: #5a5f66;
}
.casi-statandel__tal {
	display: block;
	font-family: 'Sora', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	font-size: 30px;
	font-weight: 800;
	color: var(--casi-bla, #00205b);
	line-height: 1.15;
}
.casi-statandel__text {
	display: block;
	margin-top: 2px;
	font-size: 14px;
	color: #2b333d;
}
.casi-statandel__spar {
	display: block;
	margin-top: 10px;
	height: 14px;
	background: #e2e4e8;
	border-radius: 999px;
	overflow: hidden;
}
.casi-statandel__fyll {
	display: block;
	height: 100%;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--casi-bla-3, #2360bf), var(--casi-bla-2, #173f85));
}
.casi-statandel__procent {
	display: block;
	margin-top: 6px;
	font-size: 12px;
	color: #5a5f66;
}
.casi-statband__not {
	margin: 12px 0 0;
	font-size: 12px;
	color: #5a5f66;
}
@media (max-width: 640px) {
	.casi-statband__kort {
		grid-template-columns: 1fr;
	}
	.casi-statstapel {
		grid-template-columns: minmax(0, 1fr) minmax(0, 130px);
	}
	.casi-statstapel__etikett {
		grid-column: 1 / -1;
		padding-top: 4px;
	}
}

/*
 * Rubrikavstavning pa sma skarmar. hyphens: auto anvander webblasarens
 * svenska avstavningsordlista (kraver lang="sv" pa html-elementet, vilket
 * WordPress satter). hyphenate-limit-chars begransar till langre ord sa
 * korta ord aldrig avstavas. text-wrap: balance jamnar ut radlangderna sa
 * inte ett ensamt ord eller skiljetecken hamnar pa sista raden.
 */
@media (max-width: 640px) {
	.entry-header h1,
	h1.entry-title,
	.entry-content h1,
	.entry-content h2,
	.entry-content h3,
	.entry-content h4 {
		-webkit-hyphens: auto;
		hyphens: auto;
		-webkit-hyphenate-limit-before: 5;
		-webkit-hyphenate-limit-after: 4;
		hyphenate-limit-chars: 10 5 4;
		overflow-wrap: break-word;
		text-wrap: balance;
	}
	.casi-recension h2,
	.casi-recension h3,
	.casi-recension h4 {
		-webkit-hyphens: auto;
		hyphens: auto;
		-webkit-hyphenate-limit-before: 5;
		-webkit-hyphenate-limit-after: 4;
		hyphenate-limit-chars: 10 5 4;
		overflow-wrap: break-word;
		text-wrap: balance;
	}
}

/* Brodsmulor pa recensionen: egen rad direkt under sidhuvudet i vanlig
   lankfarg, samma som pa vanliga sidor. Renderas av Casi_Template::brodsmulor. */
.casi-recension .casi-brodsmulor { margin: 0; }
.casi-recension .casi-brodsmulor__inner {
	padding: 14px 0 2px;
	font-size: 0.9rem;
}
.casi-recension .casi-brodsmulor ol {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.casi-recension .casi-brodsmulor li { display: inline-flex; align-items: center; }
.casi-recension .casi-brodsmulor a { color: var(--casi-bla-2, #173f85); text-decoration: none; }
.casi-recension .casi-brodsmulor a:hover { text-decoration: underline; }
.casi-recension .casi-brodsmulor__sep { margin: 0 8px; color: #9aa1ab; }
.casi-recension .casi-brodsmulor__nu { color: #5a5f66; }

/* RTP-kollen statistikblock (shortcode casi_rtp_kollen_stat, metodsidan).
   Neutral gra ram med fallbackfarger sa den funkar aven pa vanliga sidor dar
   brand-variablerna inte ar scopade. */
.casi-rtpstat { margin: 1.5rem 0; }
.casi-rtpstat__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 12px;
}
.casi-rtpstat__kort {
	background: var(--casi-bg-soft, #f6f7f9);
	border: 1px solid var(--casi-line, #e2e4e8);
	border-radius: var(--casi-radius, 10px);
	padding: 14px 16px;
	text-align: center;
}
.casi-rtpstat__tal {
	display: block;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.2;
	color: var(--casi-text, var(--casi-bla, #00205b));
}
.casi-rtpstat__et {
	display: block;
	margin-top: 4px;
	font-size: .85rem;
	color: var(--casi-muted, #5a5f66);
}
.casi-rtpstat__meta {
	margin: .7rem 0 0;
	font-size: .85rem;
	color: var(--casi-muted, #5a5f66);
}
.casi-rtpstat__spel { margin-top: 1.1rem; }
.casi-rtpstat__spel-rubrik { display: block; font-weight: 700; margin-bottom: .4rem; }
.casi-rtpstat__spel ul { margin: 0; padding-left: 1.1rem; }
.casi-rtpstat__spel li { margin: .2rem 0; }

/* --- Oppet dataset ([casi_dataset]) --- */
.casi-dataset{margin:0 0 24px}
.casi-dataset__rutnat{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:0 0 14px}
.casi-datakort{display:flex;flex-direction:column;padding:16px 18px;border:1px solid #e2e4e8;border-radius:10px;background:#fff}
.casi-datakort__rubrik{margin:0 0 6px;font-size:1rem;line-height:1.3;color:var(--casi-bla, #00205b)}
.casi-datakort__text{flex:1 1 auto;margin:0 0 12px;font-size:.85rem;line-height:1.5;color:#2b333d}
.casi-datakort__knappar{display:flex;gap:8px;margin:0 0 8px}
/* Knapparna ar lankar, sa understrykningen fran innehallsdesignen maste bort
   med hogre specificitet an .entry-content a. Samma regel galler alla lagen. */
.casi-dataset .casi-datakort__knapp,
.casi-dataset .casi-datakort__knapp:link,
.casi-dataset .casi-datakort__knapp:visited,
.casi-dataset .casi-datakort__knapp:hover,
.casi-dataset .casi-datakort__knapp:focus{display:inline-block;padding:9px 18px;border-radius:6px;background:var(--casi-bla, #00205b);border:1px solid var(--casi-bla, #00205b);color:#fff;font-weight:700;font-size:.85rem;line-height:1.2;text-decoration:none;box-shadow:none;letter-spacing:.02em}
.casi-dataset .casi-datakort__knapp:hover,
.casi-dataset .casi-datakort__knapp:focus{background:var(--casi-bla-djup, #001640);border-color:var(--casi-bla-djup, #001640);color:#fff}
.casi-dataset .casi-datakort__knapp--sek,
.casi-dataset .casi-datakort__knapp--sek:link,
.casi-dataset .casi-datakort__knapp--sek:visited{background:transparent;color:var(--casi-bla, #00205b);border-color:#e2e4e8}
.casi-dataset .casi-datakort__knapp--sek:hover,
.casi-dataset .casi-datakort__knapp--sek:focus{background:var(--casi-bla-tint, #eaf1fa);color:var(--casi-bla, #00205b);border-color:var(--casi-bla-3, #2360bf)}
.casi-datakort__meta{margin:0;font-size:.76rem;color:#5a5f66;font-variant-numeric:tabular-nums}
.casi-dataset__citat{margin:0 0 12px;padding:12px 16px;background:var(--casi-bla-tint, #eaf1fa);border-left:3px solid var(--casi-bla-3, #2360bf);border-radius:6px;font-size:.88rem;line-height:1.55;color:#2b333d}
.casi-dataset__fot{margin:0;font-size:.78rem;line-height:1.5;color:#5a5f66}
@media (max-width:520px){.casi-dataset__rutnat{grid-template-columns:1fr}}

/* --- Testraknare ([casi_testraknare]) --- */
.casi-testraknare{display:block;clear:both;margin:0 0 18px;padding:12px 16px;border-left:3px solid var(--casi-bla-3, #2360bf);border-radius:6px;background:var(--casi-bla-tint, #eaf1fa)}
.casi-testraknare__text{display:block;font-weight:700;font-size:1rem;line-height:1.45;color:var(--casi-bla, #00205b);font-variant-numeric:tabular-nums}

/* --- Korrigeringsloggens visa-fler-lucka --- */
.casi-korrigeringslogg__mer{margin:8px 0 0}
.casi-korrigeringslogg__mer > .casi-korrigeringslogg{margin-top:10px}
.casi-korrigeringslogg__mer-knapp{cursor:pointer;display:inline-block;padding:8px 14px;border:1px solid #e2e4e8;border-radius:6px;background:#f6f7f9;color:var(--casi-bla, #00205b);font-weight:700;font-size:.85rem;list-style:none}
.casi-korrigeringslogg__mer-knapp::-webkit-details-marker{display:none}
.casi-korrigeringslogg__mer-knapp:hover{background:var(--casi-bla-tint, #eaf1fa);border-color:var(--casi-bla-3, #2360bf)}
.casi-korrigeringslogg__mer[open] > .casi-korrigeringslogg__mer-knapp{margin-bottom:4px}

/* --- Licenshavararkivet --- */
.casi-lharkiv{margin:0 0 24px;padding:18px 20px;border:1px solid #e2e4e8;border-radius:10px;background:#f6f7f9}
.casi-lharkiv__ingress{margin:0 0 14px;font-size:.92rem;line-height:1.6;color:#2b333d}
.casi-lharkiv__fakta{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px 20px}
.casi-lharkiv__rad{margin:0;padding:8px 0;border-top:1px solid #e2e4e8}
.casi-lharkiv__rad dt{margin:0 0 2px;font-size:.74rem;letter-spacing:.04em;text-transform:uppercase;color:#5a5f66}
.casi-lharkiv__rad dd{margin:0;font-weight:700;font-size:.9rem;line-height:1.4;color:var(--casi-bla, #00205b);font-variant-numeric:tabular-nums}
.casi-lharkiv__fot{margin:12px 0 0;font-size:.76rem;color:#5a5f66;font-variant-numeric:tabular-nums}
.casi-lharkiv__kalla{margin:4px 0 0;font-size:.78rem}
@media (max-width:520px){.casi-lharkiv{padding:14px 16px}.casi-lharkiv__fakta{grid-template-columns:1fr}}

/* --- Koncernvyn ([casi_koncerner]) --- */
.casi-koncern{margin:0 0 24px}
.casi-koncern__grupp{margin:0 0 26px;padding:18px 20px;border:1px solid #e2e4e8;border-radius:10px;background:#fff}
.casi-koncern__grupp--fri{background:#f6f7f9}
.casi-koncern__namn{margin:0 0 4px;font-size:1.15rem;line-height:1.3;color:var(--casi-bla, #00205b)}
.casi-koncern__sammanfattning{margin:0 0 14px;font-size:.85rem;line-height:1.5;color:#5a5f66}
.casi-koncern__lh{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.casi-koncern__kort{padding:12px 14px;border:1px solid #e2e4e8;border-radius:8px;background:#fff}
.casi-koncern__grupp--fri .casi-koncern__kort{background:#fff}
.casi-koncern__bolag{margin:0 0 6px;font-size:.92rem;line-height:1.35;color:var(--casi-bla, #00205b)}
.casi-koncern__bolag a{color:var(--casi-bla, #00205b);text-decoration:none}
.casi-koncern__bolag a:hover{text-decoration:underline}
.casi-koncern__meta{margin:0 0 8px;font-size:.74rem;color:#5a5f66;font-variant-numeric:tabular-nums}
.casi-koncern__marken{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.casi-koncern__marken li{padding:4px 9px;border:1px solid #e2e4e8;border-radius:5px;background:#f6f7f9;font-size:.78rem;color:#2b333d}
.casi-koncern__kalla{margin:14px 0 0;font-size:.76rem}
.casi-koncern__tom{margin:0;color:#5a5f66}
@media (max-width:520px){.casi-koncern__grupp{padding:14px 16px}.casi-koncern__lh{grid-template-columns:1fr}}

/* --- Koncernfakta --- */
.casi-koncern__beskrivning{margin:0 0 12px;font-size:.9rem;line-height:1.6;color:#2b333d}
.casi-koncern__fakta{margin:0 0 16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px 18px}
.casi-koncern__fakta-rad{margin:0;padding:8px 0;border-top:1px solid #e2e4e8}
.casi-koncern__fakta-rad dt{margin:0 0 2px;font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;color:#5a5f66}
.casi-koncern__fakta-rad dd{margin:0;font-weight:700;font-size:.86rem;line-height:1.35;color:var(--casi-bla, #00205b);font-variant-numeric:tabular-nums}
.casi-koncern__fakta-rad dd a{color:var(--casi-bla, #00205b)}
@media (max-width:520px){.casi-koncern__fakta{grid-template-columns:1fr 1fr}}