/* 0.1.9.8 / 0.1.9.9 — Bloc langues / menu / « Réservez » en haut à droite.
   - Langues en texte (« FR | EN », petites capitales) à la place des drapeaux, dans le cadre clair avec le menu.
   - Juste dessous, « Réservez » en négatif : rectangle noir de la même taille, texte blanc cassé.
   Chargé sur toutes les pages du site (0.1.9.9 : auparavant seulement sur Réserver / Visiter).
   Largeur fixe (128 px) pour que les deux rectangles soient exactement alignés. */
.persistent-tools { box-sizing: border-box; width: 128px; height: 32px; padding: 4px 10px; gap: 6px; justify-content: space-between; }
.persistent-tools .language-flag { display: none; }
.persistent-tools > button:not(.hamburger) { width: auto; min-width: 24px; height: 24px; padding: 0 2px; font: 11px/1 Arial, sans-serif; letter-spacing: .14em; color: #292621; }
.persistent-tools > button:nth-of-type(1)::before { content: "FR"; }
.persistent-tools > button:nth-of-type(2)::before { content: "EN"; }
.persistent-tools > button.language-active::after { left: 2px; right: 4px; bottom: 2px; }
.home-callout { box-sizing: border-box; top: 64px; right: 40px; width: 128px; height: 32px; aspect-ratio: auto; padding: 0 10px; border-radius: 0; background: #000; box-shadow: none; color: #fffaf1; }
.home-callout strong { font: 11px/1 Arial, sans-serif; letter-spacing: .18em; text-transform: uppercase; color: #fffaf1; }
.home-callout:hover { background: #292621; }
body.admin-bar .home-callout { top: 80px; }
/* 0.1.10.0 — Téléphone : bloc plus compact (108 × 28 px, texte 10 px). */
@media (max-width: 760px) {
  .persistent-tools { width: 108px; height: 28px; padding: 3px 8px; gap: 4px; }
  .persistent-tools > button:not(.hamburger) { min-width: 20px; height: 22px; font-size: 10px; letter-spacing: .12em; }
  .persistent-tools .hamburger { width: 26px; height: 22px; padding: 2px 0 2px 6px; }
  .persistent-tools .hamburger b { margin: 4px 0; }
  .home-callout { top: 50px; right: 17px; width: 108px; height: 28px; padding: 0 8px; }
  .home-callout strong { font-size: 10px; letter-spacing: .16em; }
}
@media (max-width: 782px) {
  body.admin-bar .home-callout { top: 86px; }
}

/* 0.1.10.7 — Languette BRAUD sur téléphone.
   Le thème remet la grande languette dès qu'on remonte un peu : sur téléphone elle passait alors
   par-dessus le texte. Désormais, la grande languette n'apparaît qu'en haut de page ; ailleurs
   elle reste compacte, collée au bord (classe posée par footer.js). */
@media (max-width: 760px) {
  body.bqrr-past-top .brand-tab { left: 2px; width: var(--brand-compact-width); }
}
/* Connecté à WordPress : sur téléphone la barre d'administration défile avec la page ;
   une fois passée, languette et bloc FR | EN remontent tout en haut. */
@media (max-width: 600px) {
  body.admin-bar.bqrr-past-top .brand-tab { top: 0; }
  body.admin-bar.bqrr-past-top .persistent-tools { top: 18px; }
  body.admin-bar.bqrr-past-top .home-callout { top: 50px; }
}