/**
 * EJUS Accessibility – Contrast Fixes
 *
 * Korrektur aller Farbkombinationen, die WCAG AA Kontrast-Anforderungen
 * nicht erfüllen (min. 4.5:1 für normalen Text, 3:1 für großen Text).
 *
 * WCAG 1.4.3 Contrast (Minimum) (Level AA)
 *
 * Problematische Original-Farbe: #bcb723 (Grün) auf Weiß = ~1.87:1
 * Korrektur: #7a7816 auf Weiß = ~4.57:1 (AA-konform)
 *
 * Für Hintergründe, auf denen weißer Text stehen muss:
 *   #6b6a13 auf Weiß = ~5.5:1 → Weiß auf #6b6a13 = ~5.5:1 (AA-konform)
 */

/* ===================================================================
   CSS Custom Properties – zentrale Kontrast-sichere Farbvariablen
   =================================================================== */

:root {
	--ejus-green-original: #bcb723;
	--ejus-green-accessible: #7a7816;
	--ejus-green-bg-dark: #6b6a13;
	--ejus-blue-dark: #0d3756;
	--ejus-gold: #fab617;
	--ejus-gold-accessible: #9a6f00;
	--ejus-white: #ffffff;
	--ejus-text-dark: #333333;
}

/* ===================================================================
   1. Breadcrumb-Leiste
   Original: Weiß (#fff) auf #bcb723 = 1.87:1 → FAIL
   Fix: Dunklerer Hintergrund #6b6a13 auf Weiß = 5.5:1 → PASS
   =================================================================== */

.row-breadcrumb.row-breadcrumb-light {
	border-color: var(--ejus-green-bg-dark);
	background-color: var(--ejus-green-bg-dark);
}

.row-breadcrumb.row-breadcrumb-light .breadcrumb-title,
.style-light .breadcrumb > li a,
.style-light .breadcrumb {
	color: var(--ejus-white);
}

/* Hover: Opacity-basierter Hover ersetzt durch Farb-basiert */
.style-light .breadcrumb > li a:hover,
.style-light .breadcrumb > li a:focus {
	opacity: 1;
	color: var(--ejus-gold);
}

/* ===================================================================
   2. Onepage Section-Header (gelbe Abschnitte)
   Weiß auf farbigem Hintergrund muss 4.5:1 erreichen
   =================================================================== */

.row-container.with-bg .heading-text[class*="style-light"] {
	color: var(--ejus-white);
}

/* ===================================================================
   3. Scroll-Dot-Navigation
   Original: rgba(255,255,255,0.5) = schwer zu erkennen
   Fix: Mindest-Kontrast sicherstellen
   =================================================================== */

.no-touch .onepage-pagination .cd-dot {
	background-color: rgba(255, 255, 255, 0.7);
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.4);
}

/* Aktiver/Hover-Zustand: Gold mit dunklem Ring für Kontrast */
.no-touch .onepage-pagination span.cd-dot-cont:hover .cd-dot,
.no-touch .onepage-pagination a.is-selected .cd-dot {
	background-color: var(--ejus-gold);
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.5);
}

/* ===================================================================
   4. Links auf hellem Hintergrund
   Stellt sicher, dass alle Links mind. 4.5:1 Kontrast haben
   =================================================================== */

.style-light a:not(.btn) {
	color: var(--ejus-blue-dark);
}

/* ===================================================================
   5. Disabled-Zustände
   Auch deaktivierte Elemente brauchen erkennbaren Kontrast (3:1)
   =================================================================== */

input:disabled,
button:disabled,
select:disabled,
textarea:disabled {
	opacity: 0.6;
	color: #595959;
	border-color: #999999;
}

/* ===================================================================
   6. Auswahl-Hervorhebung (::selection)
   Kontrast sicherstellen bei Textauswahl
   =================================================================== */

::selection {
	background: var(--ejus-blue-dark);
	color: var(--ejus-white);
}