/* Apparence générale des tuiles Homepage */
.service-card {
  border: 1px solid var(--tile-accent);
  border-radius: 12px;
  background: var(--tile-bg) !important;
  color: #f1f5f9;
  transition: transform 0.2s ease, border-color 0.2s ease;
}

.service-card:hover {
  transform: translateY(-2px);
  border-color: var(--tile-accent) !important;
}

/* Couleurs des liens et textes */
.service-card a,
.service-card p,
.service-card span {
  color: #f1f5f9;
}

/* Couleurs par tuile : Infrastructure */
.service-card:nth-of-type(1) {
  --tile-bg: #17212b;
  --tile-accent: #5b9bd5;
}

/* Espacement et coins arrondis */
.service-card {
  overflow: hidden;
}

/* Style commun aux tuiles */
.service-card {
  border: 1px solid var(--tile-accent) !important;
  background: var(--tile-bg) !important;
  border-radius: 12px !important;
  color: #f1f5f9 !important;
  transition: background 0.2s ease, border-color 0.2s ease,
              transform 0.2s ease;
}

/* Texte et description */
.service-card .service-name,
.service-card .service-description {
  color: #f1f5f9 !important;
}

/* Effet au survol */
.service-card:hover {
  border-color: var(--tile-accent) !important;
  filter: brightness(1.12);
}

/* Infrastructure */
.service[data-name="Nginx Proxy Manager"] .service-card {
  --tile-bg: #202b3a;
  --tile-accent: #4c9be8;
}

.service[data-name="Proxmox"] .service-card {
  --tile-bg: #34251f;
  --tile-accent: #e88a45;
}

/* Cloud et sécurité */
.service[data-name="Nextcloud"] .service-card {
  --tile-bg: #183044;
  --tile-accent: #1683d8;
}

.service[data-name="Vaultwarden"] .service-card {
  --tile-bg: #302642;
  --tile-accent: #a78bfa;
}

/* Multimédia */
.service[data-name="Jellyfin"] .service-card {
  --tile-bg: #30252b;
  --tile-accent: #aa5cc3;
}

.service[data-name="Navidrome"] .service-card {
  --tile-bg: #19332d;
  --tile-accent: #43b89a;
}

.service[data-name="Immich"] .service-card {
  --tile-bg: #34271f;
  --tile-accent: #ed9952;
}

/* Réseau */
.service[data-name="WatchYourLAN"] .service-card {
  --tile-bg: #1c3035;
  --tile-accent: #4db6ac;
}

/* Domotique */
.service[data-name="Home Assistant"] .service-card {
  --tile-bg: #352329;
  --tile-accent: #e76b75;
}

/* Téléchargements */
.service[data-name="qBittorrent"] .service-card {
  --tile-bg: #20352b;
  --tile-accent: #7bc99a;
}