/* T1279 v5 (06.08.2026, СИ) — мультиязычные блоки на SEO.
   v4 сделал текст белым, но SEO-страницы бывают двух типов:
   светлые (body #fff — обычные) и тёмные (vse-o-proekte #1a0f14).
   На светлом фоне белый исчез. v5: блоку даём собственный SOLID
   бордовый фон — читается везде одинаково. */

.seo-hero .seo-langs-lead,
.hero-cluster .seo-langs-lead,
.seo-langs-lead {
  text-align: center !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 1.35rem !important;
  color: #ffffff !important;
  margin: 20px auto 24px !important;
  padding: 0 16px !important;
  line-height: 1.6 !important;
  max-width: 820px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
  font-weight: 500 !important;
}
.seo-hero .seo-langs-lead strong,
.hero-cluster .seo-langs-lead strong,
.seo-langs-lead strong {
  color: #f4d03f !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  font-family: 'Cormorant Garamond', 'Noto Naskh Arabic', 'PingFang SC', 'Noto Sans SC', Georgia, serif !important;
  white-space: nowrap !important;
  font-size: 1.15em !important;
}
.seo-langs-lead .sep {
  color: #d4af37 !important;
  margin: 0 8px !important;
  opacity: 0.7 !important;
  font-weight: 400 !important;
}
/* T1290 (СИ 07.08): языки на отдельной строке, не разрывается по границе */
.seo-langs-lead span[dir="ltr"],
.seo-langs-lead .langs-block {
  display: block !important;
  white-space: nowrap !important;
  margin-top: 6px !important;
}
.seo-langs-lead strong { white-space: nowrap !important; }

/* Развёрнутый блок ближе к концу — свой solid бордовый фон,
   чтобы белый текст читался и на светлых, и на тёмных страницах */
.seo-multilang-block {
  margin: 40px 0 28px !important;
  padding: 24px 28px !important;
  background: linear-gradient(135deg, #3c0f19 0%, #521826 100%) !important;
  border-left: 3px solid #d4af37 !important;
  border-radius: 4px !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 1.1rem !important;
  color: #ffffff !important;
  line-height: 1.65 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}
.seo-multilang-block p { margin: 0 0 14px !important; color: #ffffff !important; }
.seo-multilang-block p:first-child { font-weight: 600 !important; color: #ffffff !important; }
.seo-multilang-block p:last-child { margin-bottom: 0 !important; font-style: italic !important; color: #ffffff !important; }
/* T1300-fix (11.08.2026): seo-landings.min.css содержит `em { color:#000 !important }` — прямое
   совпадение по элементу бьёт inheritance от родительского p:last-child. Явно перекрываем. */
.seo-multilang-block em, .seo-multilang-block p em { color: #ffffff !important; }
.seo-multilang-block strong {
  color: #f4d03f !important;
  font-weight: 700 !important;
  font-family: 'Cormorant Garamond', 'Noto Naskh Arabic', 'PingFang SC', 'Noto Sans SC', Georgia, serif !important;
  white-space: nowrap !important;
}
.seo-multilang-block .sep {
  color: #d4af37 !important;
  margin: 0 6px !important;
  opacity: 0.7 !important;
}

@media (max-width: 640px) {
  .seo-hero .seo-langs-lead,
  .hero-cluster .seo-langs-lead,
  .seo-langs-lead {
    font-size: 1.15rem !important;
    margin: 16px auto 18px !important;
    padding: 0 12px !important;
  }
  .seo-langs-lead .sep { margin: 0 5px !important; }
  .seo-multilang-block { padding: 20px 22px !important; font-size: 1rem !important; margin: 32px 0 20px !important; }
}