/*
Theme Name:   Svenska Casino Child
Theme URI:    https://www.svenska-casino.eu/
Description:  Childtema till Astra för svenska-casino.eu – bästa svenska casino 2026 med bonusar och free spins. Modern redaktionell casinostil: smaragdgrön/champagne färgprofil ("det gröna spelbordet"), serifrubriker i systemtypsnitt (inga externa fonter), amber-CTA och pillknappar. Byggt för klassiska redigeraren med shortcodes för faktarutor, för- och nackdelar, innehållsförteckning, FAQ, knappar och betyg. Sidfot med 3-5 widgetområden ovanför spelansvarssektionen (18+, Spelinspektionen, Spelpaus, Stödlinjen med rel="nofollow"). Breda tabeller blir informationskort på mobil och skyddas mot automatisk internlänkning i rubrikceller. Matchar färgerna i Casino Review Pro-pluginen.
Author:       Svenska-Casino.eu
Author URI:   https://www.svenska-casino.eu/
Template:     astra
Version:      1.1.0
Requires at least: 6.0
Requires PHP: 7.4
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  svenska-casino
*/

/* =============================================================================
   FÄRGPALETT + TYPOGRAFI – Svenska-Casino.eu
   Smaragdgrön bas ("det gröna spelbordet") + champagneguld accent + amber-CTA
   med mörk text. Antikguld (--svc-gold-deep) används för stjärnor/guld-
   detaljer på LJUSA ytor där champagne inte ger kontrast. Samma kulörer
   används i den anpassade versionen av Casino Review Pro.

   Typografi: redaktionell profil med Georgia som rubrikserif och systemets
   egen sans som brödtext/gränssnitt. INGA externa typsnitt laddas – varken
   Google Fonts eller egna fontfiler.

   Astras globala färgvariabler (--ast-global-color-0..8) överrids nedan så
   att block och Astra-komponenter följer paletten som utgångsläge.
   ========================================================================== */
:root {
	--svc-green-950: #041E17;      /* mörkast – bottenrad i sidfot */
	--svc-green-900: #072A20;      /* mörka band, jämförelsebar */
	--svc-green-800: #0B3D2E;      /* huvudfärg – header, sidfot, rubriker */
	--svc-green-700: #11543F;      /* hover/gradientslut på mörk yta */
	--svc-champagne: #E8C87A;      /* accent på MÖRK yta – krona, prickar */
	--svc-champagne-light: #F4DFA4;/* hover-accent på mörk bakgrund */
	--svc-champagne-soft: #F8E9BE; /* ljusaste accent (hover, steg 2) */
	--svc-gold-deep: #C9A24E;      /* antikguld – stjärnor/guld på LJUS yta */
	--svc-link:      #0E7A5F;      /* länkar på ljus yta */
	--svc-link-dark: #0B5F4A;      /* länk-hover */
	--svc-cta:       #F59E0B;      /* CTA "Spela nu" – amber */
	--svc-cta-dark:  #D97706;      /* CTA-hover */
	--svc-bg:        #F7F5EE;      /* ljus sidbakgrund (varm kräm) */
	--svc-surface:   #FFFFFF;      /* kort och innehållsytor */
	--svc-text:      #21322B;      /* brödtext */
	--svc-muted:     #64716A;      /* dämpad text */
	--svc-border:    #E4DFCE;      /* ramar/avdelare */
	--svc-footer-text:  #C9D8CF;   /* brödtext i sidfot (8,3:1 mot grön-800) */
	--svc-footer-muted: #93AD9F;   /* disclaimer i sidfot (5,5:1 mot grön-800) */

	/* Systemstackar – inga externa fonter */
	--svc-font-rubrik: Georgia, "Times New Roman", "Liberation Serif", serif;
	--svc-font-brod: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

	/* Astras globala palett → sajtens färger (defaults sätts även via
	   astra_theme_defaults i functions.php) */
	--ast-global-color-0: #0E7A5F; /* accent/länk */
	--ast-global-color-1: #0B5F4A; /* accent-hover */
	--ast-global-color-2: #0B3D2E; /* rubriker */
	--ast-global-color-3: #21322B; /* brödtext */
	--ast-global-color-4: #F7F5EE; /* sidbakgrund */
	--ast-global-color-5: #FFFFFF; /* innehållsytor */
	--ast-global-color-6: #F2EFE4; /* subtil bakgrund */
	--ast-global-color-7: #64716A; /* dämpad */
	--ast-global-color-8: #041E17; /* mörkast */
}

