/* PASSE-PARTOUT — v5 : corrections de mise en page (2026-09-09)
   Chargé en dernier : corrige les conflits entre les couches précédentes. */

/* ---------- 1. En-tête : navigation desktop sur une ligne, sans menu burger ---------- */
@media (min-width:1000px){
  .entete .conteneur{gap:14px}
  .burger{display:none !important}
  .nav{display:flex !important;align-items:center;gap:2px;margin-left:auto;font-size:.73rem;letter-spacing:.06em;flex-wrap:nowrap;position:static;background:transparent;border:0;padding:0;width:auto}
  .nav a{white-space:nowrap;padding:8px 9px;border-bottom:0}
  .nav .nav-tel{display:none !important}
  .nav a[href$="#zone"],.nav a[href$="#portes-bois"],.nav a[href$="#assurance"]{display:none}
  .tel-entete{display:inline-flex !important;margin-left:6px;padding:9px 18px;flex-shrink:0}
  .tel-entete b{font-size:1.08rem}
}
@media (min-width:1280px){
  .nav{font-size:.76rem;letter-spacing:.08em;gap:4px}
  .nav a{padding:8px 11px}
  .nav a[href$="#zone"],.nav a[href$="#assurance"]{display:inline-block}
}

/* ---------- 2. Barre d'appel fixe : mobile et tablette uniquement ---------- */
@media (min-width:1000px){
  .barre-mobile{display:none !important}
  body{padding-bottom:0 !important}
}

/* ---------- 3. Bandeau cookies : réellement flottant (premium.css le remettait en flux) ---------- */
.cookies{position:fixed !important;left:12px;right:12px;width:auto;max-width:640px;margin:0 auto;z-index:95}
.cookies[hidden]{display:none !important}
@media (min-width:1000px){.cookies{left:auto;right:20px;bottom:20px;width:400px;margin:0}}

/* ---------- 4. Bande "points forts" : doublon des garanties → retirée ---------- */
.premium-bande{display:none !important}

/* ---------- 5. Bandeau confiance : plus aéré ---------- */
.confiance{padding:22px 0;background:linear-gradient(180deg,#0d1014,#0b0d10)}
.confiance-grille li{font-size:.8rem;letter-spacing:.01em}
.confiance-grille svg{width:24px;height:24px}

/* ---------- 6. Hero ---------- */
.hero-clean-trust li{align-items:start}
.hero-clean-trust li>span{margin-top:1px}
@media (min-width:1000px){
  /* Photo de l'artisan en grande image d'ambiance derrière le texte, très assombrie */
  .hero.hero-urgent-first{
    background:
      linear-gradient(90deg,rgba(9,11,14,.99) 0%,rgba(9,11,14,.93) 40%,rgba(9,11,14,.66) 56%,rgba(9,11,14,.78) 68%,rgba(9,11,14,.97) 100%),
      linear-gradient(180deg,rgba(9,11,14,.55),rgba(9,11,14,.25) 35%,rgba(9,11,14,.97)),
      url("artisan.webp?v=final") 60% 18% / auto 122% no-repeat,
      #090b0e !important;
  }
  .hero.hero-urgent-first::before{display:none}
}
@media (max-width:719px){
  .hero-copy-clean h1{font-size:clamp(2rem,10.4vw,3.1rem);overflow-wrap:normal;word-break:normal}
  .hero-ville{font-size:.66rem;letter-spacing:.13em;padding:6px 12px}
  /* Bandeau "changement de nom" plus compact sur mobile */
  .bandeau{padding:7px 14px;font-size:.76rem;line-height:1.3}
  .bandeau span{font-size:.7rem;margin-top:2px}
}

/* ---------- 7. Formulaire : l'encart "C'est urgent ?" ne s'étire plus sur toute la hauteur ---------- */
@media (min-width:720px){
  .devis-grille{align-items:start}
  .encart-rappel{position:sticky;top:96px}
}

/* ---------- 8. Cartes services : titres longs ---------- */
.carte-tete h3{overflow-wrap:normal;hyphens:manual}

/* ---------- 9. Pied de page : "Mentions légales" cliquable visible ---------- */
.pied a[href*="mentions-legales"]{color:var(--or)}