/*
 * BVI Custom Styles — Казахская государственная филармония имени Жамбыла
 * Подключить ПОСЛЕ основного bvi.css плагина
 * Тёмная тема с золотыми акцентами
 */

/* ─── Панель BVI: фон и базовые отступы ──────────────────────────────────── */
html body .bvi-panel {
  background-color: #1a1a1a !important;
  border-bottom: 2px solid #c9a227 !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.6) !important;
  color: #e8c84a !important;
  font-family: Arial, sans-serif !important;
}

/* ─── Заголовки-подписи над блоками ──────────────────────────────────────── */
html body .bvi-panel .bvi-title {
  color: #a08020 !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 11px !important;
}

/* ─── Кнопки панели ─────────────────────────────────────────────────────── */
html body .bvi-panel a.bvi-link {
  background-color: transparent !important;
  color: #e8c84a !important;
  border: 1px solid #c9a227 !important;
  border-radius: 3px !important;
  transition: background-color 0.15s ease, color 0.15s ease !important;
}

html body .bvi-panel a.bvi-link:hover,
html body .bvi-panel a.bvi-link:focus,
html body .bvi-panel a.bvi-link.active {
  background-color: #c9a227 !important;
  color: #1a1a1a !important;
  border-color: #c9a227 !important;
}

/* ─── Кнопка-ссылка "Обычная версия" / закрыть ──────────────────────────── */
html body .bvi-panel #bvi-panel-close,
html body .bvi-panel .bvi-panel-close {
  border-color: #7a5c00 !important;
  color: #a08020 !important;
}

html body .bvi-panel #bvi-panel-close:hover,
html body .bvi-panel .bvi-panel-close:hover {
  background-color: #7a5c00 !important;
  color: #ffe066 !important;
}

/* ─── Плавающая кнопка-глаз (когда панель скрыта) ──────────────────────── */
html body #bvi-panel-show.bvi-link {
  background-color: #c9a227 !important;
  border: 2px solid #e8c84a !important;
  border-radius: 50% !important;
  width: 48px !important;
  height: 48px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5) !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}

html body #bvi-panel-show.bvi-link:hover {
  transform: scale(1.08) !important;
  box-shadow: 0 6px 20px rgba(201, 162, 39, 0.4) !important;
  background-color: #e8c84a !important;
}

/* Иконка глаза — инвертируем под тёмный фон кнопки */
html body #bvi-panel-show .bvi-images.bvi-images-eye {
  filter: brightness(0) !important;
}

/* ─── Разделительная линия в панели настроек ────────────────────────────── */
html body .bvi-panel .bvi-setting-menu {
  border-top: 1px solid #3a3a2a !important;
}

/* ─── Ссылка bvi.isvek.ru внизу ─────────────────────────────────────────── */
html body .bvi-panel a.bvi-link-copy {
  color: #5a4a10 !important;
}

html body .bvi-panel a.bvi-link-copy:hover {
  color: #c9a227 !important;
}

/* ─── Мобильный тоглер "Меню" ───────────────────────────────────────────── */
html body .bvi-panel .bvi-panel-toggler a {
  background-color: transparent !important;
  color: #e8c84a !important;
  border-color: #c9a227 !important;
}

html body .bvi-panel .bvi-panel-toggler a:hover {
  background-color: #c9a227 !important;
  color: #1a1a1a !important;
}

/* ─── Иконки изображений (eye-slash, on, off и т.д.) ───────────────────── */
html body .bvi-panel .bvi-images {
  opacity: 0.85;
  filter: sepia(1) saturate(4) hue-rotate(5deg) brightness(0.85);
}

/* ─── Кнопка "bvi-open" в шапке сайта (в top-bar) ──────────────────────── */
.top-bar .eye a.bvi-open {
  color: #c9a227 !important;
  transition: color 0.15s ease !important;
}

.top-bar .eye a.bvi-open:hover {
  color: #ffe066 !important;
}

/* ─── Скролл-фиксация: чтобы фиксированная панель не перекрывала контент── */
html body .bvi-panel.bvi-fixed-top {
  border-bottom: 2px solid #c9a227 !important;
}