/* demetal.css — 2026-10-27 — « on enleve la couleur metallique, les couleurs sont bonnes » (Daniel).
   Couche NON destructive chargee en DERNIER : fond-neon.css n'est pas touche.
   Ce qu'on retire : les degrades chrome a 7 arrets (blanc -> gris bleute -> bande sombre
   -> reflet) et l'embossage en drop-shadow, qui sont le marqueur « visuel genere par IA ».
   Ce qu'on garde : exactement les memes couleurs (blanc, rouge #ff2a44, cyan #4edbff),
   le fond neon, les cadres lumineux et le reste de la mise en page.
   Retrait = enlever la ligne <link demetal.css> du <head>. */

/* ── 1. Logo de la barre : aplats francs, plus de biseau metal ───────────── */
nav .marque-txt{
  background-image:none;
  -webkit-text-fill-color:#ffffff;
  color:#ffffff;
  /* un seul relief de lisibilite, plus les 2 ombres dures d'embossage */
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.55));
  letter-spacing:-.020em;           /* §15 : on resserre quand le texte grossit */
  font-optical-sizing:auto;
}
nav .marque-txt i{background-image:none;-webkit-text-fill-color:#ff2a44;color:#ff2a44}
nav .marque-txt u{background-image:none;-webkit-text-fill-color:#4edbff;color:#4edbff}

/* ── 2. Logo geant du hero : meme traitement ─────────────────────────────── */
.marque-geante{
  filter:drop-shadow(0 6px 18px rgba(0,0,0,.55));
  letter-spacing:-.022em;
  font-optical-sizing:auto;
}
.marque-geante span{-webkit-text-fill-color:currentColor}
.mg-sys{background-image:none;color:#ffffff;-webkit-text-fill-color:#ffffff}
.mg-fac{background-image:none;color:#ff2a44;-webkit-text-fill-color:#ff2a44}
.mg-ai {background-image:none;color:#4edbff;-webkit-text-fill-color:#4edbff}

/* ── 3. Le grand titre : blanc franc, le mot en emphase reste rouge ──────── */
.hero--banniere h1{
  background-image:none;
  -webkit-text-fill-color:#ffffff;
  color:#ffffff;
  filter:none;
  text-shadow:0 2px 10px rgba(0,0,0,.45);
}
.hero--banniere h1 em{
  background-image:none;
  -webkit-text-fill-color:#ff2a44;
  color:#ff2a44;
}

/* ── 4. Boutons : aplat de la couleur, plus le vernis plastique a 4 arrets ─
   La lueur (box-shadow) reste : Daniel n'a demande que le metal. ─────────── */
nav .btn{background:#ff2a44}
nav .btn:hover{background:#ff4a5e}
.btn--prix{background:#1a92c9;text-shadow:none}
.btn--prix:hover{background:#2bb0e8}
.flottant--prix{background:#1a92c9;text-shadow:none}
/* le liseré interne blanc = le reflet du vernis, on l'eteint */
nav .btn,.btn--prix,.flottant--prix{box-shadow:0 0 22px rgba(255,42,68,.35)}
.btn--prix,.flottant--prix{box-shadow:0 0 22px rgba(78,219,255,.38)}

/* ── 5. Accessibilite : si l'utilisateur demande plus de contraste, aplat pur ── */
@media (prefers-contrast:more){
  nav .btn,.btn--prix,.flottant--prix{box-shadow:none}
  .marque-geante,nav .marque-txt{filter:none}
}