/* =====================================================================
   freespins-modern.css  (Alternativ B: integrerad mork hero)
   Laddas EFTER compare-pluginet/assets/freespins.css.
   B = full-bredds mork hero, casinonamnet inflyttat (via fsp-sticky.js),
   innehallet direkt pa det morka utan vitt kort.

   Palett: navy #0c3b26, bla #1e874e / #145e37, blatint #eaf6ef / #cde9d8,
   gron #c2410c / #9a3412, guld #b8860b / #fbf2da, linje #e2e4e8.
   ===================================================================== */

/* ------------------------------------------------------------ 1. Bla brandaccent */
.freespins-recension.freespins-recension.freespins-recension,
.freespins-topplista.freespins-topplista.freespins-topplista,
.freespins-korrigeringslogg.freespins-korrigeringslogg.freespins-korrigeringslogg {
	--freespins-accent: #1e874e;
	--freespins-accent-dark: #145e37;
}

/* "Till casinot" forblir gron sa pengaknappen sticker ut */
.freespins-recension.freespins-recension.freespins-recension .freespins-cta,
.freespins-recension.freespins-recension.freespins-recension .freespins-hero__action .freespins-cta,
.freespins-topplista.freespins-topplista.freespins-topplista .freespins-cta {
	background: #c2410c;
	box-shadow: 0 6px 16px rgba(194, 65, 12, 0.28);
}
.freespins-recension.freespins-recension.freespins-recension .freespins-cta:hover,
.freespins-recension.freespins-recension.freespins-recension .freespins-hero__action .freespins-cta:hover,
.freespins-topplista.freespins-topplista.freespins-topplista .freespins-cta:hover {
	background: #9a3412;
}

/* Gront plus i fordelar (rott minus ar redan semantiskt) */
.freespins-recension.freespins-recension.freespins-recension .freespins-pro li::before {
	color: #1e874e;
}

/* Dolj den fristaende "Reklamlank"-etiketten direkt efter knappen.
   Annonsmarkeringen finns kvar i compliance-raden (reklamidentifiering kravs
   enligt marknadsforingslagen). */
.freespins-recension.freespins-recension.freespins-recension .freespins-cta + .freespins-reklam,
.freespins-topplista.freespins-topplista.freespins-topplista .freespins-cta + .freespins-reklam,
.freespins-ctalista.freespins-ctalista.freespins-ctalista .freespins-cta + .freespins-reklam,
.freespins-toptabell.freespins-toptabell.freespins-toptabell .freespins-cta + .freespins-reklam {
	display: none;
}

/* ------------------------------------------------------------ 2. Hero: full-bredds mork hero */
.freespins-recension.freespins-recension.freespins-recension .freespins-hero {
	background:
		radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px) 0 0 / 22px 22px,
		radial-gradient(860px 460px at 82% -25%, rgba(184, 134, 11, 0.18), transparent 60%),
		linear-gradient(158deg, #1e874e 0%, #145e37 44%, #0c3b26 100%);
	border: 0;
	border-radius: 0;
	box-shadow: none;
	/* Bryt ut till hela viewporten. Innehallet centreras till ca 1100px via
	   padding-inline. Flush mot headern skots av .single-casino-reglerna nedan
	   (nollar toppluften), sa ingen pull behovs som standard. */
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	margin-top: var(--freespins-hero-pull, 0px);
	margin-bottom: 0;
	padding: 48px max(24px, calc(50vw - 550px)) 34px;
	overflow: visible;
}

/* ------------------------------------------------------------ 2b. Flush mot headern (endast recensioner, CPT 'casino') */
/* WordPress satter body-klassen single-casino pa recensionssidor. Vi nollar
   toppluften i innehallsbehallarna sa heron moter den morka headern utan ljus
   remsa. Ovriga sidor pa sajten paverkas inte. */
.single-casino .site-content,
.single-casino .content-area,
.single-casino .site-main,
.single-casino .inside-article,
.single-casino article.post,
.single-casino .entry-content {
	margin-top: 0 !important;
	padding-top: 0 !important;
}
/* Temats rubrikrad doljs: namnet flyttas in i heron och byline finns dar. */
.single-casino .entry-header {
	display: none !important;
}
/* Somlos vit yta: ingen avvikande gra ram runt innehallet under hero och TOC.
   Innehallet ligger kvar centrerat for lasbarhet, men den vita ytan gar nu
   hela vagen ut precis som hero- och TOC-banden. */
