/* Kontrast-Schicht (WCAG AA), Büro Blanko 11/2026. Ergänzt die Umfärbung in functions.php
   (wcrn_kontrast_farben) für Werte aus den Theme-Optionen und Plugins. Abschaltbar mit ?kontrast=0. */

:root {
    --gcid-body-color: #6a6a6a !important;
    --gcid-link-color: #3d7a30 !important;
}

/* Standard-Buttons aus den Theme-Optionen: helles Grün wie die Boxen, dunkle Schrift.
   Bewusst schwach gewichtet (html body), damit Farben aus den Modulen (z. B. Gelbgrün) gewinnen. */
html body .et_pb_button {
    background-color: #e7ede0;
}
/* Schrift dunkel; die Theme-Optionen setzen Weiß über body.et_pb_button_helper_class */
html body .et_pb_button,
html body.et_pb_button_helper_class .et_pb_button {
    color: #313131;
}

/* Social-Icons: dunkles Symbol auf den hellen Quadraten (Nicht-Text-Kontrast 3:1) */
.dsm_icon_list_child:has(> a[href*="linkedin.com"]) .dsm_icon_list_icon,
.dsm_icon_list_child:has(> a[href*="instagram.com"]) .dsm_icon_list_icon,
.dsm_icon_list_child:has(> a[href*="youtube.com"]) .dsm_icon_list_icon,
.dsm_icon_list_child:has(> a[href*="facebook.com"]) .dsm_icon_list_icon {
    color: #1f1f1f !important;
}

/* Jahreszahl im Footer */
#jahr { color: #767676 !important; }

