/* The site header's extras (oceaneye-home 0.58.0, Rom 2026-11-13). Mobile first.
 * Colours are the kit's palette: deep ocean #005F80, ocean #0099CC, mint #A8E6CD. */

/* The logo's wave (mockup version A, "Breaking wave"): a band rolls through the
 * letters left to right and leaves white water. The layer is masked by the logo
 * image itself (--oe-logo-mask, set by oe-home-header.js), so it only ever paints
 * inside the letters, whatever logo Graeme puts there. */
.oe-logo-wave a.oe-logo-wave__host {
	position: relative;
	display: inline-block;
	line-height: 0;
}
.oe-logo-wave .oe-logo-wave__fx {
	position: absolute;
	inset: 0;
	overflow: hidden;
	pointer-events: none;
	-webkit-mask: var(--oe-logo-mask) center / contain no-repeat;
	mask: var(--oe-logo-mask) center / contain no-repeat;
}
.oe-logo-wave .oe-logo-wave__band {
	position: absolute;
	top: -20%;
	bottom: -20%;
	left: 0;
	width: 45%;
	background: linear-gradient(100deg, transparent 0%, var(--e-global-color-oe-ocean, #0099CC) 30%, #A8E6CD 55%, #FFFFFF 70%, #FFFFFF 76%, transparent 100%);
	opacity: 0;
	transform: translateX(-120%) skewX(-18deg);
}
.oe-logo-wave.is-breaking .oe-logo-wave__band {
	animation: oe-logo-break 1.3s cubic-bezier(.45, .05, .3, 1) forwards;
}
@keyframes oe-logo-break {
	0% { opacity: 1; transform: translateX(-120%) skewX(-18deg); }
	85% { opacity: 1; }
	100% { opacity: 0; transform: translateX(260%) skewX(-18deg); }
}
@media (prefers-reduced-motion: reduce) {
	.oe-logo-wave .oe-logo-wave__band { animation: none !important; opacity: 0 !important; }
}

/* The Menu's region tabs wrap onto a second row rather than run off the panel
 * (International was cut off at 1440 px). */
[data-elementor-type="header"] .menu-area .e-n-tabs-heading {
	flex-wrap: wrap;
	overflow: visible;
}

/* Desktop: the header stays at the top while you scroll (phones keep their
 * bottom bar, so their header scrolls away and leaves the screen to the cams). */
@media (min-width: 1025px) {
	[data-elementor-type="header"] {
		position: sticky;
		top: var(--wp-admin--admin-bar--height, 0px);
		z-index: 990;
	}
}