.single-casino {
	background-color: #ffffff !important;
}
.single-casino .site-content,
.single-casino .content-area,
.single-casino .site-main,
.single-casino .inside-article {
	background-color: #ffffff !important;
}
.single-casino .inside-article {
	box-shadow: none !important;
	border: 0 !important;
	border-radius: 0 !important;
}

/* Inaktiv-bannern ligger ovanfor heron och far darfor luft mot den morka
   headern (toppluften nollas ju for att heron ska mota headern flush). */
.freespins-recension.freespins-recension.freespins-recension .freespins-inaktiv-banner {
	margin-top: 28px;
}

/* ------------------------------------------------------------ 3. Innehall direkt pa morkt (inget vitt kort) */
.freespins-recension.freespins-recension.freespins-recension .freespins-hero__top {
	display: grid;
	grid-template-columns: 210px 1fr 250px;
	gap: 32px;
	align-items: center;
	background: transparent;
	box-shadow: none;
	border-radius: 0;
	padding: 0;
}

/* Casinonamnet (inflyttad .entry-title) stort och vitt */
.freespins-recension.freespins-recension.freespins-recension .freespins-hero .entry-title,
.freespins-recension.freespins-recension.freespins-recension .freespins-hero__namn {
	color: #ffffff;
	font-family: 'Sora', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	font-weight: 700;
	font-size: 2.5rem;
	line-height: 1.12;
	letter-spacing: -0.02em;
	margin: 0 0 14px;
}

