/* Menu du haut, le même sur toutes les pages : reste visible en faisant défiler.
   « Mes prestations » déroule les pages métier (survol à la souris, toucher sur téléphone). */
html{scroll-padding-top:72px}
.menu{position:sticky;top:0;z-index:60;background:rgba(20,20,15,.96);
      -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #2C2C25}
.menu-in{max-width:1080px;margin:0 auto;padding:10px 18px;display:flex;flex-wrap:wrap;
         justify-content:center;align-items:center;gap:8px}
.menu .marque{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#FCFBF9;
              font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;margin-right:auto}
.menu-btn{font:inherit;cursor:pointer;background:transparent;border:1px solid #55554C;color:#FCFBF9;
          padding:8px 14px;font-size:14px;font-weight:500;line-height:1.3;text-decoration:none;white-space:nowrap;display:inline-block}
.menu-btn:hover,.deroulant.ouvert>.menu-btn{border-color:#FCFBF9}
.menu-btn:focus-visible,.sous a:focus-visible{outline:3px solid #7BA4E8;outline-offset:2px}
.fleche-bas{display:inline-block;margin-left:4px;font-size:11px;transition:transform .15s ease}
.deroulant.ouvert .fleche-bas{transform:rotate(180deg)}

.deroulant{position:relative}
.sous{display:none;position:absolute;top:100%;left:0;padding-top:6px;min-width:260px;z-index:61;
      width:max-content;max-width:calc(100vw - 24px)}  /* assez large pour que chaque ligne tienne sur une ligne */
.sous-in{background:#14140F;border:1px solid #55554C;display:flex;flex-direction:column;
         max-height:calc(100vh - 130px);overflow-y:auto;overscroll-behavior:contain}  /* liste longue : défile sur petit écran */
.sous a{white-space:nowrap;padding:12px 16px;color:#FCFBF9;text-decoration:none;font-size:15px;border-bottom:1px solid #2C2C25}
.sous a:last-child{border-bottom:0}
.sous a:hover,.sous a[aria-current]{background:#FCFBF9;color:#14140F}
.deroulant.ouvert .sous{display:block}
@media (hover:hover) and (pointer:fine){.deroulant:hover .sous{display:block}}

@media (max-width:560px){
  html{scroll-padding-top:112px}
  .menu .marque{width:100%;justify-content:center;margin:2px 0 4px}
  .menu-btn{padding:7px 12px;font-size:14px}
  /* téléphone : la liste prend toute la largeur de l'écran, sous le menu (le menu sert de cadre grâce à son flou) */
  .sous{position:fixed;top:100%;left:12px;right:12px;width:auto;max-width:none;min-width:0}
  .sous a{white-space:normal}  /* téléphone étroit : on revient à la ligne plutôt que de couper */
}

/* « Demande de devis » : le bouton plein du menu */
.menu-btn.plein{background:#FCFBF9;color:#14140F;border-color:#FCFBF9}
.menu-btn.plein:hover{background:#E9E6DF}
.sous a.retrait{padding:9px 16px 9px 34px;font-size:14px;color:#BDBAB2;position:relative}
.sous a.retrait::before{content:"↳";position:absolute;left:16px}