/* Оформление хаба: аккуратные карточки поверх фонового изображения */

/* карточки сервисов и закладок */
[class*="service-card"],
[class*="bookmark-card"] {
  border-radius: 14px !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

[class*="service-card"]:hover,
[class*="bookmark-card"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

/* заголовки групп — чуть воздушнее */
[class*="group-name"],
h2 {
  letter-spacing: 0.02em;
}

/* обводка блоков в шапке (часы получают свою обводку целиком) */
#information-widgets .widget-container:not(.information-widget-datetime) {
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 12px;
  padding: 6px 12px;
  background: rgba(9, 13, 20, 0.35);
  backdrop-filter: blur(8px);
}

/* шрифт в блоках шапки чуть крупнее и по центру */
#information-widgets .information-widget-customapi span,
#information-widgets .information-widget-customapi .information-widget-label {
  font-size: 0.85rem !important;
  line-height: 1.25 !important;
  text-align: center;
}

#information-widgets .information-widget-customapi .flex-col {
  align-items: center;
}

/* столбик «время / дата», который собирает custom.js */
.clock-stack {
  gap: 0;
}

.clock-stack .information-widget-datetime {
  min-height: 0;
}