/* =========================================================
   FULL-WIDTH HEADER LOGO (BANNER-STYLE) + RESPONSIVE MOBILE
   Paste into: Appearance > Customize > Additional CSS
   ========================================================= */
/* Make the logo link span edge-to-edge */
.custom-logo-link {
	display: block !important;
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
}

/* Keep the logo image responsive (prevents "squished" on mobile) */
.custom-logo {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
/* KEY: preserves aspect ratio */
}

/* Optional: keep the header from getting too tall */
@media (min-width: 769px) {
	.custom-logo {
		max-height: 180px !important;
	/* desktop cap */
		object-fit: contain !important;
	}
}

@media (max-width: 768px) {
	.custom-logo {
		max-height: 120px !important;
	/* mobile cap */
		object-fit: contain !important;
	}
}

/* REMOVE EXTRA WHITE SPACE UNDER HEADER */
.site-header,
.site-branding,
.custom-logo-link {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

/* If your theme adds vertical padding to the whole header */
.site-header {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
	min-height: 0 !important;
}

/* Logos sometimes inherit line-height that creates "phantom" space */
.custom-logo-link {
	line-height: 0 !important;
}

/* If the menu/nav has a top margin pushing it down */
.main-navigation,
.nav-primary,
.primary-navigation {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* REMOVE WHITE SPACE ABOVE THE HEADER LOGO */
.site-header,
.site-branding {
	padding-top: 0 !important;
	margin-top: 0 !important;
}

/* If the theme has a top "bar" area above the header */
.header-top,
.top-bar,
.site-header-top {
	padding-top: 0 !important;
	margin-top: 0 !important;
	min-height: 0 !important;
}

/* Safety: remove any default top margin */
body {
	margin-top: 0 !important;
}

/* OVERLAP NAV UP INTO BANNER A BIT */
.main-navigation,
.primary-navigation,
.nav-primary {
	margin-top: -14px !important;
/* adjust -8 to -20 */
	position: relative !important;
	z-index: 50 !important;
	box-shadow: 0 8px 18px rgba(0,0,0,0.08) !important;
	border-radius: 999px !important;
	max-width: 1200px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 10px 18px !important;
	background: #4b2e3f !important;
}

.custom-logo-link {
	margin-bottom: 8px !important;
}

/* Shrink Message box + visual limit */
.wp-block-form textarea {
	height: 100px !important;
	resize: vertical;
}

.wp-block-form textarea::placeholder {
	content: "Max 150 chars recommended";
}