/**
 * NCB Header Footer for Elementor — frontend.
 * Author: NCB Software
 *
 * The fixed position for each chosen device is added inline,
 * using Elementor's breakpoints.
 */

.ncbhf-header,
.ncbhf-footer {
	display: block;
	width: 100%;
	box-sizing: border-box;
}

.ncbhf-header.ncbhf-sticky {
	transition: box-shadow 0.3s ease;
}

.admin-bar .ncbhf-header.ncbhf-sticky {
	--ncbhf-top: 32px;
}

@media screen and (max-width: 782px) {
	.admin-bar .ncbhf-header.ncbhf-sticky {
		--ncbhf-top: 46px;
	}
}

.ncbhf-header.ncbhf-sticky.ncbhf-is-stuck {
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
}

.ncbhf-sticky-spacer {
	display: none;
}

.ncbhf-skip-link {
	position: absolute;
	top: 0;
	left: -9999rem;
	z-index: 100000;
	padding: 0.75em 1em;
	background: #fff;
	color: #1d2327;
	text-decoration: none;
}

.ncbhf-skip-link:focus {
	top: 0.5em;
	left: 0.5em;
	clip: auto;
	clip-path: none;
	width: auto;
	height: auto;
}

@media (prefers-reduced-motion: reduce) {
	.ncbhf-header.ncbhf-sticky {
		transition: none;
	}
}