/*
 * Correctifs propres à WordPress.
 *
 * `style.css` vient du prototype et fait foi : on ne le modifie pas. Cette
 * feuille ne traite que ce que WordPress ou ses extensions ajoutent, et que le
 * prototype ne pouvait pas prévoir.
 */

/* ------------------------------------------------------------------ Évitement
 * Le lien « Aller au contenu » est ajouté par le thème ; le prototype n'en
 * avait pas, donc aucune règle ne le traitait et il s'affichait comme un lien
 * ordinaire, en tête de chaque page. Il décalait tout le contenu de 29 px.
 * On le sort du flux — sans le supprimer : au clavier, il permet de sauter le
 * menu, et c'est une bonne pratique d'accessibilité.
 */
.skip {
  position: absolute;
  left: -9999px;
  top: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.skip:focus {
  position: fixed;
  left: 12px;
  top: 12px;
  width: auto;
  height: auto;
  z-index: 1000;
  padding: 10px 16px;
  border-radius: 8px;
  background: var(--or, #c9a227);
  color: var(--noir, #14110f);
  font: 600 15px/1 var(--sans, system-ui, sans-serif);
  text-decoration: none;
  outline: 2px solid currentColor;
}

/* ------------------------------------------------- Widget de réservation
 * Fluent Booking a son propre habillage. Le shortcode est forcé en
 * `theme="dark"` par inc/reservation.php : le mode sombre de l'extension fait
 * l'essentiel du travail. Ce qui suit ne rattrape que ce qui reste étranger à
 * la page — la police, les rayons, l'accent.
 *
 * ⚠️ Les classes réelles sont `fcal_cal_wrap`, `fcal_wrap`, `fcal_holder`,
 * `fcal_side`, `fcal_author_name`… relevées sur le rendu, pas devinées : une
 * première version visait `fcal_booking_wrapper` et `fcal_btn`, qui n'existent
 * pas, et ne s'appliquait donc à rien.
 */
.ms-booking {
  margin-top: var(--s3, 28px);
}

.ms-booking .fcal_cal_wrap,
.ms-booking .fcal_wrap,
.ms-booking .fcal_holder {
  font-family: var(--sans, Inter, system-ui, sans-serif);
  border-radius: var(--r-lg, 18px);
}

.ms-booking .fcal_slot_heading,
.ms-booking .fcal_author_name {
  font-family: var(--display, var(--sans, Inter, system-ui, sans-serif));
}

/* Le monogramme est carré et transparent : pas de rognage circulaire, qui
   couperait le sofa et l'arbre. */
.ms-booking .fcal_author_avatar img,
.ms-booking img.ms-monogramme {
  border-radius: var(--r-md, 12px);
  object-fit: contain;
  background: transparent;
}

.ms-booking button[class*="primary"],
.ms-booking .fcal_slot_confirm {
  background: var(--or, #c9a227);
  border-color: var(--or, #c9a227);
  color: var(--noir, #14110f);
  border-radius: 999px;
}

/* ------------------------------------------------------- Formulaire de contact
 * Le pot de miel doit rester invisible à l'œil mais lisible pour un robot :
 * `display:none` serait ignoré par certains, et le champ ne piégerait plus rien.
 */
.ms-pot {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.ms-avis-envoi {
  margin: 0 0 var(--s3, 24px);
  padding: 14px 18px;
  border-radius: 10px;
  border: 1px solid var(--or, #c9a227);
  background: var(--velours-2, #1b1714);
  color: var(--ink, #efeae4);
  font: 400 16px/1.55 var(--sans, system-ui, sans-serif);
}

.ms-avis-envoi--ko {
  border-color: #b32d2e;
}