/* ══ ATELIER — le style du nouveau locair.fr (noir, blanc, gris) ══════════
   Chargée APRÈS locair.css sur les guides et les pages villes. Elle ne
   réécrit pas ces pages : elle remplace la palette marine/or et la police
   par celles de l'accueil. Une seule feuille à retirer pour revenir en
   arrière. */
:root{
  --ink:#0A0A0A; --ink-2:#6B6B6B; --ink-s:#262626;
  --vif:#0A0A0A; --vif-d:#262626; --vif-clair:#F3F3F1;
  --gold:#FFFFFF; --gold-txt:#0A0A0A;
  --line:#E6E6E3;
  --font:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-titre:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;
}
body{font-family:var(--font)}
h1,h2,h3,.titre{font-family:var(--font);letter-spacing:-.03em}

/* Barre du haut : blanche, comme l'accueil */
.bar{background:rgba(255,255,255,.92);color:#0A0A0A;box-shadow:0 1px 0 #E6E6E3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.bar.pose{box-shadow:0 1px 0 #E6E6E3}
.bar .logo{color:#0A0A0A;font-weight:600;letter-spacing:-.02em}
.gt{color:inherit;margin:0;font-style:normal}
.gt::before{display:none}
.bar-fil{color:#6B6B6B;border-left-color:#E6E6E3;font-weight:500;letter-spacing:.2em}
.bar-fil:hover,.bar-fil:focus-visible{color:#0A0A0A}
.bar .btn-1{background:transparent;color:#0A0A0A;border:1px solid #0A0A0A}
.bar .btn-1:hover,.bar .btn-1:focus-visible{background:#0A0A0A;color:#fff}
.bar .btn-out{border-color:#E6E6E3;color:#0A0A0A}
.bar .bar-compte:hover,.bar .bar-compte:focus-visible{background:#F3F3F1}

/* Boutons : pilules */
.btn{border-radius:999px;font-weight:500}
.btn-1{background:#0A0A0A;color:#fff}
.btn-1:hover,.btn-1:focus-visible{background:#262626}

/* En-tête : blanc, titre fin, mot en italique */
.tete{background:#fff;color:#0A0A0A;border-bottom:1px solid #E6E6E3;--focus:#0A0A0A}
.tete .kicker{color:#6B6B6B;font-weight:500;letter-spacing:.25em}
.tete h1{font-weight:400;letter-spacing:-.035em;line-height:1.05}
.tete h1 em{font-family:var(--serif);font-style:italic;font-weight:500;color:inherit;letter-spacing:-.01em}
.tete .dire{color:#6B6B6B}
.tete-meta{border-top-color:#E6E6E3;color:#6B6B6B}
.tete-meta b{color:#0A0A0A;font-weight:600}
.fil{color:#6B6B6B}
.fil a{color:#0A0A0A}
.fil a:hover,.fil a:focus-visible{color:#0A0A0A}
.fil span{color:#9A9A9A}
.tete .btn-1{background:#0A0A0A;color:#fff}
.tete .btn-out,.tete .btn-2{border-color:#E6E6E3;color:#0A0A0A}

/* Texte des guides */
.art h2{font-weight:500;letter-spacing:-.02em}
.art h3{font-weight:600;letter-spacing:-.01em}

/* Pied de page : noir */
.pied-bloc{background:#0A0A0A}
.signature-b,.pied-bl{color:rgba(255,255,255,.7)}
.bar .mb{color:#0A0A0A;width:40px;height:40px;border-color:#E6E6E3}
.guide-t{font-weight:500}

/* Rétablit le bouton "Réserver" dans la barre sticky sur mobile.
   locair.css le masque à <900px en supposant qu'une barre bas existe —
   mais les pages ville et les articles n'en ont pas. */
@media(max-width:900px){.bar .btn{display:flex}}