/* ============================================================
   THÈME MODERNE — La Malinette (12 juil. 2026)
   Direction : « que du blanc, propre, tranché, classe mais pas luxe »
   (orientations Bérénice & Guillaume). Fichier additif chargé en
   dernier : retour arrière = retirer ce <link> ou git revert.
   ============================================================ */

:root {
  --encre: #222320;            /* texte principal */
  --vert-accent: #7fa63a;      /* le vert du site, foncé d'un cran (lisible sur blanc) */
  --vert-bouton: #8ab741;
  --vert-bouton-hover: #7aa437;
  --blanc-chaud: #fcfbf8;      /* respiration des anciennes sections colorées */
  --filet: #ecece7;
  --carte-ombre: 0 10px 30px -18px rgba(30, 35, 20, .35);
}

/* ---------- 1. Fonds : tout en blanc / blanc chaud ---------- */
.section, .section.vert, .section.gris, .section.gris-sombre, .section.grey,
.section.orange, .section.marron-clair, .section.rose, .section.booking {
  background-color: #fff;
  background-image: none;
}
.section.vert, .section.grey, .section.orange, .section.marron-clair, .section.booking {
  background-color: var(--blanc-chaud);
  padding-top: 34px;
  padding-bottom: 44px;
}

/* ---------- 2. Textes : l'encre remplace le blanc-sur-couleur ----------
   (les textes posés SUR PHOTO — hero — restent blancs) */
.h2.clair, .h3.clair, .paragraphe.clair,
.section.vert .paragraphe, .section.grey .paragraphe,
.section.orange .paragraphe, .section.marron-clair .paragraphe,
.section.booking .paragraphe, .section.booking .h2,
.booking_label, .booking_informations, .booking_label_dispo,
.section.orange .h2, .section.marron-clair .h2,
.section.orange .h3, .section.marron-clair .h3,
.section.grey .h2, .section.grey .h3 {
  color: var(--encre);
}
/* titres script (Great Vibes) : vert accent sur fond clair */
.h1:not(.hero), .heading-5,
.section .h3.h3, .carte .h3, .h2.script {
  color: var(--vert-accent);
}
/* hero sur photo : inchangé (blanc) */
.main-title-container .h1, .hero-wrapper .h1, .h2.hero, .paragraphe.hero, .paragraphe-copy.hero {
  color: #fff;
}

/* ---------- 3. Cartes : blanches, nettes, ombre douce ---------- */
.carte, .card, .booking_room_cell {
  background-color: #fff;
  border: 1px solid var(--filet);
  border-radius: 12px;
  box-shadow: var(--carte-ombre);
}
.carte { padding-top: 10px; padding-bottom: 22px; }
.carte .image-colonne, .image-colonne { border-radius: 10px; }

/* ---------- 4. Boutons : un seul système ----------
   primaire = pilule verte pleine · l'outline reste pour le téléphone du menu */
.button-primary, .a-propos, .main-button, .bouton-r-server,
.section.vert .button-primary.hero {
  background-color: var(--vert-bouton);
  color: #fff;
  border: 0;
  border-radius: 999px;
  padding: 13px 30px;
  font-family: Exo, sans-serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: .5px;
  transition: background-color .15s ease, transform .15s ease;
}
.button-primary:hover, .a-propos:hover, .main-button:hover, .bouton-r-server:hover,
.section.vert .button-primary.hero:hover {
  background-color: var(--vert-bouton-hover);
  color: #fff;
  transform: translateY(-1px);
}
/* bouton gris "Réserver" du menu desktop → vert cohérent */
.navbar-wrapper .button-primary.light { background-color: var(--vert-bouton); color: #fff; }
/* le téléphone du menu reste en contour pour hiérarchiser */
.navbar-wrapper .button-primary:not(.light) {
  background-color: #fff; color: var(--encre);
  border: 2px solid var(--vert-bouton); padding: 11px 24px;
}
.navbar-wrapper .button-primary:not(.light):hover { background-color: var(--blanc-chaud); color: var(--encre); }

/* ---------- 5. Typographie & rythme ---------- */
.h2 { font-weight: 600; letter-spacing: -.2px; }
.h2.clair { margin-bottom: 28px; }
.paragraphe { line-height: 1.65; }

/* ---------- 6. Détails ---------- */
.navbar-logo-left { box-shadow: 0 6px 18px -12px rgba(30, 35, 20, .35); }
.footer_top { background-color: var(--blanc-chaud); }
.lang-switcher { color: var(--encre); }
/* l'indicateur de dispo (réservation) garde ses couleurs sémantiques */
.booking_label_dispo { color: var(--vert-accent); }
.booking_label_dispo.non_dispo { color: #c0392b; }

/* réservation : le conteneur du planning perd son vert plein */
.booking_container_div { background-color: var(--blanc-chaud); border: 1px solid var(--filet); border-radius: 12px; }