/* LOOP identity: replace Android/iOS native select with accessible custom bottom sheet. */
html.loop-language-ready #languageSelect{display:none!important}
.loop-language-trigger{
  display:inline-flex;align-items:center;justify-content:space-between;gap:10px;
  min-width:110px;max-width:135px;min-height:44px;padding:9px 11px;
  font-family:"Alexandria","IBM Plex Sans Arabic",sans-serif;
  font-weight:500;font-size:13px;line-height:1.3;
  color:#f0f6e9;background:#17211b;
  border:1px solid rgba(184,255,76,.19);border-radius:13px;cursor:pointer;
  white-space:nowrap;box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.loop-language-trigger:hover,.loop-language-trigger[aria-expanded="true"]{border-color:rgba(183,255,74,.65);background:#202d20}
.loop-language-trigger:focus-visible,.loop-language-option:focus-visible,.loop-language-close:focus-visible{outline:2px solid #b7ff4a;outline-offset:3px}
.loop-language-trigger-name{direction:auto;overflow:hidden;text-overflow:ellipsis}
.loop-language-chevron{display:grid;place-items:center;color:#b7ff4a;transition:transform .2s;flex:none}
.loop-language-trigger[aria-expanded="true"] .loop-language-chevron{transform:rotate(180deg)}
body.loop-language-open{overflow:hidden}
.loop-language-dialog{
  position:fixed;inset:auto 0 0;margin:0 auto;padding:0;
  width:100%;max-width:520px;max-height:min(85dvh,600px);
  border:1px solid rgba(183,255,74,.35);border-bottom:0;
  background:#101610;color:#f7fff0;border-radius:24px 24px 0 0;
  box-shadow:0 -15px 68px rgba(0,0,0,.65),0 0 30px rgba(183,255,74,.06);
  font-family:"Alexandria","IBM Plex Sans Arabic",sans-serif;
  overflow-y:auto;overscroll-behavior:contain;z-index:10000;
  animation:loop-language-rise .2s ease-out;
}
.loop-language-dialog::backdrop{background:rgba(0,0,0,.74);backdrop-filter:blur(4px)}
.loop-language-sheet{padding:9px 20px max(22px,env(safe-area-inset-bottom))}
.loop-language-handle{height:4px;width:41px;border-radius:9px;background:#576c50;margin:0 auto 24px}
.loop-language-heading{display:flex;align-items:flex-start;gap:12px;padding-bottom:23px;border-bottom:1px solid rgba(183,255,74,.13)}
.loop-language-symbol{height:43px;width:43px;flex:0 0 43px;display:grid;place-items:center;border:1px solid rgba(183,255,74,.3);border-radius:13px;color:#b7ff4a;background:rgba(183,255,74,.08)}
.loop-language-heading-copy{flex:1;min-width:0}
.loop-language-eyebrow{display:block;color:#b7ff4a;font:600 10px "Space Grotesk",sans-serif;letter-spacing:.24em;margin:1px 0 6px}
.loop-language-heading h2{font-family:inherit;color:#f7fff0;font-weight:650;font-size:21px;line-height:1.5;margin:0}
.loop-language-heading p{font-size:12px;line-height:1.8;color:#a9b7a7;margin:4px 0 0}
.loop-language-close{height:34px;width:34px;flex:0 0 34px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#202a21;color:#d9e8d3;font:400 25px/1 system-ui;cursor:pointer}
.loop-language-options{display:grid;gap:11px;padding:21px 0 1px}
.loop-language-option{
  display:flex;align-items:center;justify-content:space-between;gap:15px;text-align:start;
  width:100%;min-height:77px;padding:14px 16px;
  background:#182119;color:#f5f9f1;border:1px solid rgba(224,242,219,.11);border-radius:14px;
  font-family:inherit;cursor:pointer;transition:background .16s,border-color .16s;
}
.loop-language-option:hover{background:#223322;border-color:rgba(183,255,74,.45)}
.loop-language-option.is-selected{background:linear-gradient(110deg,rgba(183,255,74,.14),rgba(183,255,74,.04));border-color:#b7ff4a}
.loop-language-option-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
.loop-language-option-copy strong{font-family:"Alexandria","IBM Plex Sans Arabic",sans-serif;font-weight:600;font-size:17px;line-height:1.5}
.loop-language-option-copy small{font-family:"Space Grotesk","Alexandria",sans-serif;font-size:11px;color:#a4b29f;line-height:1.3}
.loop-language-indicator{height:25px;width:25px;flex:0 0 25px;border:1px solid rgba(205,232,194,.38);border-radius:50%;display:grid;place-items:center;color:transparent}
.loop-language-option.is-selected .loop-language-indicator{border-color:#b7ff4a;background:#b7ff4a;color:#0b1409}
.loop-language-option:not(.is-selected) .loop-language-indicator svg{display:none}
@media(min-width:700px){
  .loop-language-dialog{inset:0;margin:auto;max-width:440px;border-bottom:1px solid rgba(183,255,74,.35);border-radius:22px;max-height:min(90vh,540px);animation:loop-language-pop .17s ease-out}
  .loop-language-handle{display:none}
  .loop-language-sheet{padding:25px}
}
@media(max-width:520px){
  .loop-language-trigger{min-width:84px;max-width:107px;min-height:42px;font-size:12px;padding:8px 9px;gap:6px}
  .loop-language-sheet{padding-inline:18px}
}
@keyframes loop-language-rise{from{transform:translateY(24px);opacity:.7}to{transform:translateY(0);opacity:1}}
@keyframes loop-language-pop{from{transform:translateY(8px) scale(.985);opacity:.6}to{transform:translateY(0) scale(1);opacity:1}}
@media(prefers-reduced-motion:reduce){.loop-language-dialog{animation:none}.loop-language-chevron,.loop-language-option{transition:none}}