/**
 * Site header and branding.
 */

.dut-header {
	background: var(--dut-white);
	border-bottom: 1px solid var(--dut-border);
	position: sticky;
	top: 0;
	z-index: 100;
	box-shadow: 0 1px 6px rgba(8, 44, 34, 0.06);
}

.dut-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--dut-space-2);
	padding-top: 10px;
	padding-bottom: 10px;
	max-width: 1300px; /* Header row runs slightly wider than content sections. */
}

.dut-branding__link {
	display: flex;
	align-items: center;
	gap: 12px;
	text-decoration: none;
}

.dut-branding__mark {
	display: inline-flex;
	color: var(--dut-gold);
	flex-shrink: 0;
}

.dut-branding__text {
	display: flex;
	flex-direction: column;
	line-height: 1.25;
}

.dut-branding__name {
	font-family: var(--dut-font-heading);
	font-weight: 700;
	font-size: 1.08rem;
	color: var(--dut-green);
	white-space: nowrap;
}

.dut-branding__tagline {
	font-size: 0.78rem;
	color: var(--dut-muted);
}

/* Custom logo (Appearance → Customize → Site Identity). */
.custom-logo-link {
	display: inline-flex;
	align-items: center;
	line-height: 0;
}

.custom-logo {
	display: block;
	width: auto;
	height: auto;
	max-height: 60px;
	max-width: min(48vw, 240px);
}

@media (max-width: 640px) {
	.dut-branding__tagline {
		display: none;
	}

	.dut-branding__name {
		font-size: 1rem;
	}

	.custom-logo {
		max-height: 44px;
	}
}

/* Optional compact prayer strip below the header bar. */
.dut-header__prayer {
	background: var(--dut-green-dark);
	color: #fff;
	font-size: 0.85rem;
	padding: 6px 0;
}

.dut-prayer-strip {
	margin: 0;
	text-align: center;
}

.dut-prayer-strip strong {
	color: var(--dut-gold-light);
	font-weight: 700;
}