/* SpyMeLive: языки мира (письмо справа налево, длинный список языков) и правовые страницы. */

/* Список из 133 языков: не растягиваем кнопку выбора самым длинным названием */
.lang select { max-width: 150px; text-overflow: ellipsis; }
.lang select optgroup { font-style: normal; font-weight: 700; color: #21120c; }
.lang select option { color: #21120c; background: #fff; }
@media (max-width: 560px) { .lang select { max-width: 116px; } }

/* Правовые страницы */
.doc-body .tfc-meta { font-size: 14px; color: var(--muted); margin: -8px 0 10px; }
.doc-body .tfc-mt { margin: 0 0 18px; padding: 12px 16px; border-radius: 14px; background: rgba(255, 255, 255, .05); border: 1px solid var(--line-2); font-size: 15px; color: var(--muted); }
.doc-body .tfc-op { margin: 6px 0 0; }
.doc-body .tfc-rel { margin-top: 44px; padding-top: 20px; border-top: 1px solid var(--line); display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: 15px; color: var(--muted); }

/* Письмо справа налево: арабский, иврит, фарси, урду, пушту, синдхи, курдский (сорани), уйгурский, идиш, мальдивский */
html[dir="rtl"] body { text-align: start; }
html[dir="rtl"] .lang > .ic { left: auto; right: 12px; }
html[dir="rtl"] .lang .lang-chev { right: auto; left: 10px; }
html[dir="rtl"] .lang select { padding: 0 34px 0 30px; }
html[dir="rtl"] .step-n { right: auto; left: 22px; }
html[dir="rtl"] .doc-body li { padding-left: 0; padding-right: 26px; }
html[dir="rtl"] .doc-body li::before { left: auto; right: 4px; }
html[dir="rtl"] .reason { text-align: start; }
html[dir="rtl"] .float { align-items: flex-end; }
html[dir="rtl"] .unread { right: auto; left: -2px; }
html[dir="rtl"] .pip { right: auto; left: 14px; }
html[dir="rtl"] .pip-mute { left: auto; right: 8px; }
html[dir="rtl"] .live { left: auto; right: 14px; }
html[dir="rtl"] .fl-1 { left: auto; right: -4%; } html[dir="rtl"] .fl-2 { right: auto; left: -6%; } html[dir="rtl"] .fl-3 { left: auto; right: 4%; }
html[dir="rtl"] .cta-l { left: auto; right: clamp(-30px, -2vw, 0px); } html[dir="rtl"] .cta-r { right: auto; left: clamp(-30px, -2vw, 0px); }
html[dir="rtl"] .ic-dir, html[dir="rtl"] .chev-fwd { transform: scaleX(-1); }
@media (max-width: 560px) {
  html[dir="rtl"] .pip { right: auto; left: 10px; }
  html[dir="rtl"] .lang select { padding: 0 14px; }
}

/* 2026-09-26: окно 18+ - кнопка согласия всегда видна; язык на телефоне коротким кодом */
#m-age .modal-card { padding-bottom: 0; }
#m-age .m-actions { position: sticky; bottom: 0; z-index: 2; margin: 18px -28px 0; padding: 14px 28px 22px; background: var(--surf); box-shadow: 0 -18px 24px -6px var(--surf); border-radius: 0 0 30px 30px; }
.lang .lang-code { display: none; }
@media (max-width: 560px) {
  .lang > .ic:not(.lang-chev) { display: none; }
  .lang select { width: 84px; max-width: 84px; font-size: 0 !important; padding: 0 22px 0 12px !important; }
  .lang select option, .lang select optgroup { font-size: 16px; }
  .lang .lang-code { display: block; position: absolute; left: 0; right: 22px; text-align: center; font-size: 14px; font-weight: 700; color: var(--text); pointer-events: none; letter-spacing: .02em; }
}
@media (max-width: 560px) { .lang .lang-chev { left: auto !important; right: 9px; } .lang .lang-code { right: 18px; } }

/* 2026-09-26: кнопки в тексте статей не перекрашиваются в цвет ссылок */
.doc-body a.btn-primary, .doc-body a.btn-primary:hover { color: rgb(42, 18, 10); text-decoration: none; }