/* ===== HomeHub — identité visuelle ===== */

:root {
  --hh-pitch: #2FBF71;      /* vert pelouse — accent principal */
  --hh-gold: #F0B429;       /* doré trophée — accent secondaire */
  --hh-navy: #0B1220;       /* fond profond */
  --hh-ink: #E8EDF2;        /* texte clair */
  --hh-muted: #7C8BA5;      /* texte secondaire */
}

body {
  background: radial-gradient(circle at 15% 0%, #101b30 0%, var(--hh-navy) 55%) fixed;
}

/* Titre de section : ligne d'accent façon terrain */
#information-widgets + div h2,
.services-group-title,
h2 {
  position: relative;
  padding-bottom: 10px;
  letter-spacing: 0.08em;
}
h2::after {
  content: "";
  display: block;
  width: 42px;
  height: 3px;
  margin-top: 8px;
  background: linear-gradient(90deg, var(--hh-pitch), var(--hh-gold));
  border-radius: 2px;
}

/* Cartes de service */
a[href] > div,
.service-card {
  transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
  border-left: 3px solid transparent !important;
}
a[href]:hover > div,
.service-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(47, 191, 113, 0.15);
  border-left-color: var(--hh-pitch) !important;
}

/* Distinction par app : pastilles colorées via nth-child de la grille GLOBAL */
#GLOBAL a:nth-child(1) > div,
#GLOBAL a:nth-child(2) > div {
  border-left-color: var(--hh-pitch) !important;
}
#GLOBAL a:nth-child(3) > div {
  border-left-color: var(--hh-gold) !important;
}

/* Icônes légèrement agrandies et teintées */
.service-card svg,
.service-card i {
  color: var(--hh-pitch);
}
#GLOBAL a:nth-child(3) .service-card svg,
#GLOBAL a:nth-child(3) .service-card i {
  color: var(--hh-gold);
}

/* Masquer le numéro de version en bas de page */
#footer,
footer,
.text-center.text-xs {
  display: none !important;
}