/* Live English brand: tokens, logo, buttons, header, footer. Loaded on every page. */
:root{
	--le-nv:#07284D;--le-nv2:#0C3461;--le-nv3:#051D3A;
	--le-ink:#0B1B33;--le-txt:#4A5A70;--le-mut:#7B8798;--le-line:#E3E8F0;--le-bg2:#F2F5F9;
	--le-red:#E5322D;--le-red2:#C9241F;--le-gold:#FFC44D;
	--le-f:"Tajawal","Segoe UI",Tahoma,sans-serif;--le-m:"Montserrat","Segoe UI",sans-serif;
	--le-shadow:0 18px 40px -24px rgba(7,40,77,.35);
}
.le-wrap{max-width:1240px;margin:0 auto;padding:0 40px;box-sizing:border-box}
.le-ltr{direction:ltr;unicode-bidi:isolate}
.le-num{font-family:var(--le-m);font-weight:700}
.le-i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* logo */
.le-logo{display:inline-flex;flex-direction:column;align-items:flex-start;direction:ltr;text-decoration:none!important;line-height:1}
.le-logo__row{display:flex;align-items:center;gap:8px}
.le-logo__tag{display:inline-flex;align-items:center;gap:5px;background:var(--le-red);color:#fff;font:800 16px/1 var(--le-m);padding:6px 9px;border-radius:6px;letter-spacing:.5px}
.le-logo__tag i{width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 0 2.5px rgba(255,255,255,.3)}
.le-logo__en{font:800 28px/1 var(--le-m);color:#16151C;letter-spacing:-1px}
.le-logo__ar{direction:rtl;margin-top:6px;font:500 11px/1 var(--le-f);color:var(--le-mut)}
.le-logo--white .le-logo__en{color:#fff}
.le-logo--white .le-logo__ar{color:rgba(255,255,255,.7)}

/* live tag */
.le-live{display:inline-flex;align-items:center;gap:7px;background:var(--le-red);color:#fff;border-radius:7px;padding:6px 10px;font:800 12.5px/1 var(--le-m);letter-spacing:.5px;direction:ltr}
.le-live i{width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.3)}

/* buttons */
.le-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:56px;padding:0 28px;border-radius:12px;font:800 17px/1 var(--le-f);white-space:nowrap;border:1.5px solid transparent;text-decoration:none!important;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease,border-color .15s ease,color .15s ease;box-sizing:border-box}
.le-btn:hover{transform:translateY(-1px)}
.le-btn--red{background:var(--le-red);color:#fff!important;box-shadow:0 10px 24px -12px rgba(229,50,45,.8)}
.le-btn--red:hover{background:var(--le-red2)}
.le-btn--nv{background:var(--le-nv);color:#fff!important}
.le-btn--nv:hover{background:var(--le-nv2)}
.le-btn--out{border-color:#C9D2DF;color:var(--le-nv)!important;background:#fff}
.le-btn--out:hover{border-color:var(--le-nv)}
.le-btn--ghost{border-color:var(--le-line);color:var(--le-nv)!important;background:#fff}
.le-btn--ghost:hover{border-color:var(--le-nv);background:var(--le-bg2)}
.le-btn--outw{border-color:rgba(255,255,255,.75);color:#fff!important;background:transparent}
.le-btn--outw:hover{background:rgba(255,255,255,.08)}
.le-btn--sm{height:44px;padding:0 18px;font-size:15px;border-radius:10px}
/* A button with a price: the riyals on a small line under the words. */
.le-btn:has(.le-btn__sar){flex-direction:column;gap:4px;line-height:1.15}
.le-btn:has(.le-btn__sar)>span:first-child{display:inline-flex;align-items:center;gap:8px}
.le-btn small.le-btn__sar{font:600 12.5px/1 var(--le-f);color:inherit;opacity:.9}
@media (max-width:400px){.le-btn:has(.le-btn__sar){padding-inline:14px}}
.le-btn:focus-visible,.le-header a:focus-visible,.le-header button:focus-visible,.le-footer a:focus-visible{outline:3px solid #8DB4FF;outline-offset:2px}

/* header */
.le-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.97);border-bottom:1px solid var(--le-line);font-family:var(--le-f);transition:box-shadow .2s ease}
.admin-bar .le-header{top:32px}
.le-header.is-stuck{box-shadow:0 10px 30px -18px rgba(7,40,77,.35)}
.le-header__in{display:flex;align-items:center;gap:26px;height:80px}
.le-header__brand{display:flex;align-items:center;gap:16px}
.le-header__tagline{padding-inline-start:16px;border-inline-start:1px solid var(--le-line);font:600 12.5px/1.45 var(--le-f);color:var(--le-mut)}
.le-nav{flex:1;display:flex;justify-content:center}
.le-nav__list{display:flex;align-items:center;gap:6px;list-style:none;margin:0;padding:0}
.le-nav__list>li{position:relative}
.le-nav__list>li>a,.le-nav__parent{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 10px;border:0;background:none;border-radius:10px;font:700 16px/1 var(--le-f);color:var(--le-ink);text-decoration:none;cursor:pointer;white-space:nowrap;transition:background-color .15s ease,color .15s ease}
.le-nav__list>li>a:hover,.le-nav__parent:hover,.le-nav__list>li:focus-within>.le-nav__parent{background:var(--le-bg2);color:var(--le-nv)}
.le-nav__list>.current-menu-item>a{color:var(--le-nv)}
.le-nav__list>.current-menu-item>a::after{content:"";position:absolute;bottom:-18px;right:14px;left:14px;height:3px;border-radius:3px 3px 0 0;background:var(--le-red)}
.le-nav__parent .le-i{width:16px;height:16px;transition:transform .15s ease}
.le-nav .sub-menu{position:absolute;top:calc(100% + 10px);inset-inline-start:0;min-width:270px;list-style:none;margin:0;padding:8px;background:#fff;border:1px solid var(--le-line);border-radius:14px;box-shadow:var(--le-shadow);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .15s ease,transform .15s ease,visibility .15s}
.le-nav .sub-menu::before{content:"";position:absolute;top:-12px;right:0;left:0;height:12px}
.le-nav .menu-item-has-children:hover>.sub-menu,.le-nav .menu-item-has-children:focus-within>.sub-menu,.le-nav .menu-item-has-children.is-open>.sub-menu{opacity:1;visibility:visible;transform:none}
.le-nav .menu-item-has-children:hover .le-nav__parent .le-i,.le-nav .menu-item-has-children.is-open .le-nav__parent .le-i{transform:rotate(180deg)}
.le-nav .sub-menu a{display:block;padding:12px 14px;border-radius:10px;text-decoration:none;color:var(--le-ink)}
.le-nav .sub-menu a:hover{background:var(--le-bg2)}
.le-nav .sub-menu b{display:block;font:800 15.5px/1.3 var(--le-f);color:var(--le-nv)}
.le-nav .sub-menu small{display:block;margin-top:3px;font:500 13px/1.4 var(--le-f);color:var(--le-mut)}
.le-nav__new{display:inline-block;margin-inline-start:6px;padding:3px 8px;border-radius:999px;background:var(--le-red);color:#fff;font:800 11px/1.2 var(--le-f);font-style:normal;vertical-align:middle}
.le-nav .sub-menu .current-menu-item>a{background:var(--le-bg2)}
.le-nav__list>.current-menu-ancestor>.le-nav__parent{color:var(--le-nv)}
.le-nav__list>.current-menu-ancestor>.le-nav__parent::after{content:"";position:absolute;bottom:-18px;right:14px;left:14px;height:3px;border-radius:3px 3px 0 0;background:var(--le-red)}
.le-header__actions{display:flex;align-items:center;gap:4px}
/* The header's end (owner's design 1, 27 Oct 2026): the other language | «إنشاء حساب» and «دخول» (or «لوحتي»). */
.le-header__lang{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 10px;border-radius:10px;font:600 14px/1 var(--le-m);color:var(--le-txt);text-decoration:none;white-space:nowrap;transition:background-color .15s ease,color .15s ease}
.le-header__lang .le-i{width:17px;height:17px}
.le-header__lang:hover{background:var(--le-bg2);color:var(--le-nv)}
.le-header__sep{flex:none;width:1px;height:22px;margin:0 4px;background:var(--le-line)}
.le-header__signup{margin-inline-start:4px}
.le-header__account{display:inline-flex;align-items:center;gap:7px;height:44px;padding:0 10px;font:700 15.5px/1 var(--le-f);color:var(--le-nv);text-decoration:none;border-radius:10px}
.le-header__account:hover{background:var(--le-bg2)}
.le-header__account .le-i{width:19px;height:19px}
.le-header__icon{display:none;width:44px;height:44px;border:1px solid var(--le-line);border-radius:10px;align-items:center;justify-content:center;color:var(--le-nv)}
.le-burger{display:none;width:44px;height:44px;border:1px solid var(--le-line);border-radius:10px;background:#fff;padding:0;cursor:pointer;position:relative}
.le-burger span{position:absolute;left:12px;right:12px;top:21px;height:2px;border-radius:2px;background:var(--le-nv);transition:background-color .15s ease}
.le-burger span::before,.le-burger span::after{content:"";position:absolute;left:0;right:0;height:2px;border-radius:2px;background:var(--le-nv);transition:transform .2s ease,top .2s ease}
.le-burger span::before{top:-7px}.le-burger span::after{top:7px}
.le-burger[aria-expanded=true] span{background:transparent}
.le-burger[aria-expanded=true] span::before{top:0;transform:rotate(45deg)}
.le-burger[aria-expanded=true] span::after{top:0;transform:rotate(-45deg)}

/* phone menu */
.le-phone-nav{border-top:1px solid var(--le-line);background:#fff;padding:8px 0 24px;max-height:calc(100vh - 72px);overflow:auto}
.le-phone-nav ul{list-style:none;margin:0 0 16px;padding:0}
.le-phone-nav .le-nav__list{display:block}
.le-phone-nav .le-nav__list>li>a,.le-phone-nav .le-nav__parent{height:auto;padding:15px 0;border-radius:0}
.le-phone-nav .le-nav__list>li>a:hover,.le-phone-nav .le-nav__parent:hover{background:none}
.le-phone-nav .le-nav__parent{cursor:default}
.le-phone-nav li a,.le-phone-nav .le-nav__parent{display:flex;width:100%;justify-content:space-between;align-items:center;padding:15px 0;border:0;border-bottom:1px solid var(--le-line);background:none;font:800 17px/1.3 var(--le-f);color:var(--le-ink);text-decoration:none;text-align:start}
.le-phone-nav .le-nav__parent .le-i{display:none}
.le-phone-nav .sub-menu{margin:0;padding:0;padding-inline-start:14px}
.le-phone-nav .sub-menu a{font-weight:700;font-size:16px;color:var(--le-txt)}
.le-phone-nav .sub-menu small{display:none}
.le-phone-nav .sub-menu b{font-weight:700}
.le-phone-nav__btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.le-phone-nav__btns .le-btn:only-child{grid-column:1/-1}
.le-phone-nav .le-btn{width:100%}
.le-phone-nav__lang{display:block;margin-top:16px;text-align:center;font:700 15px/1 var(--le-m);color:var(--le-nv);text-decoration:none}

/* footer */
.le-footer{background:var(--le-nv3);color:rgba(255,255,255,.65);padding:60px 0 100px;font:500 15px/1.9 var(--le-f)}
.le-footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:34px}
.le-footer .le-logo__tag{font-size:15px}.le-footer .le-logo__en{font-size:26px}
.le-footer p{margin:16px 0 0;max-width:330px}
.le-footer .le-footer__title{margin:0 0 12px;max-width:none;color:#fff;font:800 15.5px/1.3 var(--le-f)}
.le-footer ul{list-style:none;margin:0;padding:0}
.le-footer a{color:rgba(255,255,255,.72);text-decoration:none}
.le-footer a:hover{color:#fff}
.le-footer__bottom{display:flex;justify-content:space-between;margin-top:40px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);font-size:13.5px}

/* «الرئيسية» became the first menu item (owner, 5 Nov 2026): the items are 10px apart at every width, a little closer
   below 1366px, and up to 1220px (iPads held sideways, small laptops) the header uses the phone menu, so «English» and
   «دخول» are never pushed off the screen. */
@media (max-width:1366px){
	.le-header__in{gap:18px}
	.le-nav__list{gap:2px}
}
@media (max-width:1320px){
	.le-header__tagline{display:none}
}
@media (max-width:1220px){
	.le-nav,.le-header__actions{display:none}
	.le-header__icon{display:inline-flex;margin-inline-start:auto}
	.le-burger{display:block}
}
@media (max-width:1180px){
	.le-header__tagline{display:none}
}
@media (max-width:1040px){
	.le-header__signup{display:none}
}
@media (max-width:900px){
	.le-wrap{padding:0 24px}
	.le-nav,.le-header__actions{display:none}
	.le-header__icon{display:inline-flex;margin-inline-start:auto}
	.le-burger{display:block}
	.le-header__in{height:68px;gap:10px}
	.admin-bar .le-header{top:46px}
	.le-logo__en{font-size:25px}.le-logo__tag{font-size:14px}
	.le-footer__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
	.admin-bar .le-header{top:0}
}
@media (max-width:560px){
	.le-wrap{padding:0 18px}
	.le-footer__grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.le-btn,.le-nav .sub-menu,.le-burger span::before,.le-burger span::after{transition:none}.le-btn:hover{transform:none}}
.le-footer__legal{display:flex;flex-wrap:wrap;gap:18px}

/* Full-width sections inside some posts are 100vw wide (that counts the scrollbar); stop the sideways scroll. clip keeps the sticky header working. */
html,body.le-site{overflow-x:clip}

/* Two behaviours Elementor's CSS used to give every page; it no longer loads on the plugin's own pages (0.5.15):
   links like «شاهد الباقات» glide to their section, and visitors who ask for less motion get no transitions. */
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
@media (prefers-reduced-motion:reduce){html *{transition-delay:0s!important;transition-duration:0s!important}}

/* English pages: Latin type throughout; Montserrat runs wider than Tajawal, so a few sizes come down. */
body.le-en{--le-f:"Montserrat","Segoe UI",sans-serif}
.le-en .le-logo__ar{direction:ltr}
.le-en .le-nav__list>li>a,.le-en .le-nav__parent{font-size:15px}
.le-en .le-header__account{font-size:14.5px}
.le-en .le-btn{font-size:16px}
.le-en .le-btn--sm{font-size:14px}
.le-en .le-footer{font-size:14.5px}
.le-en .le-level small{line-height:1.5}
.le-header__lang[lang=ar],.le-phone-nav__lang[lang=ar]{font-family:"Tajawal",sans-serif;font-weight:700}
@media (max-width:560px){
	.le-en .le-hero__lead{font-size:17.5px}
}