/* Bauerfeind Brand Guide – Anpassungen am Koji-Theme
   (übernommen aus „Customizer → Zusätzliches CSS“).
   Die Webfont custom-font-design_v5.css wird separat in digital-design.php geladen. */

/* Headline-Schrift: BF Headline statt DINNextRoundedLTW02-Bol
   (744025/6c834ade-….woff2 aus custom-font-design_v5.css) */
@font-face {
	font-family: 'BFHeadline';
	src: url('https://landing.bauerfeind.de/webfont/BFHeadline-Bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

h1.post-title,
.preview-title {
	font-family: 'BFHeadline', Arial, sans-serif;
}

/* Buttons in der Hausschrift – Koji setzt für Buttons keine Schrift (Fallback Arial),
   betrifft u. a. das Label „Menü / Schließen“ am Burger-Menü */
button,
.faux-button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	font-family: 'Pangea Text', Arial, sans-serif;
}

/* Burger-Menü: Label und Striche in Bauerfeind-Blau */
.nav-toggle label {
	color: #133e8f;
}

.nav-toggle .bar {
	background: #133e8f;
}

/* Suchfeld im Such-Overlay im Stil der Digital-Design-Eingabefelder (.form-input):
   weiß, feiner Rand, Radius 12px, beim Fokus blauer Rand mit weichem Ring.
   Ersetzt Kojis schmales, randloses Feld (20rem) und den harten Fokusrahmen. */
.search-overlay form {
	gap: 1.2rem;
	margin: 0 auto;
	max-width: 64rem;
	width: 100%;
}

.search-overlay label img {
	margin-right: 0;
}

.search-overlay .search-field {
	background: #fff;
	border: 1px solid #c2c2c2; /* --colour-general-grey im Digital Design */
	border-radius: 12px;
	color: #133e8f;
	flex: 1 1 auto;
	font-family: 'Pangea Text', Arial, sans-serif;
	font-size: 1.7rem; /* ≥ 16px, sonst zoomt iOS beim Antippen */
	font-weight: 400;
	min-width: 0;
	padding: 1.2rem 1.6rem;
	transition: border-color .2s, box-shadow .2s;
	width: 100%;
}

.search-overlay .search-field::placeholder {
	color: #8a8a8a;
	opacity: 1;
}

.search-overlay .search-field:hover {
	border-color: #a8a8a8;
}

.search-overlay .search-field:focus,
.search-overlay .search-field:focus-visible {
	border-color: #133e8f;
	box-shadow: 0 0 0 3px rgba(19, 62, 143, .12);
	outline: none;
}

/* Polylang-Sprachwechsler im Menü ausblenden */
.lang-item {
	display: none;
}

p {
	line-height: 1.6;
}

@media only screen and (max-width: 600px) {
	.custom-logo-link img {
		max-width: 150px;
	}

	.header-top {
		padding: 2rem 0;
	}

	h1.post-title {
		-webkit-hyphens: auto;
		hyphens: auto;
	}
}