/*--------------------------------------------------------------
# WP windpark – Cookie-Consent-Banner (Pressidium Cookie Consent)
#
# Zweck: Das Banner formal an das windpark-Design angleichen UND es gegen das
# allgemeine Theme-CSS abschirmen. Alles ist über die gemeinsame Banner-ID
# #cc--main gescoped – betrifft also ausschließlich das Cookie-Banner.
#
# Aufgabenteilung (bewusst!):
#   • FARBEN  -> NICHT hier, sondern in den Plugin-Einstellungen (JSON-Import,
#               landet in den CSS-Variablen --cc-*). So bleibt das Plugin
#               eigenständig konfigurierbar und update-fest.
#   • FORM    -> hier: Hausschrift, scharfe Ecken, Rahmen.
#   • SCHUTZ  -> hier: die wenigen Stellen neutralisieren, an denen Theme-Regeln
#               mit !important durch den plugin-eigenen Reset (.cc_div *)
#               brechen und Banner-Teile kaputt machen (Buttons, Toggles, Links).
#
# Hintergrund: Das Plugin kapselt sich per `.cc_div *{…}`-Reset selbst ab. Dieser
# Reset ist aber NUR normal gewichtet – Theme-Regeln mit !important auf nackten
# Element-Selektoren (button{}, input[type=checkbox]{}, a{}) schlagen daher
# trotzdem durch. Genau diese – und nur diese – werden unten zurückgenommen.
#
# WICHTIG – Toggles: Die Gestaltung der Schieberegler bleibt unverändert; sie
# kommt 1:1 vom Plugin. In Abschnitt 4 wird ausschließlich der Theme-Schaden an
# ihnen rückgängig gemacht, nicht ihr Aussehen verändert.
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# 1. Form über die Plugin-Variablen (KEINE Farben)
--------------------------------------------------------------*/
#cc--main {
	/* Hausschrift; das Plugin verteilt --cc-font-family an alle Banner-Teile. */
	--cc-font-family: 'New Truus', 'Helvetica Neue', Helvetica, Arial, sans-serif;

	/* windpark = scharfe Ecken (wie die Buttons in Shop/Checkout, border-radius:0). */
	--cc-border-radius: 0;
	--cc-btn-border-radius: 0;

	/* Flacher, dezenter Schatten statt des kräftigen Plugin-Defaults. */
	--cc-consent-modal-box-shadow: 0 6px 28px rgba(21, 18, 21, .12);
}

/* Haarlinien-Rahmen, damit sich das cremefarbene Banner vom – ebenfalls
   cremefarbenen – Seitenhintergrund absetzt. Die Farbe stammt aus der JSON
   (--cc-text), bleibt also Teil der Plugin-Konfiguration. */
#cc--main #cm,
#cc--main #s-inr {
	border: 1px solid var(--cc-text);
}

/*--------------------------------------------------------------
# 2. Buttons: Theme-Durchgriff neutralisieren
#
# Das Theme setzt global:
#   button { background-color:#fff0!important; margin-right:7px!important; }
# -> Banner-Buttons würden transparent (Füllung weg) und falsch eingerückt.
# Wir holen die Füllung aus den Plugin-Variablen zurück (Farbe = JSON) und
# korrigieren den Abstand. Hover läuft – wie die windpark-CTAs – über die
# Deckkraft statt über einen Farbwechsel.
--------------------------------------------------------------*/
/* Streu-Abstand von ALLEN Banner-Buttons entfernen (c-bn, cc-link, Schließen). */
#cc--main button {
	margin-right: 0 !important;
}

/* Standard-/Sekundär-Button (Nur notwendige, Ablehnen, Speichern …). */
#cc--main .c-bn {
	background: var(--cc-btn-secondary-bg) !important;
	transition: opacity .2s ease;
}

/* Primär-Button = jeweils erster Button der Gruppe (Alle akzeptieren). */
#cc--main #c-bns button:first-child,
#cc--main #s-bns button:first-child {
	background: var(--cc-btn-primary-bg) !important;
}

/* „swap"-Variante absichern (falls Button-Reihenfolge in den Optionen getauscht wird). */
#cc--main #c-bns.swap button:first-child { background: var(--cc-btn-secondary-bg) !important; }
#cc--main #c-bns.swap button:last-child  { background: var(--cc-btn-primary-bg) !important; }

/* Windpark-typischer Hover: leicht abdunkeln über die Deckkraft. */
#cc--main .c-bn:hover {
	opacity: .85;
}

/*--------------------------------------------------------------
# 3. Links: Unterstreichung wiederherstellen
#
# Das Theme entfernt global jede Unterstreichung (a{text-decoration:none!important}).
# Im Fließtext des Banners (z. B. Datenschutz-Link) sollen Links erkennbar bleiben.
# Die Farbe kommt weiterhin aus der JSON (--cc-text). Betrifft echte <a>-Links –
# der „Cookie-Einstellungen"-Auslöser ist ein <button> und bleibt unberührt.
--------------------------------------------------------------*/
#cc--main a {
	color: var(--cc-text) !important;
	text-decoration: underline !important;
}

/*--------------------------------------------------------------
# 4. Toggles: Theme-Checkbox-Hacks im Banner unschädlich machen
#
# NUR Schadensbegrenzung – das Aussehen der Schalter bleibt unverändert (Plugin).
# Das Theme blendet global JEDE Checkbox aus:
#   input[type=checkbox]{ visibility:hidden!important; width:0!important; }
# und hängt per `+ label/span:before` ein □/■-Zeichen an. Dadurch ist die
# eigentliche Klickfläche der Plugin-Schalter tot und es erscheint ein Fremd-
# zeichen. Beides wird hier – und nur hier – rückgängig gemacht.
--------------------------------------------------------------*/
/* Klickfläche des versteckten Schalter-Inputs wiederherstellen (Werte = Plugin). */
#cc--main .b-tg .c-tgl {
	visibility: visible !important;
	width: 3.4em !important;
}

/* Eingeschleustes □/■-Zeichen entfernen. Trifft nur das ::before des direkt auf
   die Checkbox folgenden Elements (= die Schiene .c-tg). Der Knopf (.c-tg::after)
   und die An/Aus-Icons (.on-i/.off-i) des Plugins bleiben unangetastet. */
#cc--main input[type="checkbox"] + label::before,
#cc--main input[type="checkbox"] + span::before,
#cc--main input[type="checkbox"]:checked + label::before,
#cc--main input[type="checkbox"]:checked + span::before {
	content: none !important;
}