/*
Theme Name:   Kadence Child DSL
Theme URI:    https://deutsche-sexlinks.com/
Description:  Child-Theme fuer deutsche-sexlinks.com (Deutscher Sexlink-Webkatalog). Basiert auf Kadence.
Author:       deutsche-sexlinks.com
Template:     kadence
Version:      1.2.0
Text Domain:  kadence-child
*/

/* ============================================================
   deutsche-sexlinks.com – Webkatalog-Styles
   Farbschema: dunkel + Rot/Pink
   ============================================================ */

:root {
	--dsl-bg:        #14121a;
	--dsl-card:      #1e1b26;
	--dsl-card-2:    #272230;
	--dsl-red:       #e2001a;   /* Rot */
	--dsl-pink:      #ff3d6e;
	--dsl-green:     #1faf5a;   /* Check-Grün */
	--dsl-text:      #ece9f1;
	--dsl-muted:     #a59fb5;
	--dsl-border:    #322c3d;
}

/* ---------- Hero ---------- */
.dsl-hero {
	position: relative;
	margin: 0 0 3rem;
	padding: 4.5rem 1.5rem 4rem;
	text-align: center;
	border-radius: 0;
	background:
		linear-gradient(180deg, rgba(255,255,255,.12), transparent 22%),
		radial-gradient(1200px 420px at 50% -10%, rgba(226,0,26,.42), transparent 62%),
		linear-gradient(160deg, #2a2030 0%, #14121a 72%);
	border: 1px solid rgba(255,255,255,.10);
	box-shadow:
		0 30px 60px -30px rgba(0,0,0,.9),
		inset 0 1px 0 rgba(255,255,255,.12);
	overflow: hidden;
}
/* feiner Glanz-Bogen oben */
.dsl-hero::before {
	content: "";
	position: absolute;
	top: -60%;
	left: -10%;
	width: 120%;
	height: 120%;
	background: radial-gradient(closest-side, rgba(255,255,255,.08), transparent 70%);
	pointer-events: none;
}
.dsl-hero h1 {
	margin: 0 0 .6rem;
	font-size: clamp(2rem, 5vw, 3.2rem);
	line-height: 1.1;
	color: #fff;
	letter-spacing: -.5px;
}
.dsl-hero h1 .accent { color: var(--dsl-pink); }
.dsl-hero p {
	margin: 0 auto;
	max-width: 620px;
	font-size: 1.15rem;
	color: var(--dsl-muted);
}
.dsl-hero .dsl-badge {
	display: inline-block;
	margin-bottom: 1.1rem;
	padding: .35rem .9rem;
	font-size: .8rem;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #ffd0d8;
	background: rgba(226,0,26,.18);
	border: 1px solid rgba(226,0,26,.45);
	border-radius: 0;
}

/* ---------- Katalog-Grid ---------- */
.dsl-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 1.4rem;
	margin: 0 0 3.5rem;
}
.dsl-section-title {
	margin: 0 0 1.3rem;
	font-size: 1.7rem;
	color: #fff;
	position: relative;
	padding-left: .9rem;
}
.dsl-section-title::before {
	content: "";
	position: absolute;
	left: 0; top: .15em; bottom: .15em;
	width: 4px;
	background: linear-gradient(180deg, var(--dsl-red), var(--dsl-pink));
}
.dsl-card {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 1.6rem 1.6rem 1.5rem;
	border-radius: 0;
	background:
		linear-gradient(160deg, #241f2e 0%, #15111c 100%);
	border: 1px solid rgba(255,255,255,.10);
	box-shadow:
		0 14px 32px -18px rgba(0,0,0,.95),
		inset 0 1px 0 rgba(255,255,255,.18);
	text-decoration: none;
	color: var(--dsl-text);
	transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
	overflow: hidden;
}
/* glänzender Glas-Reflex oben (weniger matt) */
.dsl-card::after {
	content: "";
	position: absolute;
	inset: 0 0 auto 0;
	height: 58%;
	background: linear-gradient(180deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,.05) 38%, transparent 100%);
	pointer-events: none;
}
/* Akzentlinie oben */
.dsl-card::before {
	content: "";
	position: absolute;
	inset: 0 0 auto 0;
	height: 3px;
	z-index: 1;
	background: linear-gradient(90deg, var(--dsl-red), var(--dsl-pink));
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .3s ease;
}
.dsl-card:hover {
	transform: translateY(-7px);
	border-color: rgba(255,61,110,.55);
	box-shadow:
		0 24px 50px -20px rgba(226,0,26,.65),
		inset 0 1px 0 rgba(255,255,255,.14);
	color: var(--dsl-text);
}
.dsl-card:hover::before { transform: scaleX(1); }

