/* =========================================================
 * Al-Jathnan — Premium Floating Header
 * Version: 2.6.0
 * RTL desktop: Logo right / nav center / CTA + language left
 * ======================================================= */
body.admin-bar{
	--aj-admin-offset:32px;
}
.aj-header{
	position:fixed;
	z-index:99990;
	top:calc(var(--aj-admin-offset,0px) + 18px);
	right:0;
	left:0;
	width:100%;
	pointer-events:none;
	transition:top .28s ease;
}
.aj-header__inner{
	position:relative;
	direction:ltr;
	display:grid;
	grid-template-columns:auto minmax(0,1fr) auto;
	grid-template-areas:"actions navigation brand";
	align-items:center;
	gap:clamp(18px,2.2vw,34px);
	width:min(calc(100% - 36px),1280px);
	min-height:68px;
	margin-inline:auto;
	padding:7px 14px;
	border:1px solid rgba(255,255,255,.13);
	border-radius:22px;
	background:rgba(6,24,44,.92);
	box-shadow:0 18px 48px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.04);
	backdrop-filter:blur(16px) saturate(135%);
	-webkit-backdrop-filter:blur(16px) saturate(135%);
	pointer-events:auto;
	transition:min-height .28s ease,background .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.aj-header[dir="ltr"] .aj-header__inner{
	grid-template-areas:"brand navigation actions";
}
.aj-header.is-scrolled{
	top:calc(var(--aj-admin-offset,0px) + 10px);
}
.aj-header.is-scrolled .aj-header__inner{
	min-height:62px;
	background:rgba(5,20,38,.97);
	border-color:rgba(255,255,255,.1);
	box-shadow:0 20px 52px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.035);
}
.aj-header__brand{
	grid-area:brand;
	direction:inherit;
	display:flex;
	align-items:center;
	justify-content:center;
	width:var(--aj-header-logo-width,78px);
	min-width:var(--aj-header-logo-width,78px);
	text-decoration:none!important;
}
.aj-header__brand img{
	display:block;
	width:100%;
	height:auto;
	max-height:48px;
	object-fit:contain;
}
.aj-header__panel{
	display:contents;
}
.aj-header__nav{
	grid-area:navigation;
	min-width:0;
	direction:rtl;
}
.aj-header[dir="ltr"] .aj-header__nav{
	direction:ltr;
}
.aj-header__menu{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:clamp(15px,1.55vw,25px);
	min-width:0;
	margin:0;
	padding:0;
	list-style:none;
}
.aj-header__menu li{
	margin:0;
	padding:0;
}
.aj-header__menu a{
	position:relative;
	display:flex;
	align-items:center;
	min-height:48px;
	padding:0 1px;
	color:rgba(255,255,255,.72)!important;
	font-family:var(--aj-font-body,"Tajawal",sans-serif)!important;
	font-size:13px;
	font-weight:650;
	line-height:1;
	text-decoration:none!important;
	white-space:nowrap;
	transition:color .22s ease;
}
.aj-header__menu a:after{
	content:"";
	position:absolute;
	bottom:6px;
	left:50%;
	width:0;
	height:2px;
	border-radius:999px;
	background:#fff;
	transform:translateX(-50%);
	transition:width .24s ease;
}
.aj-header__menu a:hover,
.aj-header__menu a.is-active{
	color:#fff!important;
}
.aj-header__menu a:hover:after,
.aj-header__menu a.is-active:after{
	width:18px;
}
.aj-header__actions{
	grid-area:actions;
	direction:ltr;
	display:flex;
	align-items:center;
	justify-content:flex-start;
	gap:8px;
	flex:0 0 auto;
}
.aj-header[dir="ltr"] .aj-header__actions{
	justify-content:flex-end;
}
.aj-header__language,
body .aj-header .aj-header__cta{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	min-height:46px;
	border-radius:14px;
	font-family:var(--aj-font-body,"Tajawal",sans-serif)!important;
	font-size:12.5px;
	font-weight:700;
	line-height:1;
	text-decoration:none!important;
	white-space:nowrap;
	transition:transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.aj-header__language{
	direction:ltr;
	padding:0 15px;
	border:1px solid rgba(255,255,255,.17);
	background:rgba(255,255,255,.045);
	color:rgba(255,255,255,.86)!important;
}
.aj-header__flag{
	position:relative;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:21px;
	height:14px;
	flex:0 0 21px;
	overflow:hidden;
	border:1px solid rgba(255,255,255,.34);
	border-radius:2px;
	box-shadow:0 1px 3px rgba(0,0,0,.22);
}
.aj-header__flag--england{
	background:#fff;
}
.aj-header__flag--england:before,
.aj-header__flag--england:after{
	content:"";
	position:absolute;
	z-index:1;
	background:#cf2434;
}
.aj-header__flag--england:before{
	top:0;
	bottom:0;
	left:50%;
	width:4px;
	transform:translateX(-50%);
}
.aj-header__flag--england:after{
	top:50%;
	right:0;
	left:0;
	height:4px;
	transform:translateY(-50%);
}
.aj-header__flag--arabic{
	border-color:rgba(255,255,255,.24);
	background:#177245;
	color:#fff;
	font-family:Arial,sans-serif;
	font-size:7px;
	font-weight:800;
}
.aj-header__language:hover{
	background:rgba(255,255,255,.09);
	border-color:rgba(255,255,255,.28);
	color:#fff!important;
}
.aj-header__language--mobile{
	display:none;
	grid-area:language;
}
body .aj-header .aj-header__cta{
	direction:rtl;
	padding:0 18px;
	border:1px solid #fff;
	background:#fff!important;
	color:#07182e!important;
	box-shadow:0 9px 22px rgba(0,0,0,.12);
}
.aj-header[dir="ltr"] .aj-header__cta{
	direction:ltr;
}
body .aj-header .aj-header__cta:hover{
	transform:translateY(-1px);
	background:#fff!important;
	color:#07182e!important;
	box-shadow:0 12px 27px rgba(0,0,0,.18);
}
.aj-header__cta svg{
	width:15px;
	height:15px;
	flex:0 0 15px;
}
.aj-header[dir="rtl"] .aj-header__cta svg{
	transform:scaleX(-1);
}
.aj-header__toggle{
	display:none;
	grid-area:toggle;
	align-items:center;
	justify-content:center;
	width:44px;
	height:44px;
	padding:10px;
	border:1px solid rgba(255,255,255,.13);
	border-radius:13px;
	background:rgba(255,255,255,.05);
	color:#fff;
	cursor:pointer;
}
.aj-header__toggle span{
	display:block;
	width:20px;
	height:2px;
	margin:3px auto;
	border-radius:20px;
	background:#fff;
	transition:transform .22s ease,opacity .22s ease;
}
.aj-header__toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(5px) rotate(45deg)}
.aj-header__toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.aj-header__toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
/* Elementor is only the shortcode shell. A fixed header must reserve zero document height. */
body.aj-site .elementor-widget-shortcode:has(.aj-header),
body.aj-site .elementor-widget-shortcode:has(.aj-header) > .elementor-widget-container,
body.aj-site .elementor-element.e-con:has(.aj-header):not(:has(.aj-hero)){
	--padding-top:0px!important;
	--padding-right:0px!important;
	--padding-bottom:0px!important;
	--padding-left:0px!important;
	--margin-top:0px!important;
	--margin-bottom:0px!important;
	--min-height:0px!important;
	margin:0!important;
	padding:0!important;
	min-height:0!important;
	height:0!important;
	background:transparent!important;
	overflow:visible!important;
}
body.aj-site .elementor-widget-shortcode:has(.aj-header) > .elementor-widget-container{
	display:block!important;
}
@media(max-width:1120px){
	.aj-header__inner{gap:16px}
	.aj-header__menu{gap:13px}
	.aj-header__menu a{font-size:11.5px}
	.aj-header__language{padding-inline:12px}
	body .aj-header .aj-header__cta{padding-inline:15px}
}
@media(max-width:980px){
	.aj-header{
		top:calc(var(--aj-admin-offset,0px) + 10px);
	}
	.aj-header.is-scrolled{
		top:calc(var(--aj-admin-offset,0px) + 7px);
	}
	.aj-header__inner,
	.aj-header[dir="ltr"] .aj-header__inner{
		grid-template-columns:auto auto minmax(0,1fr) auto;
		grid-template-areas:"toggle language spacer brand";
		width:calc(100% - 20px);
		min-height:62px;
		padding:7px 10px;
		border-radius:18px;
	}
	.aj-header[dir="ltr"] .aj-header__inner{
		grid-template-areas:"brand spacer language toggle";
	}
	.aj-header__brand{
		width:min(var(--aj-header-logo-width,78px),72px);
		min-width:min(var(--aj-header-logo-width,78px),72px);
	}
	.aj-header__toggle{
		display:block;
	}
	.aj-header__panel{
		position:absolute;
		z-index:100;
		top:calc(100% + 9px);
		right:0;
		left:0;
		display:block;
		padding:12px;
		border:1px solid rgba(255,255,255,.12);
		border-radius:18px;
		background:rgba(5,20,38,.985);
		box-shadow:0 20px 45px rgba(0,0,0,.25);
		backdrop-filter:blur(16px);
		-webkit-backdrop-filter:blur(16px);
		opacity:0;
		visibility:hidden;
		transform:translateY(-7px);
		pointer-events:none;
		transition:opacity .2s ease,visibility .2s ease,transform .2s ease;
	}
	.aj-header__panel.is-open{
		opacity:1;
		visibility:visible;
		transform:none;
		pointer-events:auto;
	}
	.aj-header__nav{
		direction:inherit;
	}
	.aj-header__menu{
		display:grid;
		gap:0;
		margin:0;
	}
	.aj-header__menu a{
		min-height:48px;
		padding:0 12px;
		border-bottom:1px solid rgba(255,255,255,.075);
		font-size:13px;
	}
	.aj-header[dir="rtl"] .aj-header__menu a{
		justify-content:flex-start;
		direction:rtl;
	}
	.aj-header[dir="ltr"] .aj-header__menu a{
		justify-content:flex-start;
		direction:ltr;
	}
	.aj-header__menu a:after{display:none}
	.aj-header__language--mobile{
		display:inline-flex;
		width:auto;
		min-height:42px;
		padding:0 12px;
		border-radius:12px;
		font-size:12px;
	}
	.aj-header__language--mobile .aj-header__flag{
		width:20px;
		height:13px;
		flex-basis:20px;
	}
	.aj-header__actions,
	.aj-header[dir="ltr"] .aj-header__actions{
		display:grid;
		grid-template-columns:1fr;
		gap:8px;
		margin-top:11px;
	}
	.aj-header__actions .aj-header__language{
		display:none;
	}
	body .aj-header .aj-header__cta{
		width:100%;
		min-height:48px;
	}
}
@media(max-width:782px){
	body.admin-bar{--aj-admin-offset:46px}
}
@media(max-width:600px){
	.aj-header{
		top:calc(var(--aj-admin-offset,0px) + 8px);
	}
	.aj-header.is-scrolled{
		top:calc(var(--aj-admin-offset,0px) + 6px);
	}
	.aj-header__inner{
		width:calc(100% - 16px);
		min-height:58px;
		padding:6px 9px;
		border-radius:17px;
	}
	.aj-header__brand{
		width:min(var(--aj-header-logo-width,78px),66px);
		min-width:min(var(--aj-header-logo-width,78px),66px);
	}
	.aj-header__toggle{
		width:42px;
		height:42px;
	}
	.aj-header__actions,
	.aj-header[dir="ltr"] .aj-header__actions{
		grid-template-columns:1fr;
	}
}
@media(prefers-reduced-motion:reduce){
	.aj-header,
	.aj-header *,
	.aj-header *:before,
	.aj-header *:after{
		transition:none!important;
		animation:none!important;
	}
}

/* Soft blue-gray from the hero visual for the header request button. */
body .aj-header .aj-header__cta,body .aj-header .aj-header__cta:visited{background:#b8c6d8!important;border-color:#b8c6d8!important;color:#10243b!important}
body .aj-header .aj-header__cta:hover,body .aj-header .aj-header__cta:focus-visible{background:#d5e5f3!important;border-color:#d5e5f3!important;color:#10243b!important}
body .aj-header .aj-header__cta svg{color:currentColor!important}
