/* ============================================================
   Переключатели в футере: шаблоны + цветовые схемы (одна строка).
   Цвета — из переменных --lc-* (определяются в схемах обеих тем:
   public/lightchat/styles.css и файлы public/css/schemes),
   со fallback-ами на случай страниц без блока чата.
   Активная схема помечается классом scheme-active (его навешивает
   и снимает scheme.js при живом переключении), активный шаблон — active.
   ============================================================ */
.en-switchers{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
  font-size:13px;
}
.en-sw-label{
  opacity:.65;
  margin:0 2px 0 10px;
  font-weight:600;
}
.en-sw-label:first-child{margin-left:0}
a.en-sw-btn{
  display:inline-block;
  padding:2px 11px;
  border-radius:13px;
  border:1px solid var(--lc-border2,#cfcfcf);
  background:var(--lc-panel,#f2f2f2);
  color:var(--lc-fg-strong,#444);
  text-decoration:none;
  font-size:12px;
  line-height:1.7;
  transition:background .15s,color .15s,border-color .15s;
}
a.en-sw-btn:hover{
  border-color:var(--lc-link,#008fd5);
  color:var(--lc-link,#008fd5);
  text-decoration:none;
}
a.en-sw-btn.active,
a.en-sw-btn.scheme-active{
  background:var(--lc-accent,#428bca);
  border-color:var(--lc-accent,#428bca);
  color:#fff;
  font-weight:600;
}
.en-sw-sep{
  width:1px;
  height:16px;
  background:var(--lc-border2,#cfcfcf);
  margin:0 8px;
}
@media (max-width:590px){
  .en-sw-sep{display:none}
}