/* Kopfzeile: Icon + Titel in einer Zeile */
.dsl-card-head {
	display: flex;
	align-items: center;
	gap: .8rem;
	margin-bottom: .85rem;
}
.dsl-card .dsl-ico {
	flex: 0 0 auto;
	width: 2.8rem;
	height: 2.8rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
	line-height: 1;
	border-radius: 0;
	background: #000;
	border: none;
	box-shadow: none;
}
.dsl-card h3 {
	margin: 0;
	font-size: 1.22rem;
	line-height: 1.2;
	color: #fff;
}
.dsl-card p {
	margin: 0 0 1.2rem;
	font-size: .95rem;
	color: var(--dsl-muted);
	flex: 1;
}
.dsl-card .dsl-go {
	align-self: flex-start;
	font-weight: 600;
	font-size: .92rem;
	color: var(--dsl-pink);
}
.dsl-card .dsl-go::after {
	content: " →";
	transition: margin-left .2s ease;
}
.dsl-card:hover .dsl-go::after { margin-left: .35rem; }

/* ---------- Masonry Link-Cards (Money-Links) ---------- */
.dsl-masonry {
	columns: 2;
	column-gap: 1.4rem;
	margin: .4rem 0 1.6rem;
}
@media (max-width: 600px) { .dsl-masonry { columns: 1; } }
.dsl-link {
	break-inside: avoid;
	display: block;
	margin: 0 0 1.4rem;
	background: linear-gradient(160deg, #241f2e 0%, #15111c 100%);
	border: 1px solid rgba(255,255,255,.10);
	box-shadow:
		0 14px 32px -18px rgba(0,0,0,.95),
		inset 0 1px 0 rgba(255,255,255,.16);
	text-decoration: none;
	color: var(--dsl-text);
	overflow: hidden;
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.dsl-link:hover {
	border-color: rgba(255,61,110,.55);
	box-shadow: 0 20px 44px -22px rgba(226,0,26,.55);
	color: var(--dsl-text);
}
.dsl-link-thumb {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: .45rem;
	min-height: 175px;
	padding: 1.6rem 1rem;
	text-align: center;
	color: #fff;
	background-color: #15111c;
	background-size: cover;
	background-position: top center;
	overflow: hidden;
}
/* Screenshot voll sichtbar; Text sitzt auf schwarzem Halbtransparenz-Klotz */
.dsl-link-thumb > * { position: relative; z-index: 1; }
.dsl-link-cap {
	position: relative;
	z-index: 1;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	gap: .35rem;
	padding: .8rem 1.15rem;
	background: rgba(0,0,0,.58);
	backdrop-filter: blur(1px);
}
.dsl-link-thumb .ico { font-size: 2.5rem; line-height: 1; text-shadow: 0 2px 8px rgba(0,0,0,.7); }
.dsl-link-thumb .kw {
	font-size: 1.15rem;
	font-weight: 800;
	letter-spacing: .06em;
	text-transform: uppercase;
	text-shadow: 0 2px 10px rgba(0,0,0,.8);
}
.dsl-link-thumb .host {
	font-size: .78rem;
	color: rgba(255,255,255,.88);
	letter-spacing: .03em;
	text-shadow: 0 1px 6px rgba(0,0,0,.8);
}
.dsl-link-body { padding: 1.1rem 1.3rem 1.4rem; }
.dsl-link-body h3 { margin: 0 0 .5rem; color: #fff; font-size: 1.18rem; }
.dsl-link-body p {
	margin: 0 0 1.1rem;
	color: var(--dsl-muted);
	font-size: .95rem;
	line-height: 1.5;
	min-height: 2.85em;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* "Seite besuchen"-Button (statt klickbarer Card) */
.dsl-btn {
	display: block;
	width: fit-content;
	margin: 0 auto;
	padding: .62rem 1.45rem;
	background: var(--dsl-red);
	color: #fff !important;
	font-weight: 700;
	font-size: .92rem;
	text-align: center;
	text-decoration: none;
	border: 1px solid rgba(255,255,255,.14);
	box-shadow: 0 3px 9px -5px rgba(0,0,0,.7);
	transition: background .2s ease, transform .2s ease;
}
.dsl-btn:hover { background: var(--dsl-pink); transform: translateY(-1px); color: #fff !important; }
.dsl-btn::before {
	content: "";
	display: inline-block;
	width: 1em; height: 1em;
	margin-right: .5rem;
	vertical-align: -0.15em;
	background: url("tap.svg") center / contain no-repeat;
}

/* ---------- SEO-Content in Boxen ---------- */
.dsl-seo {
	color: var(--dsl-text);
	display: grid;
	gap: 1.4rem;
	margin-top: 1rem;
}
.dsl-seo h2, .dsl-seo h3 { color: #fff; }

.dsl-box {
	position: relative;
	background:
		linear-gradient(165deg, rgba(255,255,255,.045), rgba(255,255,255,0) 40%),
		linear-gradient(155deg, #272230, #1a1722);
	border: 1px solid rgba(255,255,255,.08);
	border-left: 3px solid var(--dsl-red);
	border-radius: 0;
	padding: 1.7rem 1.9rem;
	box-shadow:
		0 16px 36px -24px rgba(0,0,0,.85),
		inset 0 1px 0 rgba(255,255,255,.07);
	transition: border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}
.dsl-box:hover {
	border-left-color: var(--dsl-pink);
	box-shadow:
		0 22px 44px -24px rgba(226,0,26,.4),
		inset 0 1px 0 rgba(255,255,255,.1);
}
.dsl-box > :first-child { margin-top: 0; }
.dsl-box > :last-child { margin-bottom: 0; }
.dsl-box h2 { font-size: 1.55rem; margin: 0 0 .9rem; }
.dsl-box h3 { font-size: 1.2rem; margin: 0 0 .5rem; }
.dsl-box p { margin: 0 0 .8rem; }

/* Akzent-Box (Kantönligeist) */
.dsl-box--accent {
	background:
		radial-gradient(700px 220px at 0% 0%, rgba(226,0,26,.22), transparent 60%),
		var(--dsl-card);
	border-left-color: var(--dsl-pink);
}

/* Check-Liste (Vorteile) */
.dsl-checks { list-style: none; margin: 0; padding: 0; display: grid; gap: .55rem; }
.dsl-checks li {
	position: relative;
	padding-left: 1.9rem;
	line-height: 1.5;
}
.dsl-checks li::before {
	content: "";
	position: absolute;
	left: 0; top: 0;
	width: 1.3rem; height: 1.3rem;
	border-radius: 50%;
	background:
		url("check.svg") center / .72rem .72rem no-repeat,
		linear-gradient(135deg, #168a47, var(--dsl-green));
}

/* Nischen als nummerierte Chips */
.dsl-niches { list-style: none; margin: 0; padding: 0; counter-reset: niche;
	display: grid; gap: .55rem; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.dsl-niches li {
	counter-increment: niche;
	position: relative;
	padding: .65rem .9rem .65rem 3rem;
	background: var(--dsl-bg);
	border: 1px solid var(--dsl-border);
	border-radius: 0;
	font-size: .95rem;
}
.dsl-niches li::before {
	content: counter(niche);
	position: absolute; left: .65rem; top: 50%; transform: translateY(-50%);
	width: 1.75rem; height: 1.75rem; border-radius: 50%;
	background: linear-gradient(135deg, var(--dsl-red), var(--dsl-pink));
	color: #fff; font-weight: 700; font-size: .82rem;
	display: flex; align-items: center; justify-content: center;
}
.dsl-niches li:hover { border-color: rgba(255,61,110,.5); }
.dsl-niches a { color: #fff; }
.dsl-niches a:hover { color: var(--dsl-pink); }

/* Kategorie-Liste mit Pfeil */
.dsl-catlist { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; }
.dsl-catlist li { padding-left: 1.5rem; position: relative; }
.dsl-catlist li::before { content: "→"; position: absolute; left: 0; color: var(--dsl-pink); font-weight: 700; }
.dsl-catlist a { color: #fff; }
.dsl-catlist a:hover { color: var(--dsl-pink); }

/* Schritt-Liste */
.dsl-steps { margin: 0; padding-left: 1.3rem; display: grid; gap: .5rem; }
.dsl-steps li::marker { color: var(--dsl-pink); font-weight: 700; }

/* FAQ-Boxen */
.dsl-faq { display: grid; gap: .9rem; }
.dsl-faq .dsl-q {
	background: var(--dsl-bg);
	border: 1px solid var(--dsl-border);
	border-radius: 0;
	padding: 1rem 1.2rem;
}
.dsl-faq .dsl-q h3 { margin: 0 0 .4rem; font-size: 1.08rem; }
.dsl-faq .dsl-q p { margin: 0; color: var(--dsl-muted); }

/* ============================================================
   Globales Dark-Theme (überschreibt Kadence-Defaults robust)
   ============================================================ */
body,
#wrapper.site,
.content-bg.loop-entry,
.wp-site-blocks {
	background-color: var(--dsl-bg) !important;
	color: var(--dsl-text);
}

/* Boxen / Content-Wrapper transparent, damit Dark durchscheint */
.content-bg,
.content-container,
.entry-content-wrap,
.single-content,
.entry-content,
.hentry {
	background: transparent !important;
	box-shadow: none !important;
}

/* Header dunkel */
#masthead.site-header,
.site-header-row-container-inner,
.site-top-header-wrap .site-header-row-container-inner,
.site-main-header-wrap .site-header-row-container-inner {
	background-color: #0f0d14 !important;
	border-color: var(--dsl-border) !important;
}
.site-branding .site-title,
.site-branding .site-title a { color: #fff !important; }
.site-branding .site-description { color: var(--dsl-muted) !important; }

/* Deutschland-Flagge vor dem Seitentitel */
.site-branding .site-title {
	display: inline-flex !important;
	align-items: center;
}
.site-branding .site-title::before {
	content: "";
	display: inline-block;
	width: 1.95em;
	height: 1.65em;
	margin-right: .5rem;
	flex: 0 0 auto;
	background: url("logo.svg") no-repeat center / contain;
}

/* Navigation */
.header-navigation .menu > li > a,
.header-navigation a { color: var(--dsl-text) !important; }
.header-navigation .menu > li > a:hover,
.header-navigation .menu > li.current-menu-item > a { color: var(--dsl-pink) !important; }

/* Footer dunkel */
#colophon.site-footer,
.site-footer-row-container-inner,
.site-middle-footer-wrap .site-footer-row-container-inner,
.site-bottom-footer-wrap .site-footer-row-container-inner {
	background-color: #0f0d14 !important;
	border-color: var(--dsl-border) !important;
	color: var(--dsl-muted) !important;
}
#colophon a, .site-footer a { color: var(--dsl-muted) !important; }
#colophon a:hover, .site-footer a:hover { color: var(--dsl-pink) !important; }

/* Überschriften & Links im Content */
.entry-content h1, .entry-content h2, .entry-content h3,
.entry-content h4, h1.entry-title, .page-title { color: #fff; }
.entry-content a { color: var(--dsl-pink); }
.entry-content a:hover { color: #fff; }

/* Standard-Buttons im Schweizer-Rot */
.wp-block-button__link,
.button, button, input[type="submit"] {
	background-color: var(--dsl-red) !important;
	border-color: var(--dsl-red) !important;
	color: #fff !important;
}

/* Redundanten Kadence-Seitentitel ausblenden – jede Katalog-Seite bringt ihren
   eigenen dsl-hero mit (Start UND alle Kategorie-Seiten). */
body.page .entry-hero-container,
body.page .entry-hero,
body.page header.entry-header,
body.home .entry-hero-container,
body.home .entry-hero,
body.home header.entry-header {
	display: none !important;
}
/* Abstand Header -> erste Box (Hero) minimal halten */
body.page .content-container,
body.home .content-container,
body.page .content-container.site-container-inner,
body.home .content-container.site-container-inner { padding-top: 0 !important; }
body.page #inner-wrap .content-container,
body.home #inner-wrap .content-container { margin-top: 0 !important; }
body.page .entry-content,
body.home .entry-content { margin-top: 0 !important; }
body.page .entry-content > .dsl-hero:first-child,
body.home .entry-content > .dsl-hero:first-child { margin-top: 0; }
.dsl-hero { margin-top: 0; }
/* Falls Kadence die Hero/Title-Area dennoch ausgibt: Content-Wrap nicht weiss */
.entry-content-wrap, .entry.single-entry, .entry.loop-entry,
.content-bg.entry { background: transparent !important; box-shadow: none !important; }

/* ---------- Scroll-to-Top ---------- */
#dsl-totop {
	position: fixed;
	right: 1.4rem;
	bottom: 1.4rem;
	z-index: 999;
	width: 2.9rem;
	height: 2.9rem;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	background: var(--dsl-red);
	color: #fff;
	border: 1px solid rgba(255,255,255,.16);
	font-size: 1.35rem;
	line-height: 1;
	cursor: pointer;
	box-shadow: 0 8px 18px -6px rgba(0,0,0,.75);
	opacity: 0;
	visibility: hidden;
	transform: translateY(14px);
	transition: opacity .25s ease, transform .25s ease, visibility .25s ease, background .2s ease;
}
#dsl-totop.show {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
#dsl-totop:hover {
	background: var(--dsl-pink);
	color: #fff;
}
@media (max-width: 480px) {
	#dsl-totop { right: 1rem; bottom: 1rem; width: 2.6rem; height: 2.6rem; }
}

/* ---------- Responsive ---------- */
@media (max-width: 480px) {
	.dsl-hero { padding: 3.2rem 1.1rem; }
}

/* Mobile/Tablet: 2-Zeilen-Clamp aufheben, damit Kachel-Text nicht abgeschnitten wird */
@media (max-width: 782px) {
	.dsl-link-body p,
	.dsl-card p {
		display: block;
		-webkit-line-clamp: unset;
		-webkit-box-orient: unset;
		min-height: 0;
		overflow: visible;
	}
}

/* ============================================================
   deutsche-sexlinks.com – EIGENES Design (Override-Layer)
   Unterscheidung vom esch-Original: runde Ecken, Gold-Akzent,
   Pill-Buttons, anderer Hero-Verlauf, Plum-Dunkel.
   ============================================================ */
:root {
	--dsl-bg:     #0f0b15;
	--dsl-card:   #1b1524;
	--dsl-card-2: #251c31;
	--dsl-red:    #e11d5e;   /* Crimson/Rose CTA */
	--dsl-pink:   #ff79b0;   /* weiches Rosé */
	--dsl-gold:   #f4c95d;   /* Gold-Akzent (neu) */
	--dsl-green:  #2bb673;
	--dsl-text:   #efe9f3;
	--dsl-muted:  #aaa0b8;
	--dsl-border: #352a44;
}
/* abgerundete Ecken statt scharfer Kanten */
.dsl-hero       { border-radius: 22px; }
.dsl-card,
.dsl-link,
.dsl-link-thumb { border-radius: 16px; }
.dsl-box        { border-radius: 16px; border-left-width: 4px; }
.dsl-q,
.dsl-niches li  { border-radius: 12px; }
.dsl-ico        { border-radius: 12px; }
.dsl-badge      { border-radius: 999px; }
/* Pill-Buttons mit Verlauf */
.dsl-btn {
	border-radius: 999px;
	background: linear-gradient(135deg, var(--dsl-red), var(--dsl-pink));
	border: none;
	box-shadow: 0 6px 16px -6px rgba(225,29,94,.7);
}
.dsl-btn:hover { background: linear-gradient(135deg, var(--dsl-pink), var(--dsl-gold)); }
/* Hero: anderer Verlauf (Magenta/Gold statt Rot) + Gold-Accent-Wort */
.dsl-hero {
	background:
		radial-gradient(900px 360px at 80% -10%, rgba(244,201,93,.20), transparent 60%),
		radial-gradient(1100px 460px at 18% 0%, rgba(225,29,94,.42), transparent 62%),
		linear-gradient(155deg, #2a1830 0%, #0f0b15 74%);
}
.dsl-hero h1 .accent { color: var(--dsl-gold); }
.dsl-badge {
	color: #1a1020;
	background: linear-gradient(135deg, var(--dsl-gold), #ffe39a);
	border: none;
	font-weight: 700;
}
/* Section-Titel-Balken + Card-Top-Accent in Gold->Pink */
.dsl-section-title::before,
.dsl-card::before { background: linear-gradient(180deg, var(--dsl-gold), var(--dsl-pink)); }
.dsl-card::before { background: linear-gradient(90deg, var(--dsl-gold), var(--dsl-pink)); }
.dsl-card:hover { border-color: rgba(244,201,93,.55); box-shadow: 0 24px 50px -20px rgba(244,201,93,.4), inset 0 1px 0 rgba(255,255,255,.14); }
.dsl-go { color: var(--dsl-gold); }
/* Box-Akzentkante Gold, Hover Pink */
.dsl-box { border-left-color: var(--dsl-gold); }
.dsl-box:hover { border-left-color: var(--dsl-pink); }
/* Nischen-Chips: Gold-Nummern */
.dsl-niches li::before { background: linear-gradient(135deg, var(--dsl-gold), var(--dsl-pink)); color: #1a1020; }
/* Content-Links Gold statt Pink */
.entry-content a { color: var(--dsl-gold); }
.entry-content a:hover { color: var(--dsl-pink); }
.dsl-niches a, .dsl-catlist a { color: var(--dsl-gold); }
/* Standard-Buttons als Gradient-Pill */
.wp-block-button__link, .button, button, input[type="submit"] {
	background: linear-gradient(135deg, var(--dsl-red), var(--dsl-pink)) !important;
	border: none !important; border-radius: 999px !important;
}

/* ============================================================
   Header-Menü als Hamburger-Dropdown – AUCH im Desktop
   (Kadence Side-Panel-Drawer auf allen Breakpoints nutzen)
   ============================================================ */
/* Inline-Hauptnavigation + nativen Mobile-Toggle ausblenden – wir nutzen einen
   eigenen Button (#dsl-menu-toggle), der den vorhandenen Drawer oeffnet. */
.site-header-item-main-navigation { display: none !important; }
.mobile-toggle-open-container { display: none !important; }

/* Eigener Hamburger-Button: oben rechts im Header, auf ALLEN Breakpoints */
/* Header sticky: bleibt beim Scrollen oben sichtbar (Menue immer erreichbar) */
#masthead {
	position: sticky;
	top: 0;
	z-index: 999;
	box-shadow: 0 6px 20px -10px rgba(0,0,0,.8);
}
#dsl-menu-toggle {
	position: absolute;
	top: 50%; right: clamp(1rem, 4vw, 2.5rem);
	transform: translateY(-50%);
	z-index: 99;
	display: inline-flex !important;
	align-items: center;
	gap: .55rem;
	color: var(--dsl-gold) !important;
	background: rgba(244,201,93,.12) !important;
	border: 1px solid rgba(244,201,93,.5) !important;
	border-radius: 999px !important;
	padding: .55rem 1.1rem;
	font-weight: 700;
	font-size: .98rem;
	line-height: 1;
	cursor: pointer;
	transition: background .2s ease, transform .2s ease;
}
#dsl-menu-toggle:hover { background: rgba(244,201,93,.24) !important; transform: translateY(-50%) scale(1.03); }
#dsl-menu-toggle svg { width: 22px; height: 22px; fill: currentColor; }
@media (max-width: 480px) { #dsl-menu-toggle .dsl-menu-label { display: none; } }

/* Drawer (Side-Panel) dunkel + Gold-Akzent */
#mobile-drawer .drawer-content,
#mobile-drawer .drawer-inner { background-color: #0f0b15 !important; color: var(--dsl-text) !important; }
#mobile-drawer .drawer-header { border-bottom: 1px solid var(--dsl-border) !important; }
#mobile-drawer .menu-toggle-close,
#mobile-drawer .menu-toggle-close .kadence-svg-icon { color: var(--dsl-gold) !important; }
#mobile-drawer .mobile-navigation ul { padding: .4rem 0; }
#mobile-drawer .mobile-navigation li { border-bottom: 1px solid var(--dsl-border) !important; }
#mobile-drawer .mobile-navigation a {
	color: var(--dsl-text) !important;
	font-size: 1.06rem;
	padding: .85rem 1.4rem !important;
	transition: color .2s ease, background .2s ease;
}
#mobile-drawer .mobile-navigation a:hover,
#mobile-drawer .mobile-navigation .current-menu-item > a {
	color: var(--dsl-gold) !important;
	background: rgba(244,201,93,.08) !important;
}