/* =============================================================================
   BAS
   ========================================================================== */
body {
	background-color: var(--svc-bg);
	color: var(--svc-text);
	font-family: var(--svc-font-brod);
	font-size: 18px;
	line-height: 1.75;
}

::selection {
	background: var(--svc-champagne);
	color: var(--svc-green-900);
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.site-title {
	font-family: var(--svc-font-rubrik);
	color: var(--svc-green-800);
	font-weight: 700;
	letter-spacing: -.01em;
	line-height: 1.25;
}
h1, .entry-title { font-size: 38px; }
h2 { font-size: 28px; margin-top: 1.6em; }
h3 { font-size: 22px; margin-top: 1.4em; }
h4 { font-size: 19px; }

.entry-content p { max-width: 72ch; }

.site-main a:not(.button):not(.ast-button):not(.fcrp-visit-btn):not(.wp-block-button__link):not(.svc-btn) {
	color: var(--svc-link);
}
.site-main a:not(.button):not(.ast-button):not(.fcrp-visit-btn):not(.wp-block-button__link):not(.svc-btn):hover {
	color: var(--svc-link-dark);
}

blockquote {
	border-left: 4px solid var(--svc-champagne);
	background: #FDFBF2;
	padding: 16px 20px;
	font-style: normal;
}

/* Egen innehållsbredd för sidfotens inre (oberoende av Astras container) */
.svc-container {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 24px;
	padding-right: 24px;
}

/* --- Fokusmarkering: syns alltid, aldrig bortstädad --- */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
	outline: 3px solid var(--svc-gold-deep);
	outline-offset: 2px;
	border-radius: 3px;
}
.svc-footer a:focus-visible,
.site-footer a:focus-visible,
.main-header-menu a:focus-visible {
	outline-color: var(--svc-champagne-light);
}

/* =============================================================================
   HEADER + NAVIGATION (Astra header builder)
   Signaturen är champagnepricken som centreras under aktiv toppnivålänk.
   Meny och knappar går i sans – rubrikserifen är reserverad för rubriker.
   ========================================================================== */
.main-header-bar,
.ast-header-break-point .main-header-bar,
.ast-mobile-header-wrap .ast-mobile-header-content,
.ast-above-header-bar {
	background-color: var(--svc-green-800);
}
.site-title,
.site-title a,
.site-title a:visited,
.site-title a:hover,
.site-title a:focus {
	font-family: var(--svc-font-rubrik);
	color: #ffffff;
}
.site-title a:hover {
	color: var(--svc-champagne-light);
}
.site-header .site-description {
	color: #A8C3B7;
}

.main-header-menu .menu-link,
.main-header-bar .menu-toggle,
.ast-mobile-menu-trigger-minimal,
.ast-mobile-menu-trigger-fill,
.ast-mobile-menu-trigger-outline {
	color: #E2EFE7;
	font-family: var(--svc-font-brod);
	font-weight: 600;
}
.main-header-menu > .menu-item > .menu-link {
	position: relative;
}
.main-header-menu > .menu-item > .menu-link::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 7px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--svc-champagne);
	opacity: 0;
	transform: translateX(-50%) scale(0);
	transition: transform .18s ease, opacity .18s ease;
}
.main-header-menu > .menu-item:hover > .menu-link::after,
.main-header-menu > .menu-item.focus-within > .menu-link::after,
.main-header-menu > .menu-item.ast-menu-hover > .menu-link::after {
	opacity: .55;
	transform: translateX(-50%) scale(1);
}
.main-header-menu > .menu-item[class*="current-menu-"] > .menu-link::after,
.main-header-menu > .menu-item.current_page_item > .menu-link::after {
	opacity: 1;
	transform: translateX(-50%) scale(1);
}

