/* === FONTS === */
@import url('https://fonts.googleapis.com/css2?family=Marcellus&family=Open+Sans:wght@400;600&display=swap');

/* === TITRES (Marcellus) === */
h1.title, h2.title, h3.title,
h2.title--h2, h3.title--h3,
#about-us h2, #about-us h3,
#contacts h2, #contacts h3,
#gallery h2 {
  font-family: 'Marcellus', serif !important;
  font-weight: 400 !important;
  color: #232323 !important;
  text-align: center !important;
  font-size: 32px !important;
  line-height: 1.2 !important;
  margin: 6px 0 10px !important;
}

/* === TEXTES (Open Sans) === */
#about-us p, #about-us .txt,
#contacts p, #contacts .txt, #contacts .text, #contacts .section-pd span,
#gallery p, #gallery .txt {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 16px !important;
  color: #232323 !important;
  text-align: center !important;
  line-height: 1.65 !important;
  letter-spacing: .1px !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
  hyphens: manual !important;
}

/* === LIENS DE CONTACT === */
#contacts .section-pd a {
  color: #232323 !important;
  font-family: 'Open Sans', sans-serif !important;
  font-size: 16px !important;
  text-align: center !important;
  display: inline-block;
  width: 100%;
  text-decoration: underline !important;
}

/* === BLOCS : centrage & respiration === */
#about-us .section-pd,
#contacts .section-pd,
#gallery .section-pd {
  padding: 25px 20px !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

/* Espacements réguliers */
#about-us .section-pd > * + *,
#contacts .section-pd > * + *,
#gallery .section-pd > * + * {
  margin-top: 10px !important;
}

/* === FONDS UNI (Sable 10%) === */
#about-us.section,
#about-us .section-pd,
#contacts.section,
#contacts .section-pd,
#gallery.section,
#gallery .section-pd {
  background-color: #F5F2EF !important; /* sable clair */
}

/* === Largeur de ligne === */
#about-us .section-pd > p,
#contacts .section-pd > p,
#gallery .section-pd > p {
  max-width: 58ch !important;
  margin-inline: auto !important;
}

/* === PREMIER CTA (natif SimplyBook) === */
a.btn.book.btn-has-icon[href="#book"] {
  font-family: 'Marcellus', serif !important;
  font-weight: 400 !important;
  font-size: 20px !important;
  color: #ffffff !important;
  background: #000000 !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 14px 24px !important;
  text-decoration: none !important;
  display: inline-block !important;
  transition: background 0.3s ease, color 0.3s ease !important;
}
a.btn.book.btn-has-icon[href="#book"]:hover {
  background: #222222 !important; /* un peu plus clair */
  color: #ffffff !important;
}

/* === DEUXIEME CTA (custom ajouté, sans fond) === */
.custom-reserve-btn {
  font-family: 'Marcellus', serif !important;
  font-weight: 400 !important;
  font-size: 20px !important;
  color: #000000 !important;      /* texte noir */
  background: none !important;    /* pas de fond */
  border: none !important;
  border-radius: 0 !important;
  text-decoration: none !important;
  display: inline-block !important;
  padding: 14px 24px !important;
  transition: color 0.3s ease, text-decoration 0.3s ease !important;
}
.custom-reserve-btn:hover {
  color: #444444 !important;      /* gris plus clair */
  text-decoration: underline !important;
}

/* Centrage du bouton custom */
.custom-reserve-wrap {
  text-align: center !important;
  margin-top: 16px !important;
}

/* iOS fix */
html { -webkit-text-size-adjust: 100% !important; }

/* Empêcher "Zen Gravity Biofeedback" d'être coupé */
.no-wrap {
  white-space: nowrap !important;
}

/* Icône checkmark dans bouton SimplyBook */
.link-checkmark:after {
    content: "";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Font Awesome\ 5 Pro;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    font-size: 18px;
    margin-left: 10px;
}