/* ==========================================================================
   Aérometrick — styles signature
   Le motif "vague" reprend la courbe qui sépare les deux blocs de couleur
   sur la carte de visite, le flyer et le magnet : c'est la signature
   graphique de la marque. Le site est majoritairement clair (blanc / gris
   très clair) ; l'anthracite n'est utilisé que par touches, comme un
   accent contenu, jamais comme fond de page général.
   ========================================================================== */

:root {
  --aero-white: #ffffff;
  --aero-light: #f3f4f6;
  --aero-anthracite: #1a1d21;
  --aero-anthracite-2: #262a30;
  --aero-green: #16a34a;
  --aero-green-bright: #22c55e;
}

/* Grille de cartographie très discrète, façon plan de vol */
.map-grid {
  background-image:
    linear-gradient(rgba(22, 163, 74, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(22, 163, 74, 0.06) 1px, transparent 1px);
  background-size: 48px 48px;
  background-position: center;
}

/* Vague de séparation horizontale entre deux sections : courbe ample
   avec un accent vert qui pointe sous la vague, comme sur le flyer/la carte. */
.wave-divider {
  position: relative;
  height: 110px;
  width: 100%;
  overflow: hidden;
  line-height: 0;
}
.wave-divider svg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
}
@media (max-width: 640px) {
  .wave-divider { height: 70px; }
}

/* (ancien système wave-split retiré : remplacé par une grille simple et
   fiable directement dans index.php, sans risque de recouvrir le texte) */

/* Grande vague verticale utilisée une seule fois : le hero de l'accueil */
.hero-wave {
  position: relative;
  background: var(--aero-light);
  overflow: hidden;
}
.hero-wave svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

/* Halo vert discret pour mettre en valeur un visuel (drone, carte, etc.) */
.aero-glow {
  position: relative;
}
.aero-glow::after {
  content: "";
  position: absolute;
  inset: -20%;
  background: radial-gradient(closest-side, rgba(22, 163, 74, 0.14), transparent 70%);
  z-index: -1;
}

/* Badge "scanner-line" utilisé pour souligner un chiffre ou un label technique */
.tech-label {
  font-family: 'JetBrains Mono', monospace;
  letter-spacing: 0.18em;
}

/* Carte avec coin technique (façon fiche d'inspection) */
.corner-card {
  position: relative;
}
.corner-card::before,
.corner-card::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border-color: var(--aero-green);
  opacity: 0.6;
}
.corner-card::before {
  top: 10px;
  left: 10px;
  border-top: 2px solid;
  border-left: 2px solid;
}
.corner-card::after {
  bottom: 10px;
  right: 10px;
  border-bottom: 2px solid;
  border-right: 2px solid;
}

/* Scrollbar discrète */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: var(--aero-light); }
::-webkit-scrollbar-thumb { background: #c7cbd1; border-radius: 6px; }

/* Focus clavier visible partout (accessibilité) */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible {
  outline: 2px solid var(--aero-green);
  outline-offset: 2px;
}

/* Respect des préférences de mouvement réduit */
@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}