/* ==========================================================
   AK — brand palette, animations, header & language switcher
   #0F4D4A  deep teal   (text / dark sections)
   #2E7D7A  teal        (icons / accents)
   #A7D7C9  mint        (buttons / animations)  ← primary action
   #F0F8F6  mist        (light backgrounds)
   ========================================================== */
:root{
	--ak-deep:#0F4D4A;
	--ak-teal:#2E7D7A;
	--ak-mint:#A7D7C9;
	--ak-mist:#F0F8F6;
	--ak-ease:cubic-bezier(.22,.61,.36,1);
}

html.ak-switching body{opacity:.35;transition:opacity .2s ease}
html{scroll-behavior:smooth}
::selection{background:var(--ak-mint);color:var(--ak-deep)}

/* ── Header ─────────────────────────────────────────── */
#masthead .main-header-bar,
#masthead .ast-primary-header-bar{
	background:rgba(255,255,255,.96)!important;
	backdrop-filter:saturate(160%) blur(10px);
	-webkit-backdrop-filter:saturate(160%) blur(10px);
	border-bottom:1px solid rgba(15,77,74,.08)!important;
	box-shadow:0 6px 24px rgba(15,77,74,.06);
}

/* Desktop menu links: animated underline + soft pill */
#ast-desktop-header .main-header-menu > .menu-item > .menu-link{
	position:relative;
	color:var(--ak-deep)!important;
	font-family:'Tajawal',sans-serif;
	font-weight:600;
	padding-left:18px!important;padding-right:18px!important;
	transition:color .3s var(--ak-ease);
}
#ast-desktop-header .main-header-menu > .menu-item > .menu-link::before{
	content:"";position:absolute;inset:22% 6px;border-radius:999px;
	background:var(--ak-mist);transform:scale(.6);opacity:0;z-index:-1;
	transition:transform .35s var(--ak-ease),opacity .35s var(--ak-ease);
}
#ast-desktop-header .main-header-menu > .menu-item > .menu-link::after{
	content:"";position:absolute;left:50%;bottom:16%;height:3px;width:0;border-radius:3px;
	background:var(--ak-mint);transform:translateX(-50%);
	transition:width .35s var(--ak-ease);
}
#ast-desktop-header .main-header-menu > .menu-item > .menu-link:hover::before,
#ast-desktop-header .main-header-menu > .current-menu-item > .menu-link::before{transform:scale(1);opacity:1}
#ast-desktop-header .main-header-menu > .menu-item > .menu-link:hover::after,
#ast-desktop-header .main-header-menu > .current-menu-item > .menu-link::after{width:26px}
#ast-desktop-header .main-header-menu > .current-menu-item > .menu-link{color:var(--ak-teal)!important}

/* Entrance animation of the menu items */
@keyframes akDrop{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
#ast-desktop-header .main-header-menu > .menu-item{animation:akDrop .6s var(--ak-ease) both}
#ast-desktop-header .main-header-menu > .menu-item:nth-child(1){animation-delay:.05s}
#ast-desktop-header .main-header-menu > .menu-item:nth-child(2){animation-delay:.12s}
#ast-desktop-header .main-header-menu > .menu-item:nth-child(3){animation-delay:.19s}
#ast-desktop-header .main-header-menu > .menu-item:nth-child(4){animation-delay:.26s}

/* Header CTA button */
.ast-header-button-1 .ast-custom-button,
.ast-header-button-1 .ast-custom-button-link .ast-custom-button{
	background:var(--ak-mint)!important;color:var(--ak-deep)!important;
	border:1px solid var(--ak-mint)!important;border-radius:12px!important;
	font-family:'Tajawal',sans-serif;font-weight:700!important;
	padding:12px 22px!important;
	box-shadow:0 8px 20px rgba(46,125,122,.18);
	transition:all .35s var(--ak-ease)!important;
	position:relative;overflow:hidden;
}
.ast-header-button-1 .ast-custom-button:hover{
	background:var(--ak-deep)!important;color:#fff!important;border-color:var(--ak-deep)!important;
	transform:translateY(-2px);box-shadow:0 12px 26px rgba(15,77,74,.28);
}

/* Mobile toggle + off-canvas menu */
#ast-mobile-header .menu-toggle,
#ast-mobile-header .ast-mobile-menu-trigger-minimal{
	color:var(--ak-deep)!important;background:var(--ak-mist)!important;
	border-radius:12px!important;width:44px;height:44px;
	display:inline-flex!important;align-items:center;justify-content:center;
	transition:background .3s,transform .3s var(--ak-ease);
}
#ast-mobile-header .menu-toggle svg{fill:var(--ak-deep)!important}
#ast-mobile-header .menu-toggle:hover,
#ast-mobile-header .menu-toggle.toggled{background:var(--ak-mint)!important}
#ast-mobile-header .menu-toggle.toggled{transform:rotate(90deg)}

