/* Темы приложения */

/* Темная тема для рекламных блоков */
[data-theme="dark"] .ad-placeholder {
  background: #2a2a2a !important;
  border-color: #555 !important;
}

[data-theme="dark"] .ad-label {
  background: #2a2a2a !important;
  color: #888 !important;
}

[data-theme="dark"] .donation-float-menu {
  background: #2a2a2a;
  border: 1px solid #555;
}

[data-theme="dark"] .donation-float-link {
  color: #000000;
}

[data-theme="dark"] .donation-float-link:hover {
  background: #3a3a3a;
}

.donation-float-link.paypal {
  color: #000000 !important;
}

.donation-float-link.paypal:hover {
  color: #000000 !important;
}

/* Светлая тема (по умолчанию) */
body {
  background: var(--color-background-light);
  color: var(--color-text);
}

/* Темная тема */
body.dark-theme {
  background: #1a1a1a;
  color: #ffffff;
}

body.dark-theme .header-section {
  background: #2a2a2a;
}

body.dark-theme .station-row {
  background: #2a2a2a;
  color: #ffffff;
  border-color: #444;
}

body.dark-theme .station-row:hover {
  background: #3a3a3a;
}

body.dark-theme .station-row.active {
  background: #4a4a4a;
  color: #ffffff;
}

body.dark-theme .fixed-player {
  background: #2a2a2a;
  color: #ffffff;
}

body.dark-theme .play-btn {
  background: var(--color-primary);
}

body.dark-theme .fav-btn {
  background: #2a2a2a;
  color: var(--color-warning);
  border-color: var(--color-warning);
}

body.dark-theme .fav-btn.active {
  background: var(--color-warning);
  color: #ffffff;
}

body.dark-theme select {
  background: #2a2a2a;
  color: #ffffff;
  border-color: #555;
}

body.dark-theme select option {
  background: #2a2a2a;
  color: #ffffff;
}

body.dark-theme .theme-toggle {
  background: #2a2a2a;
  color: #ffffff;
  border-color: #555;
}

body.dark-theme .theme-toggle:hover {
  background: var(--color-primary);
  color: #ffffff;
}

/* Переходы между темами */
body,
body.dark-theme {
  transition: background-color 0.3s ease, color 0.3s ease;
}

.station-row,
.fixed-player,
.play-btn,
.fav-btn,
select,
.theme-toggle {
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}
