/* ---- Site banner (child partials/header.php) ----
   .dbr-banner also carries .grid-container, so it matches the page column
   at every theme breakpoint. */
.dbr-banner {
	padding-top: 24px;
}
.dbr-banner__inner {
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 6px 20px rgba(20, 30, 60, 0.18);
	background: #1e2a44;
	line-height: 0;
}
.dbr-banner picture,
.dbr-banner img {
	display: block;
	width: 100%;
	height: auto;
}
.dbr-banner__link { display: block; }

/* The banner already shows the site name, so hide the duplicate text logo
   visually (kept for screen readers) and tighten the header under it. */
#header .logo.text-logo {
	position: absolute !important;
	width: 1px; height: 1px;
	padding: 0; margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
#header .grid-container { padding-top: 22px; }

/* Tablets and phones (theme switches to the menu + search buttons at 1200px):
   give that button bar its own row under the banner so nothing overlaps it. */
@media screen and (max-width: 1200px) {
	#header .menu-wrapper .grid-container {
		padding-top: 0;
		min-height: 76px;
	}
	#header { margin-bottom: 0; }
}

/* Phones: full-bleed banner. */
@media screen and (max-width: 640px) {
	.dbr-banner.grid-container { padding: 0; }
	.dbr-banner__inner { border-radius: 0; box-shadow: none; }
}