/* LUMORA corporate refinement (loaded after corporate.css): floating glass navigation, language control, mobile drawer, centered section heads. */

/* ---------- Centered section heads: the heading box itself must be centered, not only its text ---------- */
.section-head.centered>h2,.section-head.centered>p,.section-head.centered>.lead{margin-inline:auto}
.section-head.centered .eyebrow{padding-inline-start:.17em}
.roles-section .tab-list{margin-inline:auto}
.role-screen{margin-inline-end:0;transform:rotate(-1deg);transform-origin:50% 50%}
.role-experience .tab-panel{grid-template-columns:.7fr 1.3fr;padding:50px}

/* ---------- Floating glass navigation ---------- */
.site-nav{background:#f7faff;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:0;box-shadow:none;transition:background-color .35s ease}
.site-nav.is-scrolled{background:transparent;border-color:transparent;box-shadow:none}
.nav-inner{height:66px;margin-block:9px;padding-inline:20px 12px;gap:18px;border:1px solid rgba(204,220,240,.75);border-radius:20px;background:rgba(255,255,255,.62);backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 30px -20px rgba(24,59,107,.3);transition:background-color .35s ease,border-color .35s ease,box-shadow .35s ease}
.site-nav.is-scrolled .nav-inner{background:rgba(255,255,255,.88);border-color:#d6e3f4;box-shadow:inset 0 1px 0 #fff,0 18px 38px -18px rgba(24,59,107,.38),0 2px 6px rgba(24,59,107,.05)}
.brand img{width:148px}
.desktop-nav{gap:2px}
.desktop-nav a{padding:10px 15px;border-radius:12px;font-size:13.5px;font-weight:600;color:#4a5c78;transition:color .2s,background-color .2s}
.desktop-nav a:hover{color:var(--deep);background:rgba(37,99,235,.07)}
.desktop-nav a[aria-current]{color:var(--primary);background:rgba(37,99,235,.09)}
.desktop-nav a:after,.desktop-nav a[aria-current]:after{content:'';position:absolute;bottom:5px;inset-inline:50%;height:2px;border-radius:2px;background:var(--gradient-brand);transition:inset-inline .3s cubic-bezier(.2,.8,.2,1)}
.desktop-nav a:hover:after,.desktop-nav a[aria-current]:after{inset-inline:16px}
.desktop-nav a:focus-visible,.login-link:focus-visible,.language-toggle:focus-visible,.menu-toggle:focus-visible,.nav-cta:focus-visible{outline:2px solid #067f97;outline-offset:2px}
.nav-actions{gap:10px}
.language-toggle,.login-link{display:inline-flex;align-items:center;gap:8px;height:42px;min-height:42px;padding:0 14px;border:1px solid #d5e1f1;border-radius:12px;background:rgba(255,255,255,.72);color:var(--deep);font-size:13px;font-weight:650;white-space:nowrap;box-shadow:0 1px 2px rgba(24,59,107,.04);transition:border-color .2s,background-color .2s,color .2s,box-shadow .2s,transform .2s}
.language-toggle{font-family:'Noto Sans Arabic','DM Sans',sans-serif;font-weight:600}
[dir=rtl] .language-toggle{font-family:'DM Sans',sans-serif}
.language-toggle .icon,.login-link .icon{width:16px;height:16px;color:var(--primary)}
.language-toggle:hover,.login-link:hover{border-color:#a9c4ec;background:#fff;color:var(--primary);box-shadow:0 8px 18px -10px rgba(37,99,235,.5)}
.nav-cta{height:42px;padding:0 18px;border-radius:12px;white-space:nowrap;background:linear-gradient(105deg,#2466ee,#1a7be0);box-shadow:0 8px 20px -10px rgba(37,99,235,.7)}
.nav-cta:hover{background:linear-gradient(105deg,#1a54d4,#176ccb)}
[dir=rtl] .icon-arrow{transform:scaleX(-1)}
.menu-toggle{width:44px;height:44px;border-radius:12px;border-color:#d5e1f1;background:rgba(255,255,255,.8);transition:background-color .2s,border-color .2s}
.menu-toggle:hover{border-color:#a9c4ec;background:#fff}
.menu-toggle span{margin:5px auto;border-radius:2px;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}
.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}

/* ---------- Mobile drawer ---------- */
.mobile-menu{inset-block-start:calc(100% + 10px);inset-inline:0;border:1px solid rgba(204,220,240,.9);border-radius:22px;background:rgba(255,255,255,.98);backdrop-filter:blur(22px) saturate(1.5);-webkit-backdrop-filter:blur(22px) saturate(1.5);box-shadow:0 30px 60px -24px rgba(19,47,82,.4);padding:12px;max-height:calc(100dvh - 110px);transform-origin:50% 0}
.mobile-menu-links{display:grid;gap:2px}
.mobile-menu-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;border-radius:14px;font-size:16px;font-weight:600;color:var(--deep);transition:background-color .2s,color .2s}
.mobile-menu-links a .icon{width:18px;height:18px;color:#9db1cc}
.mobile-menu-links a:hover{background:var(--muted-surface)}
.mobile-menu-links a[aria-current]{color:var(--primary);background:rgba(37,99,235,.09)}
.mobile-menu-links a[aria-current] .icon{color:var(--primary)}
.mobile-menu-foot{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 0;padding-top:12px;border-top:1px solid #e6eef9}
.mobile-menu-foot .language-toggle,.mobile-menu-foot .login-link{justify-content:center;width:100%;height:46px}
.mobile-menu>.button{display:flex;width:100%;margin-top:10px;min-height:50px;border-radius:13px}
.mobile-menu a:focus-visible,.mobile-menu button:focus-visible{outline-offset:-2px}

@media(max-width:1200px){.nav-inner{padding-inline:16px 10px;gap:12px}.brand img{width:132px}.desktop-nav a{padding:10px 11px;font-size:13px}.nav-actions{gap:8px}.language-toggle,.login-link{padding:0 12px}.nav-cta{padding:0 14px;font-size:12.5px}}
@media(max-width:1090px){.nav-cta .icon{display:none}.nav-cta{padding:0 14px}.desktop-nav a{padding-inline:9px}}
@media(max-width:999px){.nav-inner{height:64px;padding-inline:16px 10px}.menu-toggle{display:block}.desktop-nav,.nav-actions>.login-link,.nav-actions>.nav-cta{display:none}.nav-actions{gap:8px}}
@media(max-width:700px){.nav-inner{height:62px;margin-block:8px;padding-inline:14px 8px;border-radius:18px}.brand img{width:118px}.nav-actions>.language-toggle{padding:0;width:42px;justify-content:center}.nav-actions>.language-toggle [data-language-label]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.mobile-menu{border-radius:20px}}
@media(prefers-reduced-motion:reduce){.desktop-nav a:after{transition:none}}
[dir=rtl] .section-head.centered .eyebrow{padding-inline-start:0}