.ast-mobile-header-content,
#ast-mobile-header .ast-mobile-header-content{
	background:#fff!important;
	border-top:3px solid var(--ak-mint);
	box-shadow:0 18px 40px rgba(15,77,74,.12);
}
.ast-mobile-header-content .menu-item > .menu-link{
	color:var(--ak-deep)!important;font-weight:600;font-family:'Tajawal',sans-serif;
	border-bottom:1px solid rgba(15,77,74,.06)!important;
	transition:background .3s,padding .3s var(--ak-ease),color .3s;
}
.ast-mobile-header-content .menu-item > .menu-link:hover,
.ast-mobile-header-content .current-menu-item > .menu-link{
	background:var(--ak-mist)!important;color:var(--ak-teal)!important;
	padding-inline-start:28px!important;
}
@keyframes akSlide{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}
html[dir="ltr"] .ast-mobile-header-content .menu-item{animation-name:akSlideL}
@keyframes akSlideL{from{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:none}}
.ast-mobile-header-content .menu-item{animation:akSlide .45s var(--ak-ease) both}
.ast-mobile-header-content .menu-item:nth-child(2){animation-delay:.06s}
.ast-mobile-header-content .menu-item:nth-child(3){animation-delay:.12s}
.ast-mobile-header-content .menu-item:nth-child(4){animation-delay:.18s}

/* ── Page buttons (Royal Elementor button) ─────────── */
.ak-btn .wpr-button{
	position:relative;overflow:hidden;
	box-shadow:0 8px 22px rgba(46,125,122,.18);
	transition:transform .35s var(--ak-ease),box-shadow .35s var(--ak-ease),background-color .35s,color .35s!important;
}
.ak-btn .wpr-button::after{ /* light sweep */
	content:"";position:absolute;top:0;bottom:0;width:45%;left:-60%;
	background:linear-gradient(110deg,transparent,rgba(255,255,255,.55),transparent);
	transform:skewX(-20deg);transition:left .7s var(--ak-ease);pointer-events:none;
}
.ak-btn .wpr-button:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(15,77,74,.25)}
.ak-btn .wpr-button:hover::after{left:120%}
.ak-btn .wpr-button:active{transform:translateY(-1px) scale(.98)}
.ak-reveal{opacity:0;transform:translateY(14px);transition:opacity .6s var(--ak-ease),transform .6s var(--ak-ease)}
.ak-reveal.ak-in{opacity:1;transform:none}

/* Icon boxes & cards */
.elementor-icon-box-icon .elementor-icon{transition:transform .45s var(--ak-ease),background-color .35s,box-shadow .35s}
.elementor-widget-icon-box:hover .elementor-icon{transform:translateY(-4px) rotate(-6deg);box-shadow:0 10px 22px rgba(46,125,122,.28)}
.elementor-widget-image img{transition:transform .8s var(--ak-ease)}
.e-con:hover > .elementor-widget-image img{transform:scale(1.04)}

