/* ==========================================================================
   CV02 dashboard — glassmorphism
   ВНИМАНИЕ: этот файл отдаётся публично (так устроен Homepage), секретов тут не держать.
   Нативное размытие карточек делает cardBlur в settings.yaml; здесь — рамки,
   радиусы, тени, ховер и «один большой блок» в шапке.
   ========================================================================== */

/* --- Карточки сервисов: стекло --- */
.service-card {
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: 14px !important;
  /* Зазор между плитками увеличен с 8px до 1rem: при 8px любая мягкая тень
     заливала промежуток целиком и читалась как тёмная полоса. */
  margin-bottom: 1rem !important;
  box-shadow:
    0 4px 14px rgba(0, 0, 0, 0.28),
    0 1px 3px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease,
              background-color 0.18s ease, border-color 0.18s ease;
}

.service-card:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 255, 255, 0.22);
  box-shadow:
    0 10px 24px rgba(0, 0, 0, 0.38),
    0 2px 6px rgba(0, 0, 0, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;
}

/* Иконки сервисов — с мягкой тенью, чтобы «стояли» на стекле */
.service-card img {
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.45));
}

/* --- Шапка: ОДИН большой стеклянный блок вместо отдельных «пилюль» ---
   Панель шапки — предок строки, в которой лежат виджеты Glances и даты/времени. */
div:has(> div > a.information-widget-glances) {
  background: rgba(255, 255, 255, 0.06) !important;
  backdrop-filter: blur(14px) saturate(160%);
  -webkit-backdrop-filter: blur(14px) saturate(160%);
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: 16px !important;
  padding: 0.6rem 1.1rem !important;
  box-shadow:
    0 4px 14px rgba(0, 0, 0, 0.28),
    0 1px 3px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

/* --- Внутри большого блока отдельные виджеты — без своих рамок, фона и отступов --- */
.widget-container,
a.information-widget-glances,
a.information-widget-resources {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* --- Тень карточек не должна обрываться по краю колонки ---
   Обёртка группы имеет overflow: hidden (нужен для анимации сворачивания групп)
   и нулевой padding — из-за этого тень резалась по границе. Даём padding и
   компенсируем его отрицательным margin: место для тени появляется,
   а положение карточек не меняется. */
.services-group > div.transition-all.overflow-hidden {
  padding: 28px !important;
  margin: -28px !important;
}

/* --- Виджет Glances в шапке — только индикатор: клик по нему отключён --- */
a.information-widget-glances {
  pointer-events: none;
  cursor: default;
}

/* --- Заголовки групп --- */
.service-group-name {
  letter-spacing: 0.01em;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.45);
}

/* --- Общий фон страницы: фиксируем, чтобы не «ездил» при скролле --- */
body {
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
}