.main-header-menu .menu-item:hover > .menu-link,
.main-header-menu .menu-item.focus-within > .menu-link,
.main-header-menu .menu-item.ast-menu-hover > .menu-link,
.main-header-menu .menu-item[class*="current-menu-"] > .menu-link,
.main-header-menu .menu-item.current_page_item > .menu-link {
	color: var(--svc-champagne-light);
}

.main-header-menu .sub-menu {
	background-color: var(--svc-green-800);
	box-shadow: 0 6px 18px rgba(4, 30, 23, .35);
}
.main-header-menu .sub-menu .menu-link {
	color: #E2EFE7;
}
.main-header-menu .sub-menu .menu-item:hover > .menu-link,
.main-header-menu .sub-menu .menu-item[class*="current-menu-"] > .menu-link {
	color: var(--svc-champagne-light);
	background-color: var(--svc-green-700);
}

/* --- Mobilmeny: logotyp OCH menyknapp ska alltid synas --- */
.ast-header-break-point .main-header-bar .main-header-bar-navigation,
.ast-mobile-popup-drawer .ast-mobile-popup-inner {
	background-color: var(--svc-green-900);
}
.ast-header-break-point .main-header-menu .menu-link,
.ast-mobile-popup-drawer .main-header-menu .menu-link {
	color: #E2EFE7;
}
/* Pricken hör hemma i den horisontella menyn, inte i den staplade mobilmenyn */
.ast-header-break-point .main-header-menu > .menu-item > .menu-link::after {
	display: none;
}
/* SKYDDSREGEL (dokumentation, inte kod): logotyp, sajttitel, menyknapp och
   mobilheadern får ALDRIG döljas härifrån. Skriv aldrig display:none på
   .site-logo-img, .custom-logo-link, .ast-site-identity, .site-title,
   .ast-mobile-header-wrap, .menu-toggle eller .ast-mobile-menu-trigger-*.
   Reglerna nedan är additiva (storlek och kontrast) och tvingar aldrig fram
   element som Astra medvetet döljer – att forcera display här skulle t.ex.
   visa sajttiteln igen på sajter som valt enbart logotyp. */
.ast-header-break-point .menu-toggle,
.ast-header-break-point .ast-mobile-menu-trigger-minimal,
.ast-header-break-point .ast-mobile-menu-trigger-fill,
.ast-header-break-point .ast-mobile-menu-trigger-outline {
	min-width: 44px;
	min-height: 44px;
}
/* Drawern får inte klippas av headern */
.site-header,
.ast-primary-header-bar {
	overflow: visible;
}
/* Staplade menylänkar med tillräcklig tryckyta */
.ast-header-break-point .main-header-menu .menu-item .menu-link {
	min-height: 44px;
	display: flex;
	align-items: center;
}

/* =============================================================================
   KNAPPAR + FORMULÄR – pillform (999px) med amber och mörkgrön text
   ========================================================================== */
.ast-button,
.ast-custom-button,
.button,
.svc-btn,
button:not(.menu-toggle):not(.fcrp-visit-btn):not(.crp-compare-btn):not(.crp-cf-bar-clear):not(.crp-cf-bar-remove):not(.crp-cf-modal-close):not(.ast-mobile-menu-trigger-minimal):not(.ast-mobile-menu-trigger-fill):not(.ast-mobile-menu-trigger-outline),
html input[type="button"],
input[type="reset"],
input[type="submit"],
.wp-block-button__link {
	background-color: var(--svc-cta);
	color: var(--svc-green-900);
	border: 0;
	border-radius: 999px;
	font-family: var(--svc-font-brod);
	font-weight: 700;
	font-size: 16px;
	padding: 13px 28px;
	min-height: 44px; /* tryckyta */
	line-height: 1.3;
	cursor: pointer;
	transition: background-color .15s ease;
}
.ast-button:hover,
.ast-button:focus,
.ast-custom-button:hover,
.button:hover,
.button:focus,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="submit"]:focus,
.wp-block-button__link:hover {
	background-color: var(--svc-cta-dark);
	color: var(--svc-green-900);
}

