.lang-switch{display:inline-flex;align-items:center;gap:6px;box-sizing:border-box;min-height:44px;padding:0 6px;border-radius:999px;border:1px solid transparent;text-decoration:none;font-family:Inter,Tajawal,system-ui,sans-serif;font-size:.76rem;font-weight:700;line-height:1;letter-spacing:.04em;white-space:nowrap;-webkit-tap-highlight-color:transparent;-webkit-transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,-webkit-transform .2s ease;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.lang-switch__globe{display:block;width:16px;height:16px;-webkit-flex:none;flex:none;margin-inline-start:6px;opacity:.85}
.lang-switch__seg{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:30px;padding:0 10px;border-radius:999px;-webkit-transition:background-color .2s ease,color .2s ease;transition:background-color .2s ease,color .2s ease}
.lang-switch__seg--ar{font-family:Tajawal,Inter,system-ui,sans-serif;font-size:.86rem;letter-spacing:0}
.lang-switch:active{-webkit-transform:scale(.97);transform:scale(.97)}
.lang-switch:focus-visible{outline:2px solid #d9b45f;outline-offset:3px}

/* dark: navy top bar */
.lang-switch--dark{color:#d8e0e7;background:rgba(255,255,255,.06);border-color:rgba(217,180,95,.4)}
.lang-switch--dark .lang-switch__globe{color:#d9b45f}
.lang-switch--dark .lang-switch__seg.is-active{background:linear-gradient(135deg,#e6c876,#c99a3d);color:#061b2b}
.lang-switch--dark:hover{background:rgba(217,180,95,.14);border-color:#d9b45f;color:#fff}

/* light: cream header and drawer */
.lang-switch--light{color:#061b2b;background:#fffaf1;border-color:rgba(201,154,61,.5);box-shadow:0 1px 2px rgba(6,27,43,.06)}
.lang-switch--light .lang-switch__globe{color:#a97d28}
.lang-switch--light .lang-switch__seg.is-active{background:#061b2b;color:#f1d58b}
.lang-switch--light:hover{background:#fff;border-color:#c99a3d;box-shadow:0 4px 14px rgba(201,154,61,.22)}
.lang-switch--light:focus-visible{outline-color:#a97d28}

/* topbar sits compact on desktop */
.topbar .lang-switch{min-height:32px;padding:0 4px;font-size:.7rem}
.topbar .lang-switch .lang-switch__seg{height:24px;min-width:30px;padding:0 8px}
.topbar .lang-switch .lang-switch__seg--ar{font-size:.8rem}

/* drawer */
.mobile-drawer-foot .lang-switch{min-height:44px}

/* mobile header: tighter */
.mobile-header-actions .lang-switch{padding:0 4px}
.mobile-header-actions .lang-switch__globe{display:none}
.mobile-header-actions .lang-switch__seg{min-width:32px;padding:0 8px}

@media (min-width:480px){
.mobile-header-actions .lang-switch__globe{display:block}
}

@media (prefers-reduced-motion:reduce){
.lang-switch,.lang-switch__seg{-webkit-transition:none;transition:none}
.lang-switch:active{-webkit-transform:none;transform:none}
}

/* One switch at a time: the header switch takes over where the mobile header appears (<=1160px) */
@media (max-width:1160px){
.topbar .lang-switch{display:none}
}

/* Five-step journey (request page): fill the row instead of leaving a sixth empty cell */
@media (min-width:1161px){
.journey-grid--5{grid-template-columns:repeat(5,minmax(0,1fr))}
}

/* Arabic-Indic digits render smaller than Latin ones: lift the numbering badges on RTL pages */
body.rtl .mobile-menu-links b,
body.rtl .help-list b,
body.rtl .journey-grid b,
body.rtl .process-card b,
body.rtl .request-guide li b,
body.rtl .listing-number{font-size:1.14em;line-height:1}