/* ------------------------------------------------------------------
   Chrome: Header & Footer. Nutzt ausschliesslich theme.json-Tokens.
   Wird ueber inc/setup.php im Front- und Editor-Kontext geladen.
------------------------------------------------------------------- */

/* ---------- Header ---------- */
.bglw-header {
	position: sticky;
	top: 0;
	z-index: 50;
	background: var(--wp--preset--color--weiss);
	border-bottom: 1px solid #dbe4ee;
	padding-block: 0;
}

.bglw-header__bar {
	align-items: center;
	min-height: 76px;
}

.bglw-header__actions {
	gap: 1.25rem;
	align-items: center;
}

/* Navigation
   Abstand gehoert auf den Menue-Container (die <ul>), nicht auf den
   aeusseren Wrapper – sonst greift der gap nicht. Styling entspricht der
   bestaetigten Fassung aus dem Seiten-HTML (Headline-Schrift, Unterstrich
   per scaleX beim Hover / aktiver Seite). */
.bglw-nav .wp-block-navigation__container {
	gap: 1.7rem;
	align-items: center;
}

.bglw-nav.wp-block-navigation .wp-block-navigation-item__content,
.bglw-nav.wp-block-navigation .wp-block-navigation-item__content:visited {
	position: relative;
	font-family: Archivo, 'Segoe UI', system-ui, sans-serif;
	font-weight: 600;
	font-size: 0.95rem;
	color: var(--wp--preset--color--alpinblau);
	text-decoration: none;
	padding-block: 0.4rem;
}

.bglw-nav .wp-block-navigation-item__content::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	background: var(--wp--preset--color--orange-web);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.18s ease;
}

.bglw-nav .wp-block-navigation-item__content:hover::after,
.bglw-nav .current-menu-item > .wp-block-navigation-item__content::after {
	transform: scaleX(1);
}

/* Reduced Motion: Unterstrich ohne Animation direkt schalten */
@media (prefers-reduced-motion: reduce) {
	.bglw-nav .wp-block-navigation-item__content::after {
		transition: none;
	}
}

/* Such-Icon als quadratischer Button */
.bglw-search .wp-block-search__button {
	background: var(--wp--preset--color--weiss);
	border: 1px solid #dbe4ee;
	color: var(--wp--preset--color--alpinblau);
	border-radius: 9px;
	padding: 0.55rem;
}

.bglw-search .wp-block-search__button:hover {
	border-color: var(--wp--preset--color--seeblau);
}

/* Kontakt-Button */
.bglw-cta .wp-block-button__link {
	font-family: Archivo, 'Segoe UI', system-ui, sans-serif;
	font-weight: 700;
	border-radius: 9px;
	padding: 0.7rem 1.25rem;
}

.bglw-cta .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--alpinblau) !important;
	color: var(--wp--preset--color--weiss) !important;
}

/* ---------- Footer ---------- */
.bglw-footer h4 {
	color: var(--wp--preset--color--weiss);
	font-size: 0.82rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	margin-bottom: 0.9rem;
}

.bglw-footer a {
	color: #cfe0f0;
	text-decoration: none;
}

.bglw-footer a:hover {
	color: var(--wp--preset--color--weiss);
	text-decoration: underline;
}

.bglw-footer__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
	font-size: 0.95rem;
}

.bglw-footer__claim {
	color: #b8cee4;
	font-size: 0.92rem;
	max-width: 34ch;
	margin-top: 0.9rem;
}

.bglw-footer__addr {
	color: #cfe0f0;
	font-size: 0.95rem;
	line-height: 1.8;
}

.bglw-footer__bottom {
	border-top: 1px solid rgba(255, 255, 255, 0.16);
	margin-top: 2.5rem;
	padding-top: 1.1rem;
	color: #9fb8d2;
}

.bglw-footer__bottom p {
	margin: 0;
	color: #9fb8d2;
}

.bglw-footer__bottom a {
	color: #9fb8d2;
}

/* ---------- Sichtbarer Fokus (WCAG 2.4.7) ---------- */
.bglw-header a:focus-visible,
.bglw-header button:focus-visible,
.bglw-footer a:focus-visible {
	outline: 3px solid var(--wp--preset--color--seeblau);
	outline-offset: 2px;
}

/* ---------- Mobile ---------- */
@media (max-width: 781px) {
	.bglw-header__bar {
		min-height: 64px;
	}
}
/* ---------- Logo (M00) ---------- */
.bglw-logo-link {
	display: inline-flex;
	align-items: center;
	line-height: 0;
}

.bglw-logo {
	display: block;
	height: auto;
}

.bglw-logo--header {
	width: 190px;
}

.bglw-logo--footer {
	width: 170px;
}