/* L'EN-TÊTE COMMUN DES PAGES SECONDAIRES — Services, Tarifs, Contact, Suivre un colis, Installer et les
   trois pages légales (v335, 1er octobre 2026).
   Celtis : « sur tablette […] on doit voir les onglets ». Avant, ces pages n'avaient pas d'onglets du tout :
   un logo et « Retour à l'accueil » (ou « Demander un devis »), trois dessins différents selon la page.
   Maintenant : le même en-tête partout — le logo, les onglets du site, « Demander un devis » ; dès 768 px
   les onglets sont visibles, en dessous ils passent dans le menu ☰.
   Le balisage est posé dans chaque page par outils/entete-du-site.py (une seule source). */
.entete{background:#FFFFFF; box-shadow:0 2px 10px rgba(0,0,0,.06); position:sticky; top:0; z-index:60;}
.entete-in{display:flex; align-items:center; justify-content:space-between; gap:12px; max-width:1280px; margin:0 auto; padding:10px 24px;}
.entete-logo{display:inline-flex; align-items:center; min-height:44px; flex:none; text-decoration:none;}
.entete-logo .logo-svg{width:170px; height:auto; display:block;}
.entete-nav{display:flex; align-items:center; gap:2px;}
.entete-nav a{display:inline-flex; align-items:center; min-height:44px; padding:0 11px; border-radius:10px; font-weight:600; font-size:14px; line-height:1.2; color:#1B4374; text-decoration:none; white-space:nowrap;}
.entete-nav a:hover{color:#B24C0E; background:#FFF4EC; text-decoration:none;}
.entete-nav a:focus-visible, .entete-menu:focus-visible{outline:3px solid #8FB8EC; outline-offset:2px;}
.entete-nav a[aria-current="page"]{color:#B24C0E; box-shadow:inset 0 -2px 0 #E26313; border-radius:0;}
.entete-nav a.entete-cta{margin-left:8px; padding:0 16px; border-radius:24px; background:#B24C0E; color:#FFFFFF; font-size:13px; font-weight:700; box-shadow:0 4px 12px rgba(226,99,19,.3);}
.entete-nav a.entete-cta:hover{background:#9A410B; color:#FFFFFF;}
.entete-menu{display:none; width:44px; height:44px; padding:0; border:0; border-radius:10px; background:none; color:#1B4374; cursor:pointer;}
.entete-menu svg{width:24px; height:24px; display:block;}
/* Tablette : la barre se resserre par paliers au lieu de basculer en menu. */
@media (max-width:1023px){
  .entete-in{padding:10px 16px;}
  .entete-logo .logo-svg{width:150px;}
  .entete-nav a{padding:0 8px; font-size:13.5px;}
}
@media (max-width:899px){
  .entete-nav a{padding:0 6px; font-size:13px;}
  .entete-nav a.entete-accueil{display:none;}   /* le logo ramène déjà à l'accueil */
  .entete-nav a.entete-cta{margin-left:4px; padding:0 12px;}
}
/* Téléphone : les onglets passent dans le menu ☰. */
@media (max-width:767px){
  .entete-menu{display:inline-flex; align-items:center; justify-content:center;}
  .entete-nav{display:none; position:absolute; left:0; right:0; top:100%; flex-direction:column; align-items:stretch; gap:0; padding:4px 16px 16px; background:#FFFFFF; border-top:1px solid #EEF1F5; box-shadow:0 14px 22px rgba(16,40,70,.14);}
  .entete.ouvert .entete-nav{display:flex;}
  .entete-nav a, .entete-nav a.entete-accueil{display:flex; min-height:48px; padding:0 4px; font-size:15px; border-bottom:1px solid #EEF1F5; border-radius:0;}
  .entete-nav a[aria-current="page"]{box-shadow:none;}
  .entete-nav a.entete-cta{margin:12px 0 0; justify-content:center; border-bottom:0; border-radius:24px; font-size:14.5px;}
}
@media (max-width:340px){ .entete-logo .logo-svg{width:132px;} }