/* Temats egen knapp-shortcode */
.svc-btn {
	display: inline-block;
	padding: 13px 30px;
	min-height: 44px;
	line-height: 1.3;
	text-decoration: none !important;
	text-align: center;
	cursor: pointer;
}
.svc-btn:hover,
.svc-btn:focus {
	background-color: var(--svc-cta-dark);
	color: var(--svc-green-900) !important;
}
.svc-btn--sekundar {
	background-color: transparent;
	color: var(--svc-green-800) !important;
	box-shadow: inset 0 0 0 2px var(--svc-green-800);
}
.svc-btn--sekundar:hover,
.svc-btn--sekundar:focus {
	background-color: var(--svc-green-800);
	color: #ffffff !important;
}

/* Formulärfält */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
select {
	background: var(--svc-surface);
	border: 1px solid var(--svc-border);
	border-radius: 8px;
	padding: 11px 14px;
	font-family: var(--svc-font-brod);
	font-size: 17px;
	color: var(--svc-text);
	max-width: 100%;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus,
select:focus {
	border-color: var(--svc-link);
	outline: 3px solid rgba(14, 122, 95, .28);
	outline-offset: 0;
}
label {
	font-weight: 600;
	color: var(--svc-green-800);
}

/* Astras "tillbaka till toppen" */
#ast-scroll-top {
	background-color: var(--svc-green-800);
	color: #fff;
}
#ast-scroll-top:hover,
#ast-scroll-top:focus {
	background-color: var(--svc-champagne);
	color: var(--svc-green-900);
}

/* =============================================================================
   INNEHÅLL
   ========================================================================== */
.entry-title a,
.entry-title a:visited {
	color: var(--svc-green-800);
}
.entry-title a:hover {
	color: var(--svc-link);
}
.entry-meta,
.entry-meta a {
	color: var(--svc-muted);
	font-size: 15px;
}

/* =============================================================================
   TABELLER – breda tabeller blir informationskort på mobil
   Wrappern och data-label sätts av assets/js/tabeller.js. Utan JS visas
   tabellen som vanligt med horisontell scroll i wrappern.
   ========================================================================== */
.svc-table-wrap {
	overflow-x: auto;
	margin: 1.6em 0;
}
.entry-content table {
	border-collapse: collapse;
	width: 100%;
	background: var(--svc-surface);
	font-size: 17px;
}
.entry-content table th {
	background: var(--svc-green-800);
	color: #ffffff;
	font-family: var(--svc-font-brod);
	font-weight: 700;
	padding: 12px 14px;
	text-align: left;
}
.entry-content table td {
	padding: 12px 14px;
	border-bottom: 1px solid var(--svc-border);
}
.entry-content table tbody tr:nth-child(even) td {
	background: #FBF9F2;
}
/* Radrubriker (th scope="row") ska se ut som celler, inte som tabellhuvud */
.entry-content table tbody th[scope="row"] {
	background: #F2EFE4;
	color: var(--svc-green-800);
}

