/* SX Site Header — mega-menu header driven by a WordPress menu. */
.sxhfh{
	--sxhfh-primary:#048238;
	--sxhfh-ink:#3f4a5a;
	--sxhfh-muted:#64748b;
	--sxhfh-bar-bg:#ffffff;
	--sxhfh-line:#e8ecf1;
	--sxhfh-border:#d0d5dd;
	--sxhfh-gray:#5b6472;
	font-family:inherit;
	width:100%;
}
.sxhfh *{box-sizing:border-box;}
.sxhfh{position:relative;}

/* Official fonts: Almarai for Arabic, Barlow for English. */
.sxhfh[dir="rtl"]{font-family:'Almarai','Barlow',sans-serif;}
.sxhfh[dir="ltr"]{font-family:'Barlow','Almarai',sans-serif;}

/* Bar */
.sxhfh__bar{
	display:flex;align-items:center;gap:22px;
	min-height:72px;
	padding:8px 28px;
	background:var(--sxhfh-bar-bg);
	border-bottom:1px solid var(--sxhfh-line);
}
/* Logo sits on the START side: right in Arabic (RTL), left in English (LTR). */
.sxhfh__logo{order:1;display:inline-flex;align-items:center;text-decoration:none;color:var(--sxhfh-ink);font-weight:500;}
.sxhfh__nav{display:flex;align-items:center;gap:6px;order:2;flex:1;justify-content:center;}
.sxhfh__left{display:flex;align-items:center;gap:12px;order:3;}
.sxhfh__logo img{display:block;}

/* Buttons */
.sxhfh__btn{
	display:inline-flex;align-items:center;justify-content:center;
	padding:10px 18px;border-radius:10px;font-weight:500;font-size:14px;
	text-decoration:none;line-height:1;white-space:nowrap;transition:all .15s ease;
}
.sxhfh__btn--primary{background:var(--sxhfh-primary);color:#fff;}
.sxhfh__btn--primary:hover{filter:brightness(1.07);}
.sxhfh__btn--outline{background:transparent;color:var(--sxhfh-gray);border:1.5px solid var(--sxhfh-border);}
.sxhfh__btn--outline:hover{background:#f8fafc;color:var(--sxhfh-ink);border-color:#cbd5e1;}
.sxhfh__btn--ghost{background:transparent;color:var(--sxhfh-muted);border:1.5px solid transparent;padding-inline:12px;}
.sxhfh__btn--ghost:hover{color:#b91c1c;background:#fef2f2;}
.sxhfh__btn svg{display:block;}
.sxhfh__acct,.sxhfh__login{gap:7px;}
.sxhfh__lang{
	display:inline-flex;align-items:center;gap:6px;text-decoration:none;
	color:var(--sxhfh-gray);font-weight:500;font-size:14px;padding:8px 10px;border-radius:8px;
}
.sxhfh__lang:hover{background:#f1f5f9;}

/* Nav items */
.sxhfh__item{position:static;}
.sxhfh__link{
	display:inline-flex;align-items:center;gap:5px;
	padding:10px 14px;border-radius:9px;
	color:var(--sxhfh-ink);text-decoration:none;font-weight:500;font-size:15px;white-space:nowrap;
}
.sxhfh__link:hover{color:var(--sxhfh-primary);background:#f6faf7;}
.sxhfh__car{font-size:11px;opacity:.7;transition:transform .15s ease;}
.sxhfh__item.has-mega:hover .sxhfh__car{transform:rotate(180deg);}

/* Mega panel — centered under the whole header so it never overflows. */
.sxhfh__mega{
	position:absolute;top:calc(100% + 10px);left:0;right:0;margin-inline:auto;transform:translateY(8px);
	width:min(920px,calc(100vw - 48px));
	background:#fff;border:1px solid var(--sxhfh-line);border-radius:18px;
	box-shadow:0 24px 60px rgba(2,32,16,.14);
	padding:22px;opacity:0;visibility:hidden;pointer-events:none;
	transition:opacity .16s ease,transform .16s ease,visibility .16s;
	z-index:1000;
}
/* Invisible bridge so the pointer can travel from the link to the panel. */
.sxhfh__mega::before{content:"";position:absolute;top:-16px;left:0;right:0;height:18px;}
.sxhfh__item.has-mega:hover .sxhfh__mega,
.sxhfh__item.has-mega:focus-within .sxhfh__mega{
	opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);
}

.sxhfh__mega-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 18px;}
.sxhfh__col-head{
	font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;
	color:var(--sxhfh-primary);padding:6px 10px;margin-bottom:2px;
}
.sxhfh__mi{
	display:flex;align-items:flex-start;gap:11px;
	padding:10px;border-radius:12px;text-decoration:none;transition:background .13s ease;
}
.sxhfh__mi:hover{background:#f6faf7;}
.sxhfh__mi-ic{
	flex:0 0 auto;width:36px;height:36px;border-radius:10px;
	display:inline-flex;align-items:center;justify-content:center;
	background:#e8f5ec;color:var(--sxhfh-primary);font-size:17px;
}
.sxhfh__svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.sxhfh__mi-tx{display:flex;flex-direction:column;gap:2px;}
.sxhfh__mi-t{color:var(--sxhfh-ink);font-weight:500;font-size:14px;line-height:1.3;}
.sxhfh__mi-d{color:var(--sxhfh-muted);font-size:12px;line-height:1.45;}
.sxhfh__mega-foot{
	margin-top:14px;padding-top:14px;border-top:1px solid var(--sxhfh-line);
	display:flex;align-items:center;gap:8px;font-size:13px;color:var(--sxhfh-muted);
}
.sxhfh__mega-foot a{color:var(--sxhfh-primary);font-weight:500;text-decoration:none;}
.sxhfh__mega-foot a:hover{text-decoration:underline;}

/* Burger (mobile) */
.sxhfh__burger{
	display:none;order:4;background:transparent;border:0;font-size:24px;line-height:1;
	color:var(--sxhfh-ink);cursor:pointer;padding:6px 8px;
}

/* Responsive */
@media(max-width:1024px){
	.sxhfh__nav{gap:0;}
	.sxhfh__link{padding:10px;font-size:14px;}
	.sxhfh__btn{padding:9px 13px;font-size:13px;}
}
@media(max-width:860px){
	.sxhfh__burger{display:inline-flex;}
	.sxhfh__bar{flex-wrap:wrap;gap:12px;}
	.sxhfh__logo{order:1;margin-inline-end:auto;}
	.sxhfh__burger{order:2;}
	.sxhfh__left{order:3;}
	.sxhfh__nav{order:4;display:none;width:100%;flex-direction:column;align-items:stretch;}
	.sxhfh.is-open .sxhfh__nav{display:flex;}
	.sxhfh__item{width:100%;}
	.sxhfh__link{width:100%;justify-content:space-between;}
	.sxhfh__mega{
		position:static;transform:none!important;width:100%;opacity:1;visibility:visible;
		pointer-events:auto;box-shadow:none;border:0;border-radius:0;padding:6px 0 10px;
		display:none;
	}
	.sxhfh__item.has-mega.is-open .sxhfh__mega{display:block;}
	.sxhfh__mega-cols{grid-template-columns:1fr;}
	.sxhfh__left{width:100%;flex-wrap:wrap;}
}