/* FU-Stil unter Hafen. Wird nur geladen, wenn das Hafen-Theme aktiv ist
   (Vorschau heute, Livegang spaeter). Unter Neve ohne Wirkung.
   Quelle/Deploy: flirtuniversity/hafen-umstellung/, Upload nach wp-content/mu-plugins/ */

/* 1. Markenfarben: FU-Rot statt Hafen-Petrol (S8)
   Werte aus dem Startseiten-Markup (--brand etc.) */
body {
	--wp--preset--color--brand: #9F1E13;
	--wp--preset--color--brand-dark: #7A150D;
	--wp--preset--color--brand-light: #F6E9E7;
}

/* 2. Neve-Altlast-Seiten mit .fu-Vollbreiten-Markup (Startseite, Seminar, Crashkurs):
   Content-Spalte freigeben, damit die eigenen 100vw-Sektionen wieder greifen (S1) */
.entry-content > .fu {
	max-width: none !important;
}

/* Hafens Global Styles erzwingen Ueberschriften-Farben und ueberstimmen damit
   die Sektionsfarben des Altmarkups (weisse H2 auf dunklem Grund wurde dunkel).
   Im .fu-Markup sollen Ueberschriften wieder von ihrer Sektion erben (S7) */
.fu :is(h1, h2, h3, h4) {
	color: inherit;
}

/* Diese Seiten bringen ihren eigenen Hero mit und haben den Theme-Titel
   frueher per Neve-Klasse versteckt: unter Hafen dasselbe (S2) */
body:has(.entry-content > .fu) .wp-block-post-title {
	display: none;
}
body:has(.entry-content > .fu) #hafen-main,
body:has(.entry-content > .fu) main {
	padding-top: 0;
}

/* Google-AdSense-Intent-Chips (google-anno) nicht in der Markenzeile (S4).
   Die Chips kommen von Googles Auto-Anzeigen, nicht von Adjet. Google setzt
   jede Inline-Eigenschaft mit !important, nur visibility steht auf inherit.
   Deshalb ueber das Elternelement ausblenden und den Titel-Link zurueckholen. */
.hafen-brand [class*="google-anno"],
header [class*="google-anno"],
.hafen-footer [class*="google-anno"] {
	display: none !important;
}
.hafen-brand .wp-block-site-title {
	visibility: hidden;
}
.hafen-brand .wp-block-site-title a {
	visibility: visible;
}

/* Mobil-Airbag (02.09.-Befund, live gemeldet): Neve hat fixe Embed-Breiten
   global eingefangen, Hafen nicht. Ohne das spannt das 560px-Lyte-Video die
   Hero-Grids der Funnel-Seiten auf 562px auf und alles haengt rechts ueber. */
.entry-content .lyte-wrapper,
.entry-content .lyte,
.entry-content iframe,
.entry-content video,
.entry-content embed,
.entry-content object {
	max-width: 100% !important;
}
.entry-content .lyte {
	height: auto !important;
	aspect-ratio: 16 / 9;
}
/* Grid-/Flex-Kinder duerfen schrumpfen (min-width:auto verhindert das sonst) */
.entry-content > .fu * {
	min-width: 0;
}

/* Interims-Blogliste (Befund 44): einspaltig statt 3er-Raster, bis der
   Magazin-Neubau aus der Dev-Session im Theme landet. Karte: Bild links,
   Text rechts; ohne Bild nur Text. Gilt fuer Beitragsseite und Archive. */
:is(.blog, .archive, .search) .wp-block-post-template {
	grid-template-columns: 1fr !important;
	max-width: 760px;
	margin-left: auto;
	margin-right: auto;
	gap: 1.1rem;
}
:is(.blog, .archive, .search) .wp-block-post-template .is-style-hafen-card {
	flex-direction: row;
	align-items: center;
	gap: 1.2rem;
}
:is(.blog, .archive, .search) .is-style-hafen-card .wp-block-post-featured-image {
	flex: 0 0 200px;
	align-self: stretch;
	margin: 0;
}
:is(.blog, .archive, .search) .is-style-hafen-card .wp-block-post-featured-image img {
	height: 100%;
	object-fit: cover;
}
:is(.blog, .archive, .search) .is-style-hafen-card > :not(.wp-block-post-featured-image) {
	flex: 1 1 auto;
}
@media (max-width: 640px) {
	:is(.blog, .archive, .search) .wp-block-post-template .is-style-hafen-card {
		flex-direction: column;
		align-items: stretch;
	}
	:is(.blog, .archive, .search) .is-style-hafen-card .wp-block-post-featured-image {
		flex-basis: auto;
	}
}

/* Mobilmenue-Absicherung (Verband-Befund 9b): Overlay nie transparent */
.wp-block-navigation__responsive-container.is-menu-open {
	background-color: var(--wp--preset--color--base, #fff);
}

/* 3. FU-Footer (S5): vier Spalten im dunklen Hafen-Footer */
.hafen-footer .fu-footer-spalten {
	margin-bottom: 2.2rem;
}
.hafen-footer .fu-footer-claim {
	color: #8ea3ad;
	font-size: 0.95rem;
	margin: 0;
	max-width: 300px;
}
.hafen-footer .fu-footer-titel {
	color: #fff;
	font-size: 0.78rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	margin: 0 0 0.9rem;
}
.hafen-footer .fu-footer-links {
	list-style: none;
	padding: 0;
	margin: 0;
}
.hafen-footer .fu-footer-links li {
	margin: 0 0 0.55rem;
}
.hafen-footer .fu-footer-links a {
	color: #c7d3d9;
	text-decoration: none;
}
.hafen-footer .fu-footer-links a:hover {
	color: #fff;
	text-decoration: underline;
}
@media (max-width: 781px) {
	.hafen-footer .fu-footer-spalten {
		gap: 1.6rem;
	}
}