/* Formular (Forminator): Zurück- und Weiter-Button, Fortschrittsanzeige */
.forminator-ui .forminator-button-back { background-color: #6a6a6a !important; color: #ffffff !important; }
.forminator-ui .forminator-button-next,
.forminator-ui .forminator-button-submit { background-color: #3c8633 !important; color: #ffffff !important; }
.forminator-ui .forminator-progress-label { color: #5f5f5a !important; }

/* Breadcrumbs, Reiter, Event-Auszüge und -Details */
.dsm_breadcrumbs_crumb,
.dsm-tab .dsm-title,
.wcrn-event-card .wcrn-event-excerpt,
.ecs-detail-label { color: #6a6a6a !important; }
.wcrn-event-card .wcrn-event-more a { color: #3d7a30 !important; }

/* Formular (Forminator): Feld- und Gruppenbeschriftungen */
.forminator-ui .forminator-label,
.forminator-ui .forminator-radio-label,
.forminator-ui .forminator-checkbox-label,
.forminator-ui .forminator-description { color: #5f5f5a !important; }

/* Veranstaltungen (The Events Calendar): Listendetails, Such-Button, leere Veranstalter-Links */
.tribe-events-calendar-list__event-details { color: #6a6a6a !important; }
html body .tribe-common button.tribe-common-c-btn,
html body .tribe-common a.tribe-common-c-btn,
html body .tribe-events button.tribe-events-c-search__button { background-color: #e7ede0 !important; color: #313131 !important; }
html body .tribe-events-calendar-list__event-description p { color: #6a6a6a !important; }
.et-l a[href=""]:not(.et_pb_button) { color: #6a6a6a !important; }

/* Social-Icons: Klickfläche mindestens 24 px (WCAG 2.5.8) */
.dsm_icon_list_child > a[href*="linkedin.com"],
.dsm_icon_list_child > a[href*="instagram.com"],
.dsm_icon_list_child > a[href*="youtube.com"],
.dsm_icon_list_child > a[href*="facebook.com"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    min-height: 24px;
}

/* Off-Canvas-Menü: helle Fläche wie die Boxen, dunkle Schrift, farbiges Logo (04.11.2026) */
html body .wcrn-offcanvas-menu {
	background-color: #e7ede0 !important;
}
html body .wcrn-offcanvas-menu .wcrn-offcanvas-menu__list li a,
html body .wcrn-offcanvas-menu .wcrn-offcanvas-menu__list li a:hover {
	color: #313131 !important;
}
html body .wcrn-offcanvas-menu .wcrn-offcanvas-menu__list li {
	border-bottom-color: rgba(49, 49, 49, 0.25) !important;
}
html body .wcrn-offcanvas-menu :focus-visible {
	outline-color: #313131 !important;
}
html body .wcrn-offcanvas-menu img[src*="logo-weiss"] {
	content: url("/wp-content/uploads/2025/01/wcrno-logo-2.svg");
}
html body .wcrn-offcanvas-menu .wcrn-menu-socials a {
	display: inline-block;
	line-height: 0;
	background-color: #ffffff;
}
html body .wcrn-offcanvas-menu img[src*="wcrn-linkedin"],
html body .wcrn-offcanvas-menu img[src*="wcrn-instagram"],
html body .wcrn-offcanvas-menu img[src*="wcrn-youtube"],
html body .wcrn-offcanvas-menu img[src*="wcrn-facebook"] {
	/* weiße Kachel wird #3c8633, das ausgesparte Symbol zeigt den weißen Link-Hintergrund */
	filter: brightness(0) saturate(100%) invert(74%) sepia(67%) saturate(1295%) hue-rotate(58deg) brightness(57%) contrast(72%);
	opacity: 1;
}
html body .wcrn-offcanvas-menu .wcrn-close-icon img {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200.43 199.38'%3E%3Crect fill='%233c8633' width='200.43' height='199.38'/%3E%3Cpolyline fill='%23fff' points='63.96 72.62 127.29 135.95 136.48 126.76 73.15 63.43'/%3E%3Cpolyline fill='%23fff' points='73.15 135.95 136.48 72.62 127.29 63.43 63.96 126.76'/%3E%3C/svg%3E");
}
html body .wcrn-offcanvas-menu .wcrn-close-icon:hover {
	background-color: transparent !important;
}

/* Bildsymbole und Störer mit ausreichendem Kontrast (04.11.2026): Menü/Schließen #3c8633, Störer-Schrift dunkel */
html body img[src*="wcrn-menu.svg"] {
	content: url("/wp-content/themes/bueroblanko/assets/img/wcrn-menu-kontrast.svg");
}
html body img[src*="wcrn-close.svg"] {
	content: url("/wp-content/themes/bueroblanko/assets/img/wcrn-close-kontrast.svg");
}
html body img[src*="wcrn-stoerer.svg"] {
	content: url("/wp-content/themes/bueroblanko/assets/img/wcrn-stoerer-kontrast.svg");
}
html body img[src*="wcrn-stoerer2-2.svg"] {
	content: url("/wp-content/themes/bueroblanko/assets/img/wcrn-stoerer2-kontrast.svg");
}

/* Footer: Social-Icons einheitlich dunkelgrün mit weißem Symbol (Wunsch Philipp, 04.11.2026) */
html body .et-l--footer li.dsm_icon_list_child:is(:has(a[href*="linkedin.com"]), :has(a[href*="instagram.com"]), :has(a[href*="youtube.com"]), :has(a[href*="facebook.com"])) .dsm_icon_list_icon {
	background-color: #3c8633 !important;
	color: #ffffff !important;
}
html body .et-l--footer li.dsm_icon_list_child:is(:has(a[href*="linkedin.com"]), :has(a[href*="instagram.com"]), :has(a[href*="youtube.com"]), :has(a[href*="facebook.com"])) .dsm_icon_list_icon * {
	color: #ffffff !important;
	fill: #ffffff !important;
}

/* Alle Social-Icons (Hero, Leiste unter dem Header, Footer): dunkelgrün mit weißem Symbol (Wunsch Philipp, 04.11.2026) */
html body #page-container#page-container#page-container .dsm_icon_list_child:is(:has(a[href*="linkedin.com"]), :has(a[href*="instagram.com"]), :has(a[href*="youtube.com"]), :has(a[href*="facebook.com"])) .dsm_icon_list_icon,
html body #page-container#page-container#page-container .dsm_icon_list_child:is(:has(a[href*="linkedin.com"]), :has(a[href*="instagram.com"]), :has(a[href*="youtube.com"]), :has(a[href*="facebook.com"])):hover .dsm_icon_list_icon {
	background-color: #3c8633 !important;
	color: #ffffff !important;
}

/* Karte „Über uns“: Plus-Punkte gelbgrün wie live, Symbol dunkel (Kontrast); der Standort-Pin bleibt grün */
html body .dsm_image_hotspots_child:not(.dsm_image_hotspots_child_8) .dsm_image_hotspots_wrapper {
	background-color: #d6e03e !important;
}
html body .dsm_image_hotspots_child:not(.dsm_image_hotspots_child_8) .dsm_image_hotspots_wrapper .et-pb-icon,
html body .dsm_image_hotspots_child:not(.dsm_image_hotspots_child_8) .dsm_image_hotspots_wrapper .et-pb-icon::before {
	color: #313131 !important;
}

/* Veranstaltung: Datum- und Uhrzeit-Symbole grün statt Plugin-Blau */
html body #page-container#page-container [class*="-ecs-icon"]::before,
html body #page-container#page-container [class*="-ecs-icon"]::after {
	color: #3d7a30 !important;
}