.lang-switch{
  display:inline-flex;align-items:center;gap:7px;flex-shrink:0;height:44px;padding:0 13px;border-radius:14px;
  border:1px solid var(--line);background:transparent;color:var(--ink-soft);cursor:pointer;
  font-family:inherit;font-size:13px;font-weight:700;letter-spacing:.04em;line-height:1;transition:all .2s ease
}
.lang-switch:hover{color:var(--ink);border-color:var(--ink);background:var(--surface)}
.lang-switch:active{transform:scale(.95)}
.lang-switch svg{width:18px;height:18px;flex-shrink:0}
.lang-switch .lang-code{display:inline-flex;align-items:center;gap:5px;direction:ltr}
.lang-switch .lang-code i{font-style:normal;opacity:.35;font-weight:400}
.lang-switch .lang-code b{font-weight:600;opacity:.55}
.lang-switch .lang-code b.on{font-weight:800;opacity:1;color:var(--gold)}
.lang-dd.lang-float{position:fixed;top:22px;right:22px;z-index:9999}
.lang-dd.lang-float .lang-switch{background:var(--surface);box-shadow:0 8px 24px rgba(39,48,68,.14)}
.lang-dd.lang-float .lang-menu{inset-inline-start:auto;inset-inline-end:0}
@media(max-width:1240px){
  header.win-head .nav-cta .lang-switch{height:40px;padding:0 9px;border-radius:12px;font-size:12px}
  header.win-head .nav-cta .lang-switch svg:not(.lang-chev){display:none}
}
@media(max-width:560px){
  .lang-switch .lang-code i,.lang-switch .lang-code b.on{display:none}
  .lang-switch .lang-code b{opacity:1;font-weight:800;color:var(--gold)}
  .lang-switch .lang-chev{display:none}
  header.win-head .nav-cta .lang-switch,.p-user .lang-switch{min-width:38px;padding:0 6px;justify-content:center}
}
@media(max-width:600px){
  .p-user .lang-switch{height:40px;padding:0 9px;font-size:12px}
  .p-user .lang-switch svg:not(.lang-chev){display:none}
  .lang-dd.lang-float{top:14px;right:14px}
  .lang-dd.lang-float .lang-switch{height:40px}
}
@media(max-width:400px){
  header.win-head .nav-cta .lang-switch{height:36px;min-width:34px;padding:0 5px;font-size:11.5px}
}

html.lang-en .bio-panel-inner .bio-callout{border-right:0;border-left:4px solid var(--emerald)}
html.lang-en .notif-panel{left:auto;right:0;text-align:left}
html.lang-en .notif-item.is-new::before{right:auto;left:7px}
html.lang-en .notif-badge{left:auto;right:-6px}
html.lang-en .p-user #logoutBtn{margin-right:0;margin-left:28px}
html.lang-en .p-user .theme-slot{margin-right:0;margin-left:8px}
html.lang-en .p-hero p{margin-right:0;margin-left:16px}
html.lang-en .price small{margin-right:0;margin-left:4px}
html.lang-en body:not(.admin) .p-tabs button{text-align:left}
html.lang-en body:not(.admin) .p-tabs button span:not(.badge){text-align:left}
html.lang-en body:not(.admin) .p-tabs button:hover{transform:translateX(2px)}
html.lang-en .pic-tag{right:auto;left:12px}
html.lang-en .auth-page-card{direction:ltr}
html.lang-en .hero-quote{direction:ltr}
html.lang-en .slogan{letter-spacing:.01em}
@media(max-width:600px){
  html.lang-en .p-user #logoutBtn{margin-left:0}
  html.lang-en .p-user .theme-slot{margin-left:6px}
}
@media(max-width:820px){
  html.lang-en body:not(.admin) .p-tabs button{text-align:center}
  html.lang-en body:not(.admin) .p-tabs button span:not(.badge){text-align:center}
  html.lang-en body:not(.admin) .p-tabs button:hover{transform:none}
}
@media(max-width:640px){
  html.lang-en .notif-panel{left:12px;right:12px}
}
@media(max-width:600px){
  .p-user > a.btn[href="index.html"]{display:none}
}
@media(max-width:560px){
  header.win-head .nav-cta{gap:4px}
  header.win-head .nav-cta .btn{padding:0 9px;font-size:12.5px;min-height:38px}
  header.win-head .nav-cta .theme-switcher,header.win-head .nav-cta .notif-bell,header.win-head .nav-burger{width:36px;height:36px;min-width:36px}
  header.win-head .nav-cta .lang-switch{height:36px}
}
@media(max-width:420px){
  header.win-head .wrap.nav{padding-inline:12px}
}
@media(max-width:400px){
  header.win-head .nav-cta{gap:3px;margin-inline:auto 4px}
  header.win-head .nav-cta .btn{padding:0 7px;font-size:12px}
  header.win-head .nav-cta .theme-switcher,header.win-head .nav-cta .notif-bell{width:34px;height:34px;min-width:34px}
  header.win-head .nav-burger{width:34px;height:34px;min-width:34px}
  header.win-head .nav-cta .lang-switch{height:34px;min-width:32px;padding:0 4px}
}


