/* 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)}

/* ---------- 9b. En-tête : premium.css le passait en position:relative / z-index:1, ce qui cachait
   le menu mobile déroulé derrière le contenu. On rétablit l'en-tête collant au-dessus de tout. ---------- */
.entete{position:sticky !important;top:0;z-index:60 !important}
.nav.ouvert{z-index:70}
[id]{scroll-margin-top:84px}

/* ---------- 10. H1 localisé : première ligne plus discrète, accroche dorée inchangée ---------- */
.hero-copy-clean h1 .ligne1{display:block;font-size:.44em;letter-spacing:.04em;color:var(--blanc);margin-bottom:8px;line-height:1.1}

/* ---------- 11. Nouvelles pages : fonds de hero ---------- */
.page-reglage-porte-ferme-mal .p-hero::before{
  background-image:linear-gradient(90deg,rgba(8,10,13,.98) 0%,rgba(8,10,13,.88) 54%,rgba(8,10,13,.40) 100%),url('https://images.pexels.com/photos/30641386/pexels-photo-30641386.jpeg?auto=compress&dpr=1&h=900&w=1500');
}
.page-vitrage-mise-en-securite .p-hero::before{
  background-image:linear-gradient(90deg,rgba(8,10,13,.98) 0%,rgba(8,10,13,.90) 54%,rgba(8,10,13,.45) 100%),url('/photo-vitrage.webp');
  background-position:center right;
}
.p-hero .txt a,.section .txt a{color:var(--or);font-weight:600}
.liste a,.avert a,.faq-rep a,.etape a{color:var(--or);font-weight:600}
.hero-copy-clean .hero-ville{letter-spacing:.15em}
.nav.ouvert{background:#0b0d10 !important}