@font-face {
	font-family: 'Estedad';
	src: url('../../fonts/Estedad-Thin.woff2') format('woff2');
	font-weight: 100;
	font-style: normal;
}
@font-face {
	font-family: 'Estedad';
	src: url('../../fonts/Estedad-ExtraLight.woff2') format('woff2');
	font-weight: 200;
	font-style: normal;
}
@font-face {
	font-family: 'Estedad';
	src: url('../../fonts/Estedad-Light.woff2') format('woff2');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Estedad';
	src: url('../../fonts/Estedad-Regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Estedad';
	src: url('../../fonts/Estedad-Medium.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Estedad';
	src: url('../../fonts/Estedad-SemiBold.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'Estedad';
	src: url('../../fonts/Estedad-Bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'Estedad';
	src: url('../../fonts/Estedad-ExtraBold.woff2') format('woff2');
	font-weight: 800;
	font-style: normal;
}
@font-face {
	font-family: 'Estedad';
	src: url('../../fonts/Estedad-Black.woff2') format('woff2');
	font-weight: 900;
	font-style: normal;
}

.site-banner,
.site-banner *,
.site-header,
.site-header * {
	font-family: 'Estedad', sans-serif;
}

:root{
	--primary-blue:#4A90D9;
	--primary-deep:#4A90D9;
	--primary-soft:#EAF1FB;
	--primary-glow:#86B7E8;
	--accent-cyan:#00d4ff;
	--surface-dark:#0b1a36;
	--cream:#ffffff;
	--line:#C7DFF0;
	--text:#0b1e3c;
	--muted:#507299;
	--shadow:0 20px 48px rgba(74,144,217,.10);
	--radius:18px;
	--container:1260px;
	--wide-container:1400px;
	--fixed-top:12px;
	--fixed-width:1260px;
}

*,
*::before,
*::after{
	box-sizing:border-box;
}

html{
	scroll-behavior:smooth;
}

body{
	margin:0;
	padding:0;
	background:#ffffff;
	color:var(--text);
	font-family:inherit;
}

a{
	text-decoration:none;
	color:inherit;
}

button,
input,
textarea,
select{
	font:inherit;
}

.site-banner{
	background:#1E90FF;
	color:#ffffff;
	text-align:center;
	padding:12px 20px;
	font-size:1rem;
	font-weight:700;
	z-index:10001;
	position:relative;
	box-shadow:0 4px 12px rgba(74,144,217,0.25);
	letter-spacing:-0.01em;
}

.site-banner span{
	display:inline-block;
	position:relative;
}

.site-banner span::after{
	content:"";
	margin-left:8px;
	animation:pulse 1.2s infinite;
}

@keyframes pulse{
	0%,100%{opacity:1;}
	50%{opacity:.5;}
}

.site-header{
	position:relative;
	background:#fff;
	border-bottom:1px solid rgba(10,104,255,.10);
	overflow:visible;
	z-index:10000;
}

.site-header::before{
	content:"";
	position:absolute;
	inset:0;
	background:
		linear-gradient(0deg, rgba(74,144,217,0.05) 1px, transparent 1px),
		linear-gradient(90deg, rgba(74,144,217,0.05) 1px, transparent 1px);
	background-size: 40px 40px;
	pointer-events:none;
	mask-image: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0) 100%);
	-webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0) 100%);
}

.site-header__inner{
	position:relative;
	z-index:2;
	max-width:var(--wide-container);
	margin:0 auto;
	padding:22px 20px 18px;
}

.topbar{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:18px;
	padding:0 0 18px;
	max-width:var(--container);
	margin:0 auto;
}

.brand{
	display:flex;
	align-items:center;
	gap:14px;
	min-width:0;
}

.brand__mark{
	width:auto;
	height:62px;
	flex:0 0 auto;
	max-width:200px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:0;
	background:transparent;
	box-shadow:none;
	overflow:visible;
	position:relative;
}

.brand__mark::after{
	content:"";
	position:absolute;
	inset:0;
	border-radius:0;
	background:linear-gradient(135deg, rgba(255,255,255,.25) 0%, transparent 60%);
	pointer-events:none;
}

