:root { --i18n-gold:#e6b85c; --i18n-panel:rgba(10,12,17,.97); }
.i18n-ltr { direction:ltr; }
.i18n-ltr .topbar,.i18n-ltr .resources,.i18n-ltr .content,.i18n-ltr main { direction:ltr; }
.i18n-ltr .topbar,.i18n-rtl .topbar { flex-wrap:wrap; }
.i18n-ltr .resources,.i18n-rtl .resources { min-width:0; flex-wrap:wrap !important; }
.i18n-ltr .resources > div,.i18n-rtl .resources > div { min-width:0 !important; flex:1 1 118px; }
.i18n-ltr input,.i18n-ltr textarea,.i18n-ltr select { direction:ltr; text-align:left; }
.i18n-rtl input,.i18n-rtl textarea,.i18n-rtl select { direction:rtl; }
.i18n-switcher { position:fixed; top:14px; left:14px; z-index:12000; font-family:Arial,sans-serif; }
.i18n-switcher-toggle { display:flex; align-items:center; gap:7px; min-height:40px; padding:7px 11px; color:#fff; background:linear-gradient(180deg,rgba(44,38,27,.97),rgba(15,15,18,.97)); border:1px solid rgba(230,184,92,.7); border-radius:12px; box-shadow:0 5px 20px rgba(0,0,0,.42),inset 0 0 12px rgba(230,184,92,.08); cursor:pointer; font-weight:700; }
.i18n-switcher-toggle:hover { border-color:#f4cf78; transform:translateY(-1px); }
.i18n-current-flag { font-size:20px; line-height:1; }
.i18n-switcher-menu { position:absolute; top:calc(100% + 7px); left:0; min-width:170px; padding:7px; border-radius:13px; border:1px solid rgba(230,184,92,.55); background:var(--i18n-panel); box-shadow:0 16px 36px rgba(0,0,0,.55); }
.i18n-language-option { width:100%; display:flex; align-items:center; gap:9px; min-height:40px; padding:8px 10px; border:0; border-radius:8px; color:#f4ead5; background:transparent; cursor:pointer; font-size:15px; text-align:start; }
.i18n-language-option:hover,.i18n-language-option.active { background:rgba(230,184,92,.17); color:#ffe5a1; }
.i18n-language-option span:first-child { font-size:21px; }
.i18n-language-modal { position:fixed; inset:0; z-index:30000; display:grid; place-items:center; padding:18px; background:radial-gradient(circle at 50% 32%,rgba(84,61,24,.24),rgba(0,0,0,.88)); backdrop-filter:blur(8px); }
.i18n-language-card { width:min(620px,100%); padding:30px; border:1px solid rgba(230,184,92,.72); border-radius:22px; color:#fff; text-align:center; background:linear-gradient(160deg,rgba(28,25,22,.98),rgba(8,10,14,.98)); box-shadow:0 28px 80px rgba(0,0,0,.72),inset 0 0 35px rgba(230,184,92,.06); }
.i18n-language-emblem { width:58px; height:58px; display:grid; place-items:center; margin:0 auto 12px; border:1px solid rgba(230,184,92,.75); border-radius:50%; color:#ffd36f; font-size:28px; box-shadow:0 0 25px rgba(230,184,92,.18); }
.i18n-language-card h2 { margin:0 0 8px; color:#ffe4a0; font-size:clamp(24px,5vw,34px); }
.i18n-language-card p { margin:0 0 22px; color:#cfc5b4; line-height:1.6; }
.i18n-language-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.i18n-language-grid .i18n-language-option { justify-content:center; min-height:54px; border:1px solid rgba(230,184,92,.3); background:rgba(255,255,255,.035); font-size:17px; }
.i18n-language-grid .i18n-language-option:first-child { grid-column:1/-1; }
@media (max-width:700px) {
  .i18n-switcher { top:auto; left:10px; bottom:10px; }
  .i18n-switcher-menu { top:auto; bottom:calc(100% + 7px); }
  .i18n-current-name { display:none; }
  .i18n-switcher-toggle { width:46px; justify-content:center; padding:6px; border-radius:50%; }
  .i18n-language-card { padding:22px 16px; border-radius:17px; }
  .i18n-language-grid { grid-template-columns:1fr; }
  .i18n-language-grid .i18n-language-option:first-child { grid-column:auto; }
}
@media (prefers-reduced-motion:reduce) { .i18n-switcher-toggle { transition:none; } }