/* ===== Language dropdown (FA / EN / AR) ===== */
.lang-dd{position:relative;display:inline-flex;flex-shrink:0}
.lang-switch .lang-code b.cur{display:inline;opacity:1;font-weight:800;color:var(--gold)}
.lang-switch .lang-chev{width:12px;height:12px;opacity:.7;transition:transform .2s ease}
.lang-dd.open .lang-chev{transform:rotate(180deg)}
.lang-dd.open .lang-switch{color:var(--ink);border-color:var(--ink);background:var(--surface)}
.lang-menu{display:none;position:absolute;top:calc(100% + 8px);inset-inline-start:0;min-width:170px;max-width:calc(100vw - 16px);margin:0;padding:6px;list-style:none;
  background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 36px -14px rgba(15,23,42,.38);z-index:10000;white-space:nowrap}
.lang-menu.flip{inset-inline-start:auto;inset-inline-end:0}
.lang-dd.open .lang-menu{display:block}
.lang-menu li{display:block;margin:0;padding:0}
.lang-menu button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border:0;border-radius:10px;
  background:transparent;color:var(--ink);font-family:inherit;font-size:14px;font-weight:600;line-height:1.2;text-align:start;cursor:pointer;transition:background .15s ease}
.lang-menu button:hover,.lang-menu button:focus-visible{background:var(--emerald-soft,rgba(0,0,0,.06));outline:none}
.lang-menu button .lang-abbr{direction:ltr;font-size:11.5px;font-weight:700;letter-spacing:.06em;opacity:.55}
.lang-menu button[aria-selected="true"]{color:var(--gold)}
.lang-menu button[aria-selected="true"] .lang-abbr{opacity:1}

/* Logged-in header on wide screens: the greeting moves to a tooltip so the links never collide with the actions */
@media(min-width:1241px){
  header.win-head .nav{gap:16px}
  header.win-head .logo{flex-shrink:0}
  header.win-head .nav-links{flex:1 1 auto;justify-content:center;gap:clamp(14px,1.5vw,26px)}
  header.win-head .nav-cta{flex:0 0 auto}
  header.win-head .nav-cta.is-auth{gap:6px}
  header.win-head .nav-cta.is-auth .nav-hi{display:none}
  header.win-head .nav-cta.is-auth .lang-switch{height:40px;padding:0 10px}
  header.win-head .nav-cta.is-auth .lang-switch svg:not(.lang-chev){display:none}
}

@media(min-width:1241px){
  header.win-head .wrap.nav{max-width:none;padding-inline:22px}
  header.win-head .nav-links{min-width:0;margin-inline:8px}
  html.lang-en header.win-head .nav-links,
  html.lang-ar header.win-head .nav-links{gap:clamp(10px,1.1vw,18px)}
  html.lang-en header.win-head .nav-links a,
  html.lang-en header.win-head .nav-links .dropdown-toggle,
  html.lang-ar header.win-head .nav-links a,
  html.lang-ar header.win-head .nav-links .dropdown-toggle{font-size:clamp(13.5px,1.05vw,15px)}
}