.brand__mark img{
	width:auto;
	height:100%;
	max-width:100%;
	object-fit:contain;
	display:block;
	border-radius:0;
}

.brand__text{
	min-width:0;
}

.brand__title{
	margin:0;
	font-size:1.35rem;
	line-height:1.5;
	font-weight:800;
	letter-spacing:-0.02em;
	color:#1E90FF;
	white-space:nowrap;
}

.brand__tagline{
	margin:6px 0 0;
	font-size:.9rem;
	color:var(--muted);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-weight:500;
}

.header-actions{
	display:flex;
	align-items:center;
	gap:12px;
	flex-wrap:wrap;
}

.header-search{
	position:relative;
	min-width:364px;
	max-width:884px;
	width:130%;
	margin-right:-30%;
}

.header-search form{
	margin:0;
}

.header-search__field{
	position:relative;
}

.header-search__field input[type="search"],
.header-search__field input[type="text"]{
	width:100%;
	height:50px;
	border-radius:14px;
	border:1px solid var(--line);
	background:#f5faff;
	padding-inline-end:52px;
	padding-inline-start:18px;
	outline:none;
	color:var(--text);
	transition:.25s ease;
	box-shadow:0 4px 16px rgba(10,104,255,.04);
}

.header-search__field input::placeholder{
	color:#8fa9cc;
}

.header-search__field input:focus{
	border-color:var(--primary-glow);
	background:#ffffff;
	box-shadow:0 0 0 4px rgba(10,104,255,.10);
}

.header-search__submit{
	position:absolute;
	top:50%;
	inset-inline-end:10px;
	transform:translateY(-50%);
	width:34px;
	height:34px;
	border:none;
	border-radius:10px;
	background:var(--primary-soft);
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
	padding:0;
	transition:.2s ease;
	color:var(--primary-deep);
}

.header-search__submit:hover{
	background:var(--primary-glow);
	color:#fff;
}

.header-shell{
	background:#fff;
	border:1px solid var(--line);
	border-radius:24px;
	box-shadow:var(--shadow);
	padding:16px;
	max-width:var(--container);
	margin:0 auto;
	width:100%;
}

.header-shell-placeholder{
	display:none;
	width:100%;
	max-width:var(--container);
	margin:0 auto;
}

.header-shell.is-fixed{
	position:fixed !important;
	top:12px !important;
	left:50% !important;
	transform:translateX(-50%) !important;
	width:min(calc(100vw - 24px), var(--container)) !important;
	max-width:var(--container) !important;
	z-index:10000 !important;
}

body.admin-bar .header-shell.is-fixed{
	top:calc(12px + var(--wp-admin--admin-bar--height, 32px)) !important;
}

.nav-row{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:18px;
	flex-wrap:nowrap;
}

.primary-nav{
	flex:1 1 auto;
	min-width:0;
}

.primary-nav .menu,
.primary-nav ul{
	list-style:none;
	margin:0;
	padding:0;
}

.primary-nav > div > ul,
.primary-nav > ul{
	display:flex;
	align-items:center;
	gap:6px;
	flex-wrap:wrap;
}

.primary-nav li{
	position:relative;
}

.primary-nav a{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:44px;
	padding:0 16px;
	border-radius:12px;
	font-size:.95rem;
	font-weight:700;
	color:var(--text);
	transition:.2s ease;
	white-space:nowrap;
}

.primary-nav a svg{
	flex-shrink:0;
	margin-left:6px;
	display:none;
}

.primary-nav li:has(> ul) > a::after{
	content:"";
	width:7px;
	height:7px;
	border-right:2px solid currentColor;
	border-bottom:2px solid currentColor;
	transform:rotate(45deg);
	margin-right:8px;
	margin-top:-4px;
	display:inline-block;
	flex:0 0 auto;
}

.primary-nav a:hover,
.primary-nav .current-menu-item > a,
.primary-nav .current_page_item > a{
	background:var(--primary-soft);
	color:var(--primary-deep);
}

