/* assets/modern.css - die moderne Ansicht von "UCB Landau" (seit 2.0.0). Bis 1.0.5 die style.css des Kind-Themes
   "UCB Landau – Modern"; ab hier unveraendert. Geladen von ucb_theme_stile() (functions.php) unter dem Handle
   ucb-landau-kind, nur wenn die Ansicht "Modern" gilt (ucb_klassisch()). */

/* ==================================================================
   UCB Landau - Modern
   Nur der Kopfbereich. Die Farben sind GENAU die der Stadtkapelle
   (Wunsch des Benutzers, 11.09.2026). Sie sind dort gemessen, nicht
   geschaetzt: Kopf 90deg #075d91 -> #0876b8, Fuss 180deg #075d91 ->
   #04486f, Schrift im Fuss #dbe9f5. Die Variablen des Eltern-Themes
   bleiben unangetastet - geaendert wird nur, was der Kopf- und der
   Fussbereich davon benutzen.
   ================================================================== */

/* ALLES, was nur zur Schublade gehoert, ist ausserhalb des
   Smartphone-Bereichs ausdruecklich weg - auch wenn das Skript es
   einsetzt oder einblendet. Ohne diese Zeilen erscheinen die Teile auf
   breiten Bildschirmen mitten in der Kopfleiste: der Grund in 1.0.1,
   der Balken in 1.0.4. Beides war derselbe Fehler. */
.ucb-schublade-grund,
.ucb-schublade-kopf{display:none}

/* --- 1. Die Leiste: niedriger und dunkler ------------------------- */
/* 111 px waren es im Eltern-Theme: 17,6 Polsterung + Logokasten (12 + 52 + 12)
   + 17,6. Hier: 10 + (6 + 40 + 6) + 10 = 72 px, wie beim Schwestertheme
   der Stadtkapelle. Feste Pixel, damit die Leiste in jedem Browser gleich
   hoch ist, auch bei groesserer Grundschrift. */