@media (max-width: 700px) {
	/* box-sizing MÅSTE sättas explicit, annars läggs cellpadding ovanpå
	   width:100% och korten sticker ut över högerkanten. */
	.svc-table-cards,
	.svc-table-cards tbody,
	.svc-table-cards tr,
	.svc-table-cards td {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}
	.svc-table-cards thead {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
		white-space: nowrap;
	}
	.svc-table-cards tr {
		border: 1px solid var(--svc-border);
		border-radius: 12px;
		background: var(--svc-surface);
		margin: 0 0 14px;
		padding: 6px 16px 10px;
	}
	.entry-content .svc-table-cards tbody tr:nth-child(even) td {
		background: transparent;
	}
	.svc-table-cards td {
		display: flex;
		justify-content: space-between;
		gap: 16px;
		padding: 9px 0;
		border: 0;
		border-bottom: 1px solid var(--svc-border);
		overflow-wrap: anywhere;
	}
	.svc-table-cards tr td:last-child {
		border-bottom: 0;
	}
	.svc-table-cards td::before {
		content: attr(data-label);
		flex: 0 0 42%;
		font-weight: 700;
		color: var(--svc-green-800);
		text-align: left;
	}
	.svc-table-cards td:not([data-label])::before,
	.svc-table-cards td[data-label=""]::before {
		content: none;
	}
	.entry-content .svc-table-cards .svc-card-title {
		display: block;
		width: 100%;
		box-sizing: border-box;
		background: transparent;
		color: var(--svc-green-800);
		font-family: var(--svc-font-rubrik);
		font-size: 19px;
		font-weight: 700;
		padding: 8px 0 10px;
		border-bottom: 2px solid var(--svc-gold-deep);
	}
}

/* =============================================================================
   INNEHÅLLSKOMPONENTER (shortcodes för klassiska redigeraren)
   ========================================================================== */

/* --- Faktaruta --- */
.svc-fakta {
	background: #FDFBF2;
	border: 1px solid var(--svc-border);
	border-left: 5px solid var(--svc-champagne);
	border-radius: 0 12px 12px 0;
	padding: 20px 24px;
	margin: 1.8em 0;
}
.svc-fakta__titel {
	margin: 0 0 8px;
	font-size: 20px;
}
.svc-fakta__text > p:last-child {
	margin-bottom: 0;
}