.primary-nav li ul{
	position:absolute;
	top:calc(100% + 10px);
	right:0;
	min-width:220px;
	background:#fff;
	border:1px solid var(--line);
	border-radius:16px;
	padding:8px;
	box-shadow:0 18px 34px rgba(74,144,217,.12);
	opacity:0;
	visibility:hidden;
	transform:translateY(8px);
	transition:.22s ease;
	z-index:20;
}

.primary-nav li:hover > ul{
	opacity:1;
	visibility:visible;
	transform:translateY(0);
}

.primary-nav li ul li a{
	width:100%;
	justify-content:flex-start;
	padding:11px 14px;
	min-height:auto;
	font-weight:600;
	border-radius:10px;
}

.header-extras{
	display:flex;
	align-items:center;
	gap:10px;
	flex:0 0 auto;
	white-space:nowrap;
}

.header-note{
	display:flex;
	align-items:center;
	gap:8px;
	flex:0 0 auto;
	padding:8px 16px;
	border-radius:14px;
	background:#ffffff;
	border:1px solid #1E90FF;
	color:#1E90FF;
	font-size:.92rem;
	font-weight:700;
	white-space:nowrap;
}

.header-note__icon{
	width:18px;
	height:18px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	color:#1E90FF;
}

.header-login{
	width:44px;
	height:44px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border-radius:14px;
	background:#1E90FF;
	border:1px solid #ffffff;
	color:#ffffff;
	transition:.2s ease;
	box-shadow:0 8px 20px rgba(74,144,217,.06);
}

.header-login:hover,
.header-login:focus{
	background:#1E90FF;
	color:#ffffff;
	transform:scale(.92);
}

.mobile-toggle{
	display:none;
	width:48px;
	height:48px;
	border:none;
	border-radius:14px;
	background:var(--primary-soft);
	border:1px solid var(--line);
	padding:0;
	cursor:pointer;
	align-items:center;
	justify-content:center;
}

.mobile-panel{
	display:none;
}

.screen-reader-text{
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	white-space:nowrap;
	border:0;
}

@media (max-width: 1024px){
	.header-actions{
		flex:1 1 100%;
		justify-content:flex-start;
	}

	.header-search{
		max-width:none;
		width:100%;
		min-width:100%;
		margin-right:0;
	}

	.brand{
		display:none !important;
	}
}

@media (max-width: 860px){
	.site-header{
		position:sticky;
		top:0;
		z-index:9999999;
	}

	.site-header__inner{
		padding:16px 14px 14px;
	}

	.topbar{
		flex-direction:row;
		align-items:center;
		justify-content:space-between;
		gap:10px;
		padding:0;
		background:#fff;
		border-radius:24px;
	}

	.brand{
		display:flex !important;
		align-items:center;
		gap:0;
	}

	.brand__text{
		display:none;
	}

	.brand__mark{
		height:48px;
		width:auto;
		flex:0 0 auto;
		max-width:120px;
	}

	.brand__mark img{
		width:auto;
		height:100%;
		object-fit:contain;
	}

	.brand__title{
		font-size:1.12rem;
		white-space:normal;
	}

	.brand__tagline{
		display:none;
	}

	.header-actions{
		display:flex;
		align-items:center;
		gap:10px;
		width:auto;
		flex:1 1 auto;
		justify-content:flex-end;
	}

	.header-search{
		flex:1 1 auto;
		width:auto;
		max-width:100%;
		min-width:0;
		margin-right:0;
	}

	.header-search__field input[type="search"],
	.header-search__field input[type="text"]{
		height:52px;
		border-radius:24px;
	}

	.mobile-toggle,
	.header-shell{
		display:none !important;
	}

	.header-shell-placeholder{
		display:none !important;
	}
}

@media (max-width: 640px){
	.site-header__inner{
		padding:14px 12px 12px;
	}

	.topbar{
		gap:8px;
	}

	.header-search{
		flex:1 1 auto;
		width:auto;
		margin-right:0;
	}

	.header-search form,
	.header-search__field{
		width:100%;
	}
}