/* ── Footer in brand palette ───────────────────────── */
.site-primary-footer-wrap{background:var(--ak-deep)!important}
.site-below-footer-wrap{background:#0B3B39!important;border-top-color:rgba(167,215,201,.15)!important}
.site-footer .ast-footer-html-1 p[style*="#D78F42"]{color:var(--ak-mint)!important}
.site-footer a{transition:color .3s,padding .3s}
.site-footer a:hover{color:var(--ak-mint)!important}
.site-footer .ast-footer-html-2 li a:hover{padding-inline-start:6px}
.site-footer .ast-footer-copyright, .site-footer .ast-footer-copyright p{color:#A9C9C2!important}

/* Scroll-to-top */
#ast-scroll-top{background:var(--ak-teal)!important;border-radius:12px!important;transition:transform .3s,background .3s}
#ast-scroll-top:hover{background:var(--ak-deep)!important;transform:translateY(-3px)}

/* WhatsApp float: gentle pulse */
@keyframes akPulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.45)}70%{box-shadow:0 0 0 16px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
.ak-wa-float{animation:akPulse 2.4s infinite}
html[dir="ltr"] .ak-wa-float{right:auto!important;left:22px}

/* ── Language switcher ─────────────────────────────── */
.ak-lang{position:relative;display:inline-flex;align-items:center;margin-inline:10px;z-index:30;font-family:'Tajawal',sans-serif}
.ak-lang__btn{
	display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 14px;
	border-radius:12px;border:1px solid rgba(15,77,74,.12);
	background:var(--ak-mist);color:var(--ak-deep);cursor:pointer;
	font:700 14px/1 'Tajawal',sans-serif;letter-spacing:.02em;
	transition:background .3s,border-color .3s,box-shadow .3s,transform .3s var(--ak-ease);
}
.ak-lang__btn:hover,.ak-lang.is-open .ak-lang__btn{
	background:var(--ak-mint);border-color:var(--ak-mint);
	box-shadow:0 8px 20px rgba(46,125,122,.2);transform:translateY(-1px);
}
.ak-lang__globe{transition:transform .6s var(--ak-ease)}
.ak-lang__btn:hover .ak-lang__globe{transform:rotate(180deg)}
.ak-lang__caret{transition:transform .3s var(--ak-ease);opacity:.7}
.ak-lang.is-open .ak-lang__caret{transform:rotate(180deg)}
.ak-lang__menu{
	position:absolute;top:calc(100% + 10px);inset-inline-end:0;min-width:168px;
	list-style:none;margin:0;padding:8px;border-radius:14px;background:#fff;
	border:1px solid rgba(15,77,74,.08);box-shadow:0 18px 40px rgba(15,77,74,.16);
	opacity:0;visibility:hidden;transform:translateY(-8px) scale(.97);transform-origin:top;
	transition:opacity .25s var(--ak-ease),transform .25s var(--ak-ease),visibility .25s;
}
.ak-lang.is-open .ak-lang__menu{opacity:1;visibility:visible;transform:none}
.ak-lang__menu li{margin:0}
.ak-lang__menu a{
	display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;
	color:var(--ak-deep)!important;text-decoration:none!important;font-weight:600;font-size:15px;
	transition:background .25s,padding .25s var(--ak-ease);
}
.ak-lang__menu a:hover{background:var(--ak-mist);padding-inline-start:16px}
.ak-lang__menu a.is-active{background:var(--ak-mint)}
.ak-lang__flag{
	display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:24px;
	border-radius:7px;background:var(--ak-deep);color:var(--ak-mint);font-size:12px;font-weight:800;
}
.ak-lang--mobile .ak-lang__btn{height:44px;padding:0 11px}
.ak-lang--mobile .ak-lang__caret{display:none}
.ak-lang--floating{position:fixed;top:90px;inset-inline-end:16px}

/* ── English (LTR) refinements ─────────────────────── */
html[dir="ltr"] .elementor-widget-heading .elementor-heading-title,
html[dir="ltr"] .elementor-widget-text-editor{letter-spacing:0}
html[dir="ltr"] .site-footer .ast-builder-html-element > div,
html[dir="ltr"] .site-footer .ast-builder-html-element > div > div{text-align:left!important}

@media (prefers-reduced-motion:reduce){
	*,*::before,*::after{animation:none!important;transition:none!important}
}