/* Зеркала лент: светлая/тёмная тема (ключ soyuz-theme, как на союз.online) */

.mirror-site-type-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 10px 0 0;
  flex-wrap: wrap;
  width: 100%;
}

.mirror-site-type-btns {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  flex: 1;
  min-width: 0;
}

.mirror-theme-slot {
  margin-left: auto;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

.theme-toggle {
  background: transparent;
  border: none;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: none;
  font-size: 18px;
  transition: transform 0.2s ease, opacity 0.2s ease;
  padding: 0;
  margin: 0;
}

.theme-toggle:hover {
  transform: scale(1.08);
  opacity: 0.92;
}

.theme-icon {
  display: block;
  transition: transform 0.3s ease;
}

[data-theme="dark"] .theme-icon {
  transform: rotate(180deg);
}

/* Кнопки канал/группа — тёмная тема (по умолчанию у зеркал) */
.mirror-site-type-btn {
  padding: 6px 10px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 700;
  font-size: 12px;
  border: 1px solid #475569;
  background: #1e293b;
  color: #93c5fd;
}

.mirror-site-type-btn:hover {
  border-color: #64748b;
  color: #bfdbfe;
}

.mirror-site-type-btn--active {
  background: #2563eb;
  color: #fff;
  border-color: #2563eb;
}

body.mirror-feed--postav, body.mirror-feed--green .mirror-site-type-btn--active {
  background: #43a047;
  border-color: #43a047;
}

body.mirror-feed--postav, body.mirror-feed--green .mirror-site-type-btn {
  border-color: #2e5c3a;
  background: #132a1a;
  color: #a5d6a7;
}

body.mirror-feed--postav, body.mirror-feed--green .mirror-site-type-btn:hover {
  color: #c8e6c9;
}

/* Строители / Спецтехника — жёлтая акцентная кнопка как в зеркале */
body.mirror-feed--amber .mirror-site-type-btn--active {
  background: #ca8a04;
  border-color: #a16207;
  color: #0f172a;
}

body.mirror-feed--amber .mirror-site-type-btn {
  border-color: #92400e;
  background: #1c1917;
  color: #fcd34d;
}

body.mirror-feed--amber .mirror-site-type-btn:hover {
  color: #fde68a;
}

/* ——— Светлая тема ——— */
[data-theme="light"] body.mirror-feed {
  background: #f1f5f9 !important;
  color: #0f172a !important;
}

[data-theme="light"] body.mirror-feed .top {
  background: #ffffff !important;
  border-bottom-color: #e2e8f0 !important;
}

[data-theme="light"] body.mirror-feed .top h1 {
  color: #0f172a !important;
}

[data-theme="light"] body.mirror-feed .sub {
  color: #64748b !important;
}

[data-theme="light"] body.mirror-feed .sub a {
  color: #2563eb !important;
}

[data-theme="light"] body.mirror-feed .nav-back {
  background: #f8fafc !important;
  color: #0f172a !important;
  border-color: #cbd5e1 !important;
}

[data-theme="light"] body.mirror-feed .filters {
  background: #e2e8f0 !important;
}

[data-theme="light"] body.mirror-feed .filters label {
  color: #475569 !important;
}

[data-theme="light"] body.mirror-feed select,
[data-theme="light"] body.mirror-feed button {
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: #cbd5e1 !important;
}

[data-theme="light"] body.mirror-feed #apply {
  background: #2563eb !important;
  color: #fff !important;
  border-color: #2563eb !important;
}

[data-theme="light"] body.mirror-feed .card {
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
}

[data-theme="light"] body.mirror-feed .meta {
  color: #2563eb !important;
}

[data-theme="light"] body.mirror-feed .txt {
  color: #1e293b !important;
}

[data-theme="light"] body.mirror-feed .mirror-site-type-btn {
  background: #ffffff !important;
  color: #1d4ed8 !important;
  border-color: #93c5fd !important;
}

[data-theme="light"] body.mirror-feed .mirror-site-type-btn--active {
  background: #1d4ed8 !important;
  color: #fff !important;
  border-color: #1d4ed8 !important;
}

[data-theme="light"] body.mirror-feed.mirror-feed--postav, [data-theme="light"] body.mirror-feed.mirror-feed--green #apply {
  background: #43a047 !important;
  border-color: #43a047 !important;
}

[data-theme="light"] body.mirror-feed.mirror-feed--postav, [data-theme="light"] body.mirror-feed.mirror-feed--green .mirror-site-type-btn--active {
  background: #2e7d32 !important;
  border-color: #2e7d32 !important;
}

[data-theme="light"] body.mirror-feed.mirror-feed--postav, [data-theme="light"] body.mirror-feed.mirror-feed--green .mirror-site-type-btn {
  background: #ffffff !important;
  color: #2e7d32 !important;
  border-color: #a5d6a7 !important;
}

[data-theme="light"] body.mirror-feed.mirror-feed--postav, [data-theme="light"] body.mirror-feed.mirror-feed--green .meta {
  color: #2e7d32 !important;
}

[data-theme="light"] body.mirror-feed.mirror-feed--amber #apply {
  background: #ca8a04 !important;
  border-color: #a16207 !important;
  color: #0f172a !important;
}

[data-theme="light"] body.mirror-feed.mirror-feed--amber .mirror-site-type-btn--active {
  background: #ca8a04 !important;
  border-color: #a16207 !important;
  color: #0f172a !important;
}

[data-theme="light"] body.mirror-feed.mirror-feed--amber .mirror-site-type-btn {
  background: #fffbeb !important;
  color: #92400e !important;
  border-color: #fcd34d !important;
}

/* Гаммы отраслей (владелец 05.09): строители — янтарная (--amber), поставщики и
   СоюзИнформ — синяя (базовая), спецтехника — жёлтая (--yellow), грузоперевозки —
   зелёная (--postav, историческое имя класса; алиас --green). */
body.mirror-feed--yellow .mirror-site-type-btn--active {
  background: #eab308;
  border-color: #ca8a04;
  color: #0f172a;
}

body.mirror-feed--yellow .mirror-site-type-btn {
  border-color: #854d0e;
  background: #1c1917;
  color: #fde047;
}

body.mirror-feed--yellow .mirror-site-type-btn:hover {
  color: #fef08a;
}

/* ——— Светлая тема ——— */

[data-theme="light"] body.mirror-feed.mirror-feed--yellow #apply {
  background: #eab308 !important;
  border-color: #ca8a04 !important;
  color: #0f172a !important;
}

[data-theme="light"] body.mirror-feed.mirror-feed--yellow .mirror-site-type-btn--active {
  background: #eab308 !important;
  border-color: #ca8a04 !important;
  color: #0f172a !important;
}

[data-theme="light"] body.mirror-feed.mirror-feed--yellow .mirror-site-type-btn {
  background: #fefce8 !important;
  color: #854d0e !important;
  border-color: #fde047 !important;
}