/**
 * Bootstrap CDN overrides — load after bootstrap.min.css.
 *
 * @package applied-policy-4
 */

:root {
	--ap4-container-max: 1320px;
	--ap4-touch-target-min: 2.75rem;
}

html,
body {
	overflow-x: hidden;
}

/*
 * Masthead toggler sits outside .navbar; force same dark icon as Bootstrap’s .navbar-light
 * (default toggler graphic can read as light/wrong without .navbar parent).
 */
.ap4-masthead__top .navbar-toggler-icon {
	background-image: url( "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.85%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e" );
}

/* Lighthouse / tap: keep icon controls at least ~44px with spacing on coarse pointers and mobile widths. */
@media ( max-width: 991.98px ), ( pointer: coarse ) {

	.ap4-masthead__top .navbar-toggler {
		min-width: var( --ap4-touch-target-min, 2.75rem );
		min-height: var( --ap4-touch-target-min, 2.75rem );
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

	.ap4-header-social .btn,
	.ap4-header-social-standard .btn,
	.ap4-footer-social .btn {
		min-width: var( --ap4-touch-target-min, 2.75rem );
		min-height: var( --ap4-touch-target-min, 2.75rem );
	}

	.ap4-footer-social.d-flex {
		gap: 0.5rem !important;
	}

	.ap4-footer-mailing__submit.btn-sm,
	.ap4-footer-mailing__cta.btn-sm {
		min-height: var( --ap4-touch-target-min, 2.75rem );
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}
}

/* Cap .container (and responsive variants) at 1320px at xl+; keep smaller breakpoints aligned with BS5. */
@media ( min-width: 576px ) {

	.container,
	.container-sm {
		max-width: 540px;
	}
}

@media ( min-width: 768px ) {

	.container,
	.container-sm,
	.container-md {
		max-width: 720px;
	}
}

@media ( min-width: 992px ) {

	.container,
	.container-sm,
	.container-md,
	.container-lg {
		max-width: 960px;
	}
}

@media ( min-width: 1200px ) {

	.container,
	.container-sm,
	.container-md,
	.container-lg,
	.container-xl,
	.container-xxl {
		max-width: var( --ap4-container-max, 1320px );
	}
}

/* Tighten only the desktop-tablet crossover label for the contact nav item. */
.ap4-main-nav__contact-short {
	display: none;
}

@media ( min-width: 992px ) and ( max-width: 1199.98px ) {

	.ap4-main-nav__contact-full {
		display: none;
	}

	.ap4-main-nav__contact-short {
		display: inline;
	}
}