/* --- Fördelar och nackdelar --- */
.svc-proscons {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	margin: 1.8em 0;
}
.svc-lista {
	background: var(--svc-surface);
	border: 1px solid var(--svc-border);
	border-radius: 12px;
	padding: 18px 22px;
	margin: 1.4em 0;
}
.svc-proscons .svc-lista {
	margin: 0;
}
.svc-lista__rubrik {
	margin: 0 0 10px;
	font-size: 18px;
	font-family: var(--svc-font-brod);
	font-weight: 700;
	letter-spacing: .02em;
	text-transform: uppercase;
}
.svc-lista--plus .svc-lista__rubrik { color: var(--svc-link); }
.svc-lista--minus .svc-lista__rubrik { color: #A3402F; }
.svc-lista ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.svc-lista li {
	position: relative;
	padding: 5px 0 5px 30px;
	font-size: 17px;
}
.svc-lista li::before {
	position: absolute;
	left: 0;
	top: 5px;
	font-weight: 700;
}
.svc-lista--plus li::before {
	content: "\2713";
	color: var(--svc-link);
}
.svc-lista--minus li::before {
	content: "\2715";
	color: #A3402F;
}

/* --- Innehållsförteckning --- */
.svc-toc {
	background: var(--svc-surface);
	border: 1px solid var(--svc-border);
	border-radius: 12px;
	padding: 20px 26px;
	margin: 1.8em 0;
}
.svc-toc__titel {
	margin: 0 0 10px;
	font-size: 20px;
}
.svc-toc__lista {
	margin: 0;
	padding-left: 22px;
}
.svc-toc__lista li {
	padding: 3px 0;
}
.svc-toc__lista .svc-toc__niva3 {
	margin-left: 18px;
	list-style-type: circle;
	font-size: 16px;
}
.svc-toc a {
	color: var(--svc-link);
	text-decoration: none;
}
.svc-toc a:hover {
	text-decoration: underline;
}

/* --- FAQ (details/summary – fungerar utan JS) --- */
.svc-faq {
	margin: 1.8em 0;
}
.svc-faq__titel {
	margin-bottom: 12px;
}
.svc-faq__item {
	background: var(--svc-surface);
	border: 1px solid var(--svc-border);
	border-radius: 12px;
	margin: 0 0 10px;
	padding: 0;
}
.svc-faq__item > summary {
	cursor: pointer;
	list-style: none;
	padding: 15px 52px 15px 20px;
	position: relative;
	font-family: var(--svc-font-rubrik);
	font-size: 19px;
	font-weight: 700;
	color: var(--svc-green-800);
	min-height: 44px;
}
.svc-faq__item > summary::-webkit-details-marker {
	display: none;
}
.svc-faq__item > summary::after {
	content: "+";
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	font-family: var(--svc-font-brod);
	font-size: 24px;
	line-height: 1;
	color: var(--svc-gold-deep);
}
.svc-faq__item[open] > summary::after {
	content: "\2212";
}
.svc-faq__svar {
	padding: 0 20px 16px;
}
.svc-faq__svar > p:last-child {
	margin-bottom: 0;
}

/* --- Betyg --- */
.svc-betyg {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin: 0.6em 0;
}
.svc-betyg__etikett {
	font-weight: 700;
	color: var(--svc-green-800);
	font-size: 16px;
}
.svc-betyg__stjarnor {
	position: relative;
	display: inline-block;
	width: 110px;
	height: 20px;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 20"><g fill="%23DAD4C2"><polygon points="10,1 12,7 18,7 13,11 15,17 10,14 5,17 7,11 2,7 8,7"/><polygon points="30,1 32,7 38,7 33,11 35,17 30,14 25,17 27,11 22,7 28,7"/><polygon points="50,1 52,7 58,7 53,11 55,17 50,14 45,17 47,11 42,7 48,7"/><polygon points="70,1 72,7 78,7 73,11 75,17 70,14 65,17 67,11 62,7 68,7"/><polygon points="90,1 92,7 98,7 93,11 95,17 90,14 85,17 87,11 82,7 88,7"/></g></svg>') no-repeat left center;
	background-size: 110px 20px;
	vertical-align: middle;
}
.svc-betyg__fyllnad {
	display: block;
	height: 100%;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 20"><g fill="%23C9A24E"><polygon points="10,1 12,7 18,7 13,11 15,17 10,14 5,17 7,11 2,7 8,7"/><polygon points="30,1 32,7 38,7 33,11 35,17 30,14 25,17 27,11 22,7 28,7"/><polygon points="50,1 52,7 58,7 53,11 55,17 50,14 45,17 47,11 42,7 48,7"/><polygon points="70,1 72,7 78,7 73,11 75,17 70,14 65,17 67,11 62,7 68,7"/><polygon points="90,1 92,7 98,7 93,11 95,17 90,14 85,17 87,11 82,7 88,7"/></g></svg>') no-repeat left center;
	background-size: 110px 20px;
}
.svc-betyg__siffra {
	font-family: var(--svc-font-rubrik);
	font-weight: 700;
	font-size: 19px;
	color: var(--svc-green-800);
}

/* =============================================================================
   SIDFOT – Svenska-Casino.eu ("Centrerad våning")
   Byggs av svc_custom_footer() i functions.php och hookas in på Astras
   astra_footer_before. Ordning: varumärke → widgetkolumner → ansvarsfullt
   spelande → disclaimer. Astras copyright-komponent blir bottenraden.
   ========================================================================== */
.svc-footer {
	background: var(--svc-green-800);
	color: var(--svc-footer-text);
	font-size: 16px;
	line-height: 1.7;
	text-align: center;
}
.svc-footer__inner {
	padding-top: 56px;
	padding-bottom: 6px;
}

/* --- Varumärke: krona + wordmark --- */
.svc-footer__crown {
	display: block;
	margin: 0 auto 10px;
}
.svc-footer__wordmark {
	font-family: var(--svc-font-rubrik);
	font-size: 29px;
	font-weight: 700;
	letter-spacing: -.01em;
	color: #ffffff;
	margin: 0 0 4px;
}
.svc-logo-dash {
	color: var(--svc-champagne);
}
.svc-logo-tld {
	color: var(--svc-champagne);
	font-size: .6em;
	font-weight: 700;
}
.svc-footer__tagline {
	color: var(--svc-champagne-light);
	font-weight: 600;
	font-size: 15px;
	margin: 0 0 14px;
}
.svc-footer__about {
	max-width: 700px;
	margin: 0 auto 40px;
	font-size: 15px;
	color: var(--svc-footer-text);
}

/* --- Widgetkolumner (3-5 st), alltid ovanför ansvarsfullt spelande --- */
.svc-footer__widgets {
	display: grid;
	gap: 32px;
	margin: 0 0 8px;
	text-align: left;
}
.svc-footer__widgets--3 { grid-template-columns: repeat(3, 1fr); }
.svc-footer__widgets--4 { grid-template-columns: repeat(4, 1fr); }
.svc-footer__widgets--5 { grid-template-columns: repeat(5, 1fr); }
.svc-footer__col {
	min-width: 0;
}
.svc-footer__widget {
	margin: 0 0 24px;
}
.svc-footer__widget:last-child {
	margin-bottom: 0;
}
.svc-footer__widgettitle {
	font-family: var(--svc-font-brod);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--svc-champagne);
	margin: 0 0 12px;
}