/* Logga-ruta: ljus, poppar mot morkt (likt CasinoGuides panel) */
.freespins-recension.freespins-recension.freespins-recension .freespins-hero__logo {
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	min-height: 150px;
	border-radius: 14px;
	border: 1px solid rgba(255, 255, 255, 0.16);
	background: linear-gradient(150deg, #eaf6ef, #ffffff);
	box-shadow: 0 12px 30px rgba(8, 20, 45, 0.30);
}
.freespins-recension.freespins-recension.freespins-recension .freespins-hero__mono {
	font-size: 48px;
	color: #0c3b26;
}

/* Betyg: ljust, stjarnor ar redan guld */
.freespins-recension.freespins-recension.freespins-recension .freespins-hero__rating .freespins-betyg-tal {
	color: #ffffff;
}
.freespins-recension.freespins-recension.freespins-recension .freespins-hero__rating .freespins-betyg-max {
	color: rgba(255, 255, 255, 0.70);
}

/* Plats-chip genomskinligt pa morkt */
.freespins-recension.freespins-recension.freespins-recension .freespins-hero__rank {
	background: rgba(255, 255, 255, 0.12);
	color: #ffffff;
}

/* Bonusrad ljus */
.freespins-recension.freespins-recension.freespins-recension .freespins-hero__bonus {
	color: #ffffff;
}
.freespins-recension.freespins-recension.freespins-recension .freespins-hero__bonus strong {
	color: #ffffff;
}

/* USP-piller som ghost-piller pa morkt */
.freespins-recension.freespins-recension.freespins-recension .freespins-hero__pills li {
	background: rgba(255, 255, 255, 0.07);
	color: rgba(255, 255, 255, 0.92);
	border: 1px solid rgba(255, 255, 255, 0.22);
}
.freespins-recension.freespins-recension.freespins-recension .freespins-hero__pills li::before {
	color: #8fd3a8;
}

/* Stat-kort genomskinliga pa morkt */
.freespins-recension.freespins-recension.freespins-recension .freespins-hero__action {
	width: auto;
}
.freespins-recension.freespins-recension.freespins-recension .freespins-statkort {
	background: rgba(255, 255, 255, 0.08);
	border-color: rgba(255, 255, 255, 0.16);
}
.freespins-recension.freespins-recension.freespins-recension .freespins-statkort__rubrik {
	color: rgba(255, 255, 255, 0.70);
}
.freespins-recension.freespins-recension.freespins-recension .freespins-statkort__varde {
	color: #ffffff;
}
.freespins-recension.freespins-recension.freespins-recension .freespins-statkort__sub {
	color: rgba(255, 255, 255, 0.62);
}

/* ------------------------------------------------------------ 4. Hero-syskon pa morkt */
.freespins-recension.freespins-recension.freespins-recension .freespins-hero__pay {
	border-top: 1px solid rgba(255, 255, 255, 0.14);
	margin-top: 22px;
}
.freespins-recension.freespins-recension.freespins-recension .freespins-hero__pay-rubrik {
	color: rgba(255, 255, 255, 0.78);
}
.freespins-recension.freespins-recension.freespins-recension .freespins-hero__compliance {
	color: rgba(255, 255, 255, 0.68);
}
.freespins-recension.freespins-recension.freespins-recension .freespins-hero__compliance a {
	color: rgba(255, 255, 255, 0.82);
}
/* "Reklamlank" foljer den ljusa compliance-texten */
.freespins-recension.freespins-recension.freespins-recension .freespins-hero__compliance .freespins-reklam {
	color: inherit;
}
.freespins-recension.freespins-recension.freespins-recension .freespins-hero__meta {
	color: rgba(255, 255, 255, 0.66);
}
.freespins-recension.freespins-recension.freespins-recension .freespins-hero__meta a {
	color: rgba(255, 255, 255, 0.85);
}
.freespins-recension.freespins-recension.freespins-recension .freespins-hero .freespins-disclaimer {
	background: rgba(255, 255, 255, 0.06);
	border-color: rgba(255, 255, 255, 0.14);
	color: rgba(255, 255, 255, 0.70);
}
.freespins-recension.freespins-recension.freespins-recension .freespins-hero .freespins-disclaimer a {
	color: rgba(255, 255, 255, 0.82);
}

/* ------------------------------------------------------------ 5. Delbetyg som kort (pa vit bakgrund nedanfor heron) */
.freespins-recension.freespins-recension.freespins-recension .freespins-delbetyg {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 12px;
	margin: 14px 0 0;
}
.freespins-recension.freespins-recension.freespins-recension .freespins-delbetyg__rad {
	display: grid;
	grid-template-columns: 1fr auto;
	grid-template-areas:
		"namn tal"
		"bar  bar";
	gap: 10px 12px;
	align-items: center;
	padding: 16px 18px;
	border: 1px solid var(--freespins-line);
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 4px 16px rgba(20, 30, 45, 0.05);
}
.freespins-recension.freespins-recension.freespins-recension .freespins-delbetyg__namn {
	grid-area: namn;
	font-weight: 600;
}
.freespins-recension.freespins-recension.freespins-recension .freespins-delbetyg__tal {
	grid-area: tal;
	white-space: nowrap;
	text-align: center;
	background: #fbf2da;
	color: #8a6207;
	border: 1px solid #f0dca6;
	border-radius: 9px;
	padding: 4px 10px;
	font-weight: 700;
}
.freespins-recension.freespins-recension.freespins-recension .freespins-delbetyg__bar {
	grid-area: bar;
	height: 6px;
}

/* ------------------------------------------------------------ 5b. Innehallsforteckning: rundad box, hopfalld fran start, samma design som ovriga sidor (EEAT) */
.single-casino .freespins-toc {
	margin: 1.6em 0 2em;
	padding: 14px 22px;
	background: #eaf6ef;
	border: 1px solid #cfe6d8;
	border-radius: 12px;
}
.single-casino .freespins-toc__detalj {
	margin: 0;
}
.single-casino .freespins-toc__rubrik {
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	cursor: pointer;
	list-style: none;
	font-family: 'Sora', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	font-weight: 700;
	font-size: 1.05rem;
	color: #0c3b26;
}
.single-casino .freespins-toc__rubrik::-webkit-details-marker { display: none; }
.single-casino .freespins-toc__rubrik::after {
	content: "\25BE";
	color: #1e874e;
	font-size: 1rem;
	line-height: 1;
	transition: transform 0.15s ease;
}
.single-casino .freespins-toc__detalj[open] > .freespins-toc__rubrik { margin-bottom: 12px; }
.single-casino .freespins-toc__detalj[open] > .freespins-toc__rubrik::after { transform: rotate(180deg); }
.single-casino .freespins-toc__lista {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 4px 28px;
}
@media (max-width: 600px) {
	.single-casino .freespins-toc__lista {
		grid-template-columns: 1fr;
	}
}
.single-casino .freespins-toc__lista li {
	margin: 0;
	padding: 0;
}
.single-casino .freespins-toc__lista a {
	display: inline-flex;
	align-items: flex-start;
	gap: 9px;
	padding: 5px 0;
	color: #145e37;
	font-weight: 500;
	line-height: 1.4;
	text-decoration: none;
}
.single-casino .freespins-toc__lista a::before {
	content: "\2193";
	flex: 0 0 auto;
	width: 19px;
	height: 19px;
	margin-top: 1px;
	border-radius: 50%;
	background: #1e874e;
	color: #fff;
	font-size: 11px;
	line-height: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.single-casino .freespins-toc__lista a:hover {
	text-decoration: underline;
}

/* ------------------------------------------------------------ 5c. Totalbetyg-kort bredvid delbetygen */
.single-casino .freespins-delbetyg-rutnat {
	display: grid;
	grid-template-columns: 270px 1fr;
	gap: 16px;
	align-items: stretch;
	margin-top: 14px;
}
.single-casino .freespins-delbetyg-rutnat .freespins-delbetyg {
	margin: 0;
}
.single-casino .freespins-delbetyg__total {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 8px;
	padding: 26px 28px;
	border-radius: 14px;
	color: #fff;
	background:
		radial-gradient(420px 220px at 80% -10%, rgba(184, 134, 11, 0.18), transparent 60%),
		linear-gradient(158deg, #1e874e, #145e37 58%, #0c3b26);
	box-shadow: 0 12px 30px rgba(13, 30, 60, 0.18);
}
.single-casino .freespins-delbetyg__total-rubrik {
	font-family: 'Sora', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	font-weight: 600;
	font-size: 1.05rem;
	color: rgba(255, 255, 255, 0.82);
}
.single-casino .freespins-delbetyg__total-tal {
	font-family: 'Sora', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	font-weight: 800;
	font-size: 3.4rem;
	line-height: 1;
}
.single-casino .freespins-delbetyg__total-max {
	font-size: 1.35rem;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.68);
	margin-left: 4px;
}

/* ------------------------------------------------------------ 6. Sticky CTA */
.fsp-sticky {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9000;
	background: rgba(255, 255, 255, 0.97);
	-webkit-backdrop-filter: saturate(160%) blur(8px);
	backdrop-filter: saturate(160%) blur(8px);
	border-top: 1px solid #e2e4e8;
	box-shadow: 0 -8px 24px rgba(20, 30, 45, 0.10);
	transform: translateY(110%);
	transition: transform 0.25s ease;
}
.fsp-sticky.is-visible {
	transform: none;
}
.fsp-sticky__inner {
	max-width: 1100px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 10px 20px;
}
.fsp-sticky__logo {
	flex: 0 0 auto;
	width: 42px;
	height: 42px;
	border-radius: 9px;
	border: 1px solid #e2e4e8;
	background: #eaf6ef;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	font-weight: 800;
	color: #0c3b26;
}
.fsp-sticky__logo img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}
.fsp-sticky__info {
	flex: 1 1 auto;
	min-width: 0;
	line-height: 1.3;
}
.fsp-sticky__info b {
	font-weight: 700;
	color: #1f2733;
}
.fsp-sticky__info p {
	margin: 1px 0 0;
	font-size: 0.78em;
	color: #5a6472;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.fsp-sticky__cta {
	flex: 0 0 auto;
	margin: 0;
	white-space: nowrap;
	display: inline-block;
	background: #c2410c;
	color: #fff;
	font-weight: 700;
	text-decoration: none;
	padding: 12px 26px;
	border-radius: 10px;
	box-shadow: 0 6px 16px rgba(194, 65, 12, 0.28);
}
.fsp-sticky__cta:hover {
	background: #9a3412;
	color: #fff;
}

/* ------------------------------------------------------------ 7. Responsivt */
@media (max-width: 980px) {
	.freespins-recension.freespins-recension.freespins-recension .freespins-hero__top {
		grid-template-columns: 150px 1fr;
		align-items: start;
	}
	.freespins-recension.freespins-recension.freespins-recension .freespins-hero__action {
		grid-column: 1 / -1;
	}
	.freespins-recension.freespins-recension.freespins-recension .freespins-hero .entry-title,
	.freespins-recension.freespins-recension.freespins-recension .freespins-hero__namn {
		font-size: 2.1rem;
	}
}
@media (max-width: 600px) {
	.freespins-recension.freespins-recension.freespins-recension .freespins-hero {
		padding: 28px 16px 26px;
	}
	.freespins-recension.freespins-recension.freespins-recension .freespins-hero__top {
		grid-template-columns: 1fr;
	}
	.freespins-recension.freespins-recension.freespins-recension .freespins-hero__logo {
		max-width: 132px;
		aspect-ratio: 1 / 1;
	}
	.freespins-recension.freespins-recension.freespins-recension .freespins-hero .entry-title,
	.freespins-recension.freespins-recension.freespins-recension .freespins-hero__namn {
		font-size: 1.85rem;
	}
	.fsp-sticky__info p {
		display: none;
	}
	.fsp-sticky__cta {
		padding: 11px 18px;
	}
}
@media (max-width: 760px) {
	.single-casino .freespins-delbetyg-rutnat {
		grid-template-columns: 1fr;
	}
	.single-casino .freespins-delbetyg__total {
		flex-direction: row;
		align-items: baseline;
		justify-content: space-between;
		padding: 18px 22px;
	}
	.single-casino .freespins-delbetyg__total-tal {
		font-size: 2.6rem;
	}
}
@media (prefers-reduced-motion: reduce) {
	.fsp-sticky {
		transition: none;
	}
}

/* =====================================================================
   8. Lopande text i recensionerna (redaktionell typografi)
   .freespins-sektionstext anvands bade for delbetygsmotiveringar och for
   sektionsprosan (med underrubriker som Slots, Live casino osv.). Ger
   behagligare radlangd, battre rytm och branschade underrubriker sa att
   texten inte langre kanns platt. Tabeller, kort och piller ar oberorda.
   ===================================================================== */

/* Sektionsrubriker (H2) i navy + Sora, knyter ihop med heron */
.freespins-recension.freespins-recension.freespins-recension .freespins-sektion > h2 {
	font-family: 'Sora', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	color: #0c3b26;
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: -0.015em;
}

/* Luftigare brodtext (full bredd, som ovrigt innehall) */
.freespins-recension.freespins-recension.freespins-recension .freespins-sektionstext {
	font-size: 1.05rem;
	line-height: 1.78;
	color: #2b333d;
}
.freespins-recension.freespins-recension.freespins-recension .freespins-sektionstext p {
	margin: 0 0 1.15em;
}
/* Forsta stycket far en diskret ingress-kansla */
.freespins-recension.freespins-recension.freespins-recension .freespins-sektionstext > p:first-child {
	font-size: 1.1rem;
	color: #1f2733;
}

/* Underrubriker i prosan: Sora, navy, med en liten bla accentstapel ovanfor.
   Generos topmarginal bryter upp texten i tydliga block. */
.freespins-recension.freespins-recension.freespins-recension .freespins-sektionstext h3,
.freespins-recension.freespins-recension.freespins-recension .freespins-sektionstext h4 {
	font-family: 'Sora', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	color: #0c3b26;
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: -0.01em;
	margin: 1.9em 0 0.9em;
}
.freespins-recension.freespins-recension.freespins-recension .freespins-sektionstext h3 {
	display: inline-block;
	font-size: 1.32rem;
}
.freespins-recension.freespins-recension.freespins-recension .freespins-sektionstext h4 { font-size: 1.12rem; }
/* Accent: en bla understrykning strax under rubriken, nagot bredare an texten */
.freespins-recension.freespins-recension.freespins-recension .freespins-sektionstext h3::after {
	content: "";
	display: block;
	width: calc(100% + 18px);
	height: 3px;
	background: linear-gradient(90deg, #1e874e, #145e37);
	margin: 5px 0 0 0;
}
/* Ingen extra luft ovanfor allra forsta elementet i ett textblock */
.freespins-recension.freespins-recension.freespins-recension .freespins-sektionstext > :first-child {
	margin-top: 0;
}

/* Lankar: redaktionellt bla med mjuk understrykning */
.freespins-recension.freespins-recension.freespins-recension .freespins-sektionstext a {
	color: #145e37;
	text-decoration: underline;
	text-decoration-color: rgba(45, 108, 179, 0.35);
	text-underline-offset: 2px;
}
.freespins-recension.freespins-recension.freespins-recension .freespins-sektionstext a:hover {
	text-decoration-color: #145e37;
}

/* Diskret betoning */
.freespins-recension.freespins-recension.freespins-recension .freespins-sektionstext strong {
	color: #0c3b26;
	font-weight: 700;
}

/* Listor med blagra markorer och luft */
.freespins-recension.freespins-recension.freespins-recension .freespins-sektionstext ul,
.freespins-recension.freespins-recension.freespins-recension .freespins-sektionstext ol {
	margin: 0 0 1.15em;
	padding-left: 1.35em;
}
.freespins-recension.freespins-recension.freespins-recension .freespins-sektionstext li {
	margin: 0 0 0.45em;
	padding-left: 0.15em;
}
.freespins-recension.freespins-recension.freespins-recension .freespins-sektionstext ul li::marker {
	color: #1e874e;
}
.freespins-recension.freespins-recension.freespins-recension .freespins-sektionstext ol li::marker {
	color: #145e37;
	font-weight: 700;
}

@media (max-width: 600px) {
	.freespins-recension.freespins-recension.freespins-recension .freespins-sektionstext {
		font-size: 1.02rem;
		line-height: 1.72;
	}
	.freespins-recension.freespins-recension.freespins-recension .freespins-sektionstext h3 { font-size: 1.2rem; }
	.freespins-recension.freespins-recension.freespins-recension .freespins-sektionstext > p:first-child { font-size: 1.06rem; }
}