/* ==========================================================================
   Zenit Solutions — styles partagés (nav, footer, états hover/focus)
   Le design « au repos » reste défini en inline dans chaque page (à
   l'identique du rendu Claude Design). Ce fichier ne fait qu'ajouter :
     - le comportement responsive + scroll de la barre de navigation ;
     - les états :hover / :focus que le runtime DC appliquait via
       les attributs style-hover / style-focus.
   Les déclarations utilisent !important car elles doivent l'emporter sur
   les styles inline (spécificité supérieure des attributs style).
   ========================================================================== */

/* ---- Barre de navigation : état défilé -------------------------------- */
.dc-nav.scrolled {
  background: rgba(8,19,31,0.94) !important;
  box-shadow: 0 10px 34px -20px rgba(0,0,0,0.85) !important;
}

/* ---- Lien de nav actif (aria-current="page") -------------------------- */
.dc-nav-link[aria-current="page"] { color: #D4AF37 !important; font-weight: 600 !important; }
.dc-nav-link[aria-current="page"] .dc-nav-bar { opacity: 1 !important; }
.dc-nav-link:hover .dc-nav-bar { opacity: .5; }

/* ---- Responsive nav : bascule desktop / mobile ------------------------ */
.dc-nav-burger { display: none; }
.dc-nav-mobile { display: none; }

@media (max-width: 860px) {
  .dc-nav-desktop { display: none !important; }
  .dc-nav-burger { display: flex !important; }
  .dc-nav-mobile.open { display: block !important; }
}

/* ==========================================================================
   États hover / focus (anciennement attributs style-hover / style-focus)
   ========================================================================== */

/* CTA doré : léger soulèvement */
.hb-lift:hover { transform: translateY(-2px) !important; }

/* CTA héro principal (Accueil) : soulèvement + ombre dorée renforcée */
.hb-cta-hero:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 22px 46px -16px rgba(201,162,39,1) !important;
}

/* CTA secondaire clair sur fond sombre (héro Accueil) */
.hb-outline-light:hover {
  border-color: #C9A227 !important;
  background: rgba(201,162,39,0.08) !important;
}

/* Cartes « aperçu services » (Accueil) */
.hb-card:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(201,162,39,0.5) !important;
  background: rgba(255,255,255,0.06) !important;
}

/* Bouton sombre (teaser Serveur Zenit, Accueil) */
.hb-dark:hover {
  background: #0A1A2F !important;
  transform: translateY(-2px) !important;
}

/* CTA de la barre de navigation */
.hb-nav-cta:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 12px 26px -10px rgba(201,162,39,0.95) !important;
}

/* Bouton contour clair (Serveur Zenit : « Voir les formules ») */
.hb-border-gold:hover { border-color: #C9A227 !important; }

/* Carte en pointillés (Serveur Zenit : « Et bien d'autres ») */
.hb-dashed:hover {
  background: rgba(201,162,39,0.06) !important;
  border-color: rgba(201,162,39,0.7) !important;
}

/* Boutons contour foncé qui s'inversent (Tarifs : Starter / Premium) */
.hb-invert:hover {
  background: #0D1B2A !important;
  color: #F5F3EE !important;
}

/* Champs de formulaire (Contact) : focus doré */
.ff:focus {
  border-color: #C9A227 !important;
  box-shadow: 0 0 0 3px rgba(201,162,39,0.15) !important;
}

/* Honeypot anti-spam : invisible pour les humains, présent pour les bots */
.hp-field {
  position: absolute !important;
  left: -9999px !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
}