/* Vertikala menyer utan separatorer: en länk per rad, inga streck */
.svc-footer__widget ul,
.svc-footer__menu {
	list-style: none;
	margin: 0;
	padding: 0;
}
.svc-footer__widget li,
.svc-footer__menu li {
	display: block;
	margin: 0 0 9px;
	padding: 0;
	border: 0;
}
.svc-footer__widget li::before,
.svc-footer__widget li::after,
.svc-footer__menu li::before,
.svc-footer__menu li::after {
	content: none;
}
.svc-footer__widget a,
.svc-footer__menu a {
	display: inline-block;
	color: var(--svc-footer-text);
	text-decoration: none;
	transition: color .15s ease;
}
.svc-footer__widget a:hover,
.svc-footer__menu a:hover {
	color: var(--svc-champagne-light);
}
.svc-footer__widget p,
.svc-footer__widget .textwidget {
	color: var(--svc-footer-text);
	font-size: 15px;
}

/* --- Ansvarsfullt spelande: ljust kort i den mörka foten --- */
.svc-footer__rgwrap {
	max-width: 860px;
	margin: 36px auto 0;
}
.svc-footer__rgwrap .svc-rg-light {
	margin: 0;
	box-shadow: 0 12px 32px rgba(4, 30, 23, .35);
}

/* Stödlinjens telefonrad – champagnepill på mörk yta */
.svc-rg__phone {
	text-align: center;
	margin: 20px 0 0;
}
.svc-rg__phone a {
	display: inline-block;
	color: var(--svc-champagne-light);
	font-weight: 600;
	font-size: 15px;
	text-decoration: none;
	border: 1px solid rgba(232, 200, 122, .55);
	border-radius: 999px;
	padding: 11px 26px;
	min-height: 44px;
	transition: background-color .15s ease, color .15s ease;
}
.svc-rg__phone a:hover,
.svc-rg__phone a:focus {
	background: rgba(232, 200, 122, .14);
	color: #ffffff;
}

/* --- Disclaimer --- */
.svc-footer__disclaimer {
	padding: 28px 0 30px;
}
.svc-footer__disclaimer p {
	max-width: 940px;
	margin: 0 auto;
	font-size: 13px;
	line-height: 1.75;
	color: var(--svc-footer-muted);
}

/* --- Bottenrad: Astras sidfot med copyright-komponenten --- */
.site-footer {
	background: var(--svc-green-950);
	color: var(--svc-footer-muted);
	font-size: 14px;
}
.site-footer .ast-builder-grid-row {
	padding-top: 16px;
	padding-bottom: 16px;
}
.ast-footer-copyright {
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
}
.ast-footer-copyright p {
	margin: 0;
	color: var(--svc-footer-muted);
}
.site-footer a {
	color: var(--svc-champagne-light);
	text-decoration: none;
}
.site-footer a:hover {
	color: var(--svc-champagne-soft);
}

/* =============================================================================
   ANSVARSFULLT SPELANDE-RADEN
   Renderas av svc_rg_logos() i functions.php. Den ljusa varianten
   (färglogotyper på krämkort) används både i sidfoten och av shortcoden
   [svc_ansvarsfullt]; den mörka (vita logotyper) finns för mörka ytor.
   ========================================================================== */
