/**
 * UI fixes, batch 4 (Nov 2026). Loaded after the theme's own stylesheets on every data-center page.
 * The Customizer "Additional CSS" still loads after this file, so selectors here are kept specific enough.
 */

/* Footer: the light logo (white lettering, blue globe) sits directly on the dark footer, no white plate. */
.nbt-footer .nbt-footer-logo {
	padding: 0;
	border-radius: 0;
	background: none;
}

/* Desktop menu: the Services arrow sits next to its label instead of reading as a separate item. */
@media (min-width: 64rem) {

	.nbt-nav .nbt-menu .nbt-submenu-toggle {
		width: 26px;
		margin-left: -2px;
	}
}

/* Phones and tablets: a "Call now" bar fixed to the bottom of the screen. */
.nbt-callbar {
	display: none;
}

@media (max-width: 63.9375rem) {

	.nbt-callbar {
		position: fixed;
		z-index: 90; /* above the page, below the sticky header (100), whose stacking context holds the drawer */
		right: 0;
		bottom: 0;
		left: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: var(--space-2);
		min-height: 52px;
		padding: var(--space-2) var(--space-4) calc(var(--space-2) + env(safe-area-inset-bottom, 0px));
		background: var(--c-brand);
		box-shadow: 0 -4px 16px rgba(6, 24, 42, 0.18);
		color: #fff;
		font-weight: 600;
		text-decoration: none;
	}

	.nbt-callbar:hover,
	.nbt-callbar:focus-visible {
		background: var(--c-brand-hover, #003c70);
		color: #fff;
	}

	.nbt-callbar:focus-visible {
		outline: 3px solid var(--c-focus);
		outline-offset: -3px;
	}

	.nbt-callbar .nbt-icon {
		width: 18px;
		height: 18px;
	}

	.nbt-callbar-number {
		font-weight: 400;
		white-space: nowrap;
		opacity: 0.85;
	}

	/* While the mobile menu is open (nav.js sets .nbt-nav-lock on <html>), hide the bar and take it out of the tab order. */
	html.nbt-nav-lock .nbt-callbar {
		visibility: hidden;
	}

	/* Keep the end of the footer visible above the bar. */
	body:has(.nbt-callbar) {
		padding-bottom: calc(52px + env(safe-area-inset-bottom, 0px));
	}

	/* Focused elements and in-page jumps stop above the bar. */
	html {
		scroll-padding-bottom: 64px;
	}
}