/**
 * Design tokens — keep in sync with Elementor Site Settings (kit 1687) on staging/prod.
 * Update here when global colors or nav typography change in Elementor.
 */

@font-face {
	font-family: "MundialLight";
	src: url("../fonts/mundiallight.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "mundialdemibold";
	src: url("../fonts/mundialdemibold.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Mundial";
	src: url("../fonts/mundialregular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

:root {
	--lyc-primary: #002d46;
	--lyc-secondary: #ffffff;
	--lyc-accent: #e0e722;
	--lyc-text: #002d46;
	--lyc-off-white: #f7f6f6;
	--lyc-gray: #e2e1df;

	--lyc-header-height: 56px;
	--lyc-overlay-top-offset: var(--lyc-header-height);
	--lyc-font-body: "MundialLight", "Mundial", "Helvetica Neue", Arial, sans-serif;
	--lyc-font-nav: "mundialdemibold", "Mundial", "Helvetica Neue", Arial, sans-serif;
	--lyc-font-display: "MundialLight", "Mundial", "Helvetica Neue", Arial, sans-serif;

	--lyc-menu-main-size: 0.875rem;
	--lyc-menu-main-spacing: 0.15em;
	--lyc-menu-subtitle-size: 1rem;
	--lyc-menu-desc-size: 0.8125rem;
	--lyc-menu-link-size: 0.75rem;
	--lyc-menu-bottom-size: 0.625rem;

	--lyc-menu-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--lyc-menu-duration: 0.65s;
	--lyc-menu-desktop-min: 768px;
	--lyc-main-panel-width: 320px;
	--lyc-submenu-panel-width: 360px;
	--lyc-menu-panel-padding-top: 5rem;
	--lyc-menu-toolbar-height: 2rem;
	--lyc-menu-toolbar-gap: 1.5rem;
	--lyc-menu-content-offset: calc(var(--lyc-menu-toolbar-height) + var(--lyc-menu-toolbar-gap));
}

.lyc-site-header-spacer {
	display: none;
	height: 0;
	margin: 0;
	padding: 0;
}

/* Keep header controls visible when the WP admin bar is present (local/staging logged-in views). */
body.admin-bar .lyc-site-header {
	top: 32px;
}

body.admin-bar {
	--lyc-overlay-top-offset: calc(var(--lyc-header-height) + 32px);
}

body.admin-bar .lyc-site-header-spacer {
	display: none;
	height: 0;
}

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

	body.admin-bar {
		--lyc-overlay-top-offset: calc(var(--lyc-header-height) + 46px);
	}

	body.admin-bar .lyc-site-header-spacer {
		display: none;
		height: 0;
	}
}