.svc-rg {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 20px 46px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.svc-rg li {
	margin: 0;
	padding: 0;
}
.svc-rg img {
	display: block;
	width: auto;
	transition: transform .15s ease;
}
.svc-rg a {
	display: inline-block;
	line-height: 0;
}
.svc-rg a:hover img,
.svc-rg a:focus img {
	transform: translateY(-2px);
}
.svc-rg__badge {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: #ffffff;
	font-family: var(--svc-font-brod);
	font-weight: 600;
	font-size: 16px;
}
.svc-rg__badge img { height: 34px; }
.svc-rg__spelinspektionen img { height: 52px; border-radius: 4px; }
.svc-rg__spelpaus img { height: 27px; }
.svc-rg__stodlinjen img { height: 25px; }

/* Ljus variant: krämkort med färglogotyper */
.svc-rg-light {
	gap: 18px 44px;
	margin: 1.6em 0;
	padding: 26px 30px;
	background: var(--svc-bg);
	border: 1px solid rgba(232, 200, 122, .45);
	border-radius: 14px;
}
.svc-rg-light .svc-rg__badge {
	color: var(--svc-green-800);
}
.svc-rg-light .svc-rg__badge img { height: 34px; }
.svc-rg-light .svc-rg__spelinspektionen img { height: 48px; }
.svc-rg-light .svc-rg__spelpaus img { height: 30px; }
.svc-rg-light .svc-rg__stodlinjen img { height: 26px; }

/* =============================================================================
   EDITOR-PALETT (Gutenberg) – frontend-klasser
   ========================================================================== */
.has-svc-emerald-color { color: var(--svc-green-800); }
.has-svc-emerald-background-color { background-color: var(--svc-green-800); }
.has-svc-forest-color { color: var(--svc-link); }
.has-svc-forest-background-color { background-color: var(--svc-link); }
.has-svc-champagne-color { color: var(--svc-champagne); }
.has-svc-champagne-background-color { background-color: var(--svc-champagne); }
.has-svc-gold-deep-color { color: var(--svc-gold-deep); }
.has-svc-gold-deep-background-color { background-color: var(--svc-gold-deep); }
.has-svc-amber-color { color: var(--svc-cta); }
.has-svc-amber-background-color { background-color: var(--svc-cta); }
.has-svc-light-color { color: var(--svc-bg); }
.has-svc-light-background-color { background-color: var(--svc-bg); }
.has-svc-text-color { color: var(--svc-text); }
.has-svc-text-background-color { background-color: var(--svc-text); }

/* =============================================================================
   RESPONSIVT
   ========================================================================== */
@media (max-width: 980px) {
	.svc-footer__inner {
		padding-top: 44px;
	}
	.svc-footer__widgets--4,
	.svc-footer__widgets--5 {
		grid-template-columns: repeat(2, 1fr);
	}
	h1, .entry-title { font-size: 32px; }
	h2 { font-size: 25px; }
}

@media (max-width: 600px) {
	body { font-size: 17px; }
	h1, .entry-title { font-size: 28px; }
	h2 { font-size: 23px; }
	h3 { font-size: 20px; }

	.svc-footer__widgets,
	.svc-footer__widgets--3,
	.svc-footer__widgets--4,
	.svc-footer__widgets--5 {
		grid-template-columns: 1fr;
		gap: 26px;
		text-align: center;
	}
	.svc-footer__wordmark {
		font-size: 24px;
	}
	.svc-proscons {
		grid-template-columns: 1fr;
	}
	.svc-rg,
	.svc-rg-light {
		gap: 16px 28px;
	}
	.svc-rg__spelinspektionen img,
	.svc-rg-light .svc-rg__spelinspektionen img { height: 44px; }
	.svc-footer__disclaimer p {
		font-size: 12.5px;
	}
	.svc-rg__phone a {
		font-size: 14px;
		padding: 10px 20px;
	}
	.svc-fakta,
	.svc-toc {
		padding: 16px 18px;
	}
}