.ucb-kopf{background:linear-gradient(90deg,#075d91 0%,#0876b8 100%)}
.ucb-kopf-innen{padding:10px 0;gap:20px}
.ucb-logo{padding:6px 12px;border-radius:12px}
.ucb-logo img{max-height:40px}

/* --- 2. Menuepunkte ----------------------------------------------- */
.ucb-kopf .ucb-nav a{padding:8px 14px;font-size:16px;letter-spacing:.01em}
.ucb-kopf .ucb-nav a:hover,.ucb-kopf .ucb-nav a:focus{background:rgba(255,255,255,.16)}
.ucb-kopf .ucb-nav .current-menu-item>a,.ucb-kopf .ucb-nav .current_page_item>a{background:#fff;color:#075d91}

/* --- 3. Aufklapptafeln -------------------------------------------- */
/* Die Mechanik (li:hover>ul, li:focus-within>ul) bringt das Eltern-Theme
   mit. Hier bekommt die Tafel nur etwas Abstand zur Leiste, einen
   kraeftigeren Schatten und eine ruhigere Innenaufteilung. */
.ucb-nav ul ul{margin-top:6px;padding:8px;min-width:240px;border-radius:14px;box-shadow:0 16px 34px rgba(18,63,91,.26)}
.ucb-kopf .ucb-nav ul ul a{padding:9px 12px;font-size:15.5px;font-weight:600}
.ucb-kopf .ucb-nav ul ul a:hover{background:var(--ucb-sky)}

/* --- 3a. Der Fussbereich ------------------------------------------ */
/* Derselbe Verlauf wie bei der Stadtkapelle, nur senkrecht statt
   waagerecht - so ist es dort auch. Das Eltern-Theme faerbt den Fuss
   einfarbig hell (--ucb-blue); hier wird er dunkel wie oben. */
.ucb-fuss{background:linear-gradient(180deg,#075d91 0%,#04486f 100%);color:#dbe9f5}
.ucb-fuss .ucb-fuss-innen a{color:#dbe9f5}
.ucb-fuss .ucb-fuss-innen a:hover{color:#fff}
.ucb-fuss-name{color:#dbe9f5;opacity:.92}
.ucb-fuss-trenner{color:#dbe9f5;opacity:.55}
/* Der obere Teil des Fussbereichs (Spalten, Symbole), falls er benutzt wird. */
.ucb-fuss-oben{border-bottom-color:rgba(255,255,255,.18)}
.ucb-fuss-oben a{color:#dbe9f5}
.ucb-fuss-oben a:hover{color:#fff}
.ucb-fuss-oben h3,.ucb-fuss-marke{color:#fff}

/* --- 4. Der Schalter ---------------------------------------------- */
.ucb-menue-schalter{color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);border-radius:10px}
.ucb-menue-schalter:hover{background:rgba(255,255,255,.24)}

/* --- 5. Schublade statt Klappliste (schmale Bildschirme) ---------- */
/* Das Eltern-Theme laesst das Menue unter der Leiste aufklappen. Hier
   faehrt es von rechts ein und legt sich ueber die Seite. Geschaltet wird
   weiterhin ueber die Klasse .ucb-offen, die das Eltern-Theme setzt -
   dieses Kind braucht dafuer kein eigenes Skript. assets/kopf.js ergaenzt
   nur, was eine Schublade zusaetzlich braucht: Escape, Klick daneben und
   das Festhalten der Seite darunter. */
@media(max-width:1040px){
	.ucb-menue-schalter{display:inline-flex}

	/* WEISS wie bei der Stadtkapelle: heller Grund, dunkle Schrift.
	   Bis 1.0.2 war die Schublade dunkelblau mit blasser Schrift - schlecht
	   zu lesen (vom Benutzer am 11.09.2026 beanstandet). */
	.ucb-nav{
		position:fixed;top:0;right:0;bottom:0;left:auto;
		width:min(330px,86vw);
		display:flex;flex-direction:column;align-items:stretch;gap:0;
		padding:0 0 24px;
		background:#fff;
		box-shadow:-18px 0 40px rgba(4,72,111,.32);
		transform:translateX(102%);
		transition:transform .25s ease;
		overflow-y:auto;z-index:120
	}
	.ucb-nav.ucb-offen{transform:none}
	.admin-bar .ucb-nav{top:32px}

	/* Der blaue Balken oben, mit Vereinsname und Schliesskreuz.
	   Beides setzt assets/kopf.js ein - das Markup kommt aus dem
	   Eltern-Theme und wird nicht angefasst. */
	.ucb-schublade-kopf{
		display:flex !important;align-items:center;justify-content:space-between;gap:12px;
		padding:14px 16px;
		background:linear-gradient(90deg,#075d91 0%,#0876b8 100%);
		color:#fff;font-weight:800;font-size:17px;
		position:sticky;top:0;z-index:2
	}
	.ucb-schublade-zu{
		display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;
		border:0;border-radius:50%;
		background:rgba(255,255,255,.22);color:#fff;
		font-size:22px;line-height:1;cursor:pointer
	}
	.ucb-schublade-zu:hover{background:rgba(255,255,255,.34)}

	.ucb-nav ul{flex-direction:column;align-items:stretch;gap:0;width:100%}
	.ucb-kopf .ucb-nav a{
		padding:15px 16px;border-bottom:1px solid #e3ecf4;border-radius:0;
		color:var(--ucb-text);font-size:17px;font-weight:700
	}
	.ucb-kopf .ucb-nav a:hover,.ucb-kopf .ucb-nav a:focus{background:var(--ucb-sky);color:#075d91}
	.ucb-kopf .ucb-nav .current-menu-item>a,.ucb-kopf .ucb-nav .current_page_item>a{background:transparent;color:#0876b8}
	.ucb-nav li:last-child>a{border-bottom:0}

	/* Unterpunkte: hell hinterlegt und eingerueckt, wie bei der Stadtkapelle. */
	.ucb-nav ul ul{position:static;opacity:1;visibility:hidden;height:0;overflow:hidden;transform:none;margin:0;padding:0;background:#f2f7fb;box-shadow:none;min-width:0;border-radius:0}
	.ucb-nav li:hover>ul,.ucb-nav li:focus-within>ul,.ucb-nav.ucb-offen ul ul{visibility:visible;height:auto;overflow:visible}
	.ucb-kopf .ucb-nav ul ul a{padding-left:30px;color:var(--ucb-text);font-size:15.5px;font-weight:600;opacity:1;border-bottom-color:#e3ecf4}
	.ucb-kopf .ucb-nav ul ul a:hover{background:#e6eff8;color:#075d91}

	/* Die Seite dahinter abdunkeln. Sichtbar wird der Grund NUR hier drin -
	   ausserhalb dieses Bereichs gibt es keine Schublade, und ein Knopf im
	   Seitenkoerper haette dort nichts zu suchen (1.0.1). */
	.ucb-schublade-grund:not([hidden]){display:block;position:fixed;inset:0;z-index:110;background:rgba(9,32,48,.5);border:0;padding:0;margin:0}

	/* Solange die Schublade offen ist, bleibt die Seite stehen. */
	html.ucb-schublade-offen,html.ucb-schublade-offen body{overflow:hidden}
}

@media(max-width:430px){
	.ucb-kopf-innen{padding:8px 0;gap:8px}
	.ucb-logo{padding:5px 9px}
	.ucb-logo img{max-height:30px}
}

@media(prefers-reduced-motion:reduce){
	.ucb-nav{transition:none}
}