/* Main-site consistent navigation after adding Marketing Packages */
@media (min-width:1201px){
 .site-header .nav-inner{gap:clamp(7px,1.1vw,17px);padding-inline:clamp(13px,1.3vw,24px)}
 .site-header .site-nav{gap:clamp(9px,1.1vw,19px)}
 .site-header .site-nav>a,.site-header .site-nav .nav-link{font-size:clamp(10px,.92vw,14px)}
 .site-header .nav-actions{gap:8px}
 .site-header .nav-button{padding-inline:11px;font-size:11px}
}
/* Collapse before links become cramped; keep the exact same existing siteNav/mobileMenu behavior */
@media (min-width:881px) and (max-width:1200px){
 .site-header .nav-inner{position:relative;min-height:76px;max-height:none;border-radius:18px;gap:12px}
 .site-header .mobile-menu-btn{display:flex;flex:none}
 .site-header .site-nav{display:none;position:absolute;right:0;left:0;top:calc(100% + 8px);background:#0c2036;backdrop-filter:blur(24px);color:#f8f9ff;border:1px solid #2b3c53;border-radius:16px;padding:14px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 18px 50px #0006;max-height:78vh;overflow-y:auto;z-index:40}
 .site-header .site-nav.open{display:flex}
 .site-header .site-nav>a{font-size:13px;padding:10px 12px}
 .site-header .site-nav a.current::after{display:none}
 .site-header .nav-actions{margin-inline-start:auto}
 .site-header .nav-button,.site-header .language-switch{display:none}
 .site-header .site-nav .has-mega{width:100%}
 .site-header .site-nav .mega-toggle{width:100%;justify-content:space-between;padding:10px 12px}
 .site-header .site-nav .mega-menu{position:static;display:none;width:100%;max-width:none;min-width:0;transform:none;box-shadow:none;opacity:1;visibility:visible;pointer-events:auto;margin-top:8px}
 .site-header .site-nav .has-mega.open .mega-menu{display:block}
 .site-header .site-nav .mega-menu::before{display:none}
 .site-header .mobile-language-switch{display:block}
}

/* V80 shared Services navigation appearance — both locales, every V80 page. */
.site-header .site-nav #servicesNavItem>.mega-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:8px 10px;border-radius:10px;font:800 clamp(11px,.94vw,14px)/1.5 Cairo,Arial,sans-serif;white-space:nowrap;transition:color .2s ease,background .2s ease}
.site-header .site-nav #servicesNavItem>.mega-toggle:hover,.site-header .site-nav #servicesNavItem.open>.mega-toggle,.site-header .site-nav #servicesNavItem>.mega-toggle:focus-visible{color:#f0c474;background:rgba(226,177,87,.08)}
.site-header .site-nav #servicesNavItem>.mega-toggle svg{width:15px;height:15px;flex-shrink:0}
@media(min-width:1201px){
 .site-header .site-nav #servicesNavItem{position:relative!important}
 .site-header .site-nav #servicesNavItem .mega-menu{width:min(690px,calc(100vw - 44px))!important;max-width:calc(100vw - 44px)!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;padding:14px!important;border:1px solid #314863!important;border-radius:20px!important;background:rgba(10,29,49,.98)!important;box-shadow:0 25px 55px rgba(0,6,20,.32)!important;backdrop-filter:blur(20px)!important;top:calc(100% + 12px)!important}
 html[lang=ar] .site-header .site-nav #servicesNavItem .mega-menu{right:0!important;left:auto!important;transform:translateY(10px)!important}
 html[lang=en] .site-header .site-nav #servicesNavItem .mega-menu{left:0!important;right:auto!important;transform:translateY(10px)!important}
 html[lang=ar] .site-header .site-nav #servicesNavItem:is(:hover,:focus-within,.open) .mega-menu,html[lang=en] .site-header .site-nav #servicesNavItem:is(:hover,:focus-within,.open) .mega-menu{transform:translateY(0)!important}
 .site-header .site-nav #servicesNavItem .mega-menu::before{display:none!important}
 .site-header .site-nav #servicesNavItem .mega-intro{grid-column:1/-1!important}
 .site-header .site-nav #servicesNavItem .mega-columns{grid-column:1/-1!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
 .site-header .site-nav #servicesNavItem .mega-col{min-width:0;border-radius:14px!important}
}
@media(max-width:1200px){.site-header .site-nav #servicesNavItem>.mega-toggle{width:100%;justify-content:space-between!important;padding:11px 12px!important}.site-header .site-nav #servicesNavItem .mega-menu{max-width:100%!important}}

/* Global English navbar overflow protection for standalone V80 pages. */
@media(min-width:881px) and (max-width:1600px){
html[lang=en] header.site-header .nav-inner{position:relative!important;display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}
html[lang=en] header.site-header .mobile-menu-btn{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 44px!important}
html[lang=en] header.site-header .site-nav{display:none!important;position:absolute!important;left:0!important;right:0!important;top:calc(100% + 8px)!important;width:100%!important;max-width:100%!important;min-width:0!important;max-height:78vh!important;overflow-y:auto!important;flex-direction:column!important;align-items:stretch!important;margin:0!important;padding:14px!important;gap:0!important;background:#0c2036!important;color:#fff!important;border:1px solid #2b3c53!important;border-radius:16px!important;z-index:60!important;direction:ltr!important;text-align:left!important}
html[lang=en] header.site-header .site-nav.open{display:flex!important}
html[lang=en] header.site-header .site-nav>a{padding:10px 12px!important;font-size:14px!important;white-space:normal!important}
html[lang=en] header.site-header .nav-actions{margin-left:auto!important;flex-shrink:0!important}
html[lang=en] header.site-header .nav-button{display:none!important}
html[lang=en] header.site-header .mobile-language-switch{display:block!important}
html[lang=en] header.site-header .site-nav a.current::after{display:none!important}
html[lang=en] header.site-header .site-nav .mega-menu{max-width:100%!important;min-width:0!important}
}


/* 2026-10-29 wider shared navbar: give the real links room without viewport overflow */
@media(min-width:1201px){
 body header.site-header{left:0!important;right:0!important;width:100%!important;max-width:100%!important}
 body header.site-header .nav-inner{box-sizing:border-box!important;width:min(1740px,calc(100vw - 32px))!important;max-width:calc(100vw - 32px)!important;margin-inline:auto!important;min-width:0!important;padding-inline:clamp(12px,1.4vw,26px)!important;gap:clamp(8px,1vw,18px)!important}
 body header.site-header .site-nav{min-width:0!important;gap:clamp(9px,1vw,19px)!important}
 body header.site-header .nav-actions{flex-shrink:0!important;gap:clamp(6px,.6vw,11px)!important}
 body header.site-header .site-nav>a{white-space:nowrap!important}
}
@media(min-width:881px) and (max-width:1200px){
 body header.site-header .nav-inner{box-sizing:border-box!important;width:calc(100vw - 28px)!important;max-width:calc(100vw - 28px)!important;margin-inline:auto!important}
}
@media(max-width:880px){
 body header.site-header .nav-inner{box-sizing:border-box!important;width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;margin-inline:auto!important}
}

/* Center English navbar links inside available space between brand and actions. */
@media(min-width:1601px){
html[lang="en"] body header.site-header .nav-inner{display:flex!important;align-items:center!important}
html[lang="en"] body header.site-header .nav-inner>.brand{flex:0 0 auto!important}
html[lang="en"] body header.site-header .nav-inner>.site-nav{display:flex!important;flex:1 1 auto!important;justify-content:center!important;align-items:center!important;min-width:0!important;width:auto!important;margin-inline:0!important;gap:clamp(8px,.8vw,17px)!important}
html[lang="en"] body header.site-header .nav-inner>.nav-actions{flex:0 0 auto!important;margin:0!important}
}

/* Center Arabic navbar links in the available RTL space, matching English. */
@media(min-width:1201px){
html[lang="ar"] body header.site-header .nav-inner{display:flex!important;align-items:center!important;direction:rtl!important}
html[lang="ar"] body header.site-header .nav-inner>.brand{flex:0 0 auto!important}
html[lang="ar"] body header.site-header .nav-inner>.site-nav{display:flex!important;flex:1 1 auto!important;justify-content:center!important;align-items:center!important;min-width:0!important;width:auto!important;margin-inline:0!important;gap:clamp(8px,.8vw,17px)!important;direction:rtl!important}
html[lang="ar"] body header.site-header .nav-inner>.nav-actions{flex:0 0 auto!important;margin:0!important}
}

/* Shared navbar typography / spacing contract — 2026-10-29 */
@media(min-width:1201px){
html body header.site-header .nav-inner>.site-nav{column-gap:12px!important;row-gap:0!important;align-items:center!important}
html body header.site-header .nav-inner>.site-nav>a,
html body header.site-header .nav-inner>.site-nav>.has-mega>.mega-toggle{
font-family:Cairo,Tahoma,Arial,sans-serif!important;font-size:13px!important;font-weight:800!important;line-height:1.5!important;letter-spacing:0!important;white-space:nowrap!important;
}
html body header.site-header .nav-inner>.site-nav>.has-mega>.mega-toggle{padding:8px 10px!important;min-height:42px!important}
html body header.site-header .nav-inner>.nav-actions{gap:8px!important;align-items:center!important}
html body header.site-header .nav-inner>.nav-actions>.language-switch{height:46px!important;font-size:12px!important;font-weight:800!important}
html body header.site-header .nav-inner>.nav-actions>.nav-button{min-height:46px!important;padding-inline:12px!important;font-size:11px!important;font-weight:800!important}
}
@media(min-width:881px) and (max-width:1200px){
html body header.site-header .site-nav.open>a,
html body header.site-header .site-nav.open>.has-mega>.mega-toggle{font-family:Cairo,Tahoma,Arial,sans-serif!important;font-size:14px!important;font-weight:800!important;line-height:1.6!important}
}