/* =========================
   PLEIN ÉCRAN – RESET THEME
   ========================= */
html, body{
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

#page, .site, .site-content, .site-main, #content{
  margin: 0;
  padding: 0;
  max-width: 100%;
  width: 100%;
}

/* =========================
   FIX LIENS VIOLETS (visited)
   ========================= */
a,
a:visited{
  color: inherit !important;
  text-decoration: none;
}

/* Boutons Elementor + custom */
a.elementor-button,
a.elementor-button:visited,
.btn,
.btn:visited{
  color: inherit !important;
}

/* Si bouton avec fond foncé (texte blanc) */
a.elementor-button,
.btn--primary{
  color: #fff !important;
}
/* =========================================
   CZEN — FIX GLOBAL BOUTONS (Elementor-proof)
   ========================================= */

/* Variables couleur (au cas où) */
:root{
  --czen-sage:#BAC095;
  --czen-accent:#7C6015;
  --czen-black:#0b0b0b;
  --czen-white:#ffffff;
}

/* 1) Neutralise les styles Elementor qui “grisent” / “bulles” */
.elementor a.elementor-button,
.elementor button.elementor-button,
.elementor .elementor-button,
.elementor .elementor-button:visited{
  filter: none !important;
  -webkit-filter: none !important;
  background-image: none !important;
  text-decoration: none !important;
}

/* 2) Base commune (tous tes boutons + ceux d’Elementor) */
.btn,
a.btn,
button.btn,
.elementor .btn,
.elementor a.btn,
.elementor button.btn,
.elementor .elementor-button,
.elementor a.elementor-button,
.elementor button.elementor-button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;

  padding: 12px 18px !important;
  border-radius: 999px !important;

  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 1 !important;

  border: 1px solid rgba(0,0,0,.12) !important;
  box-shadow: none !important;

  cursor:pointer !important;
  user-select:none !important;
  text-decoration:none !important;
  opacity: 1 !important;
}

/* 3) PRIMARY = ton or */
.btn--primary,
a.btn--primary,
button.btn--primary,
.elementor .btn--primary,
.elementor a.btn--primary,
.elementor button.btn--primary,
.elementor .elementor-button.elementor-button-link, /* certains thèmes */
.elementor .elementor-button:not(.is-style-outline):not(.is-style-ghost){
  background: var(--czen-accent) !important;
  color: var(--czen-white) !important;
  border-color: rgba(124,96,21,.35) !important;
  box-shadow: 0 14px 36px rgba(124,96,21,.25) !important;
}

/* hover primary */
.btn--primary:hover,
.elementor .btn--primary:hover,
.elementor .elementor-button:hover{
  background: var(--czen-accent) !important;
  color: var(--czen-white) !important;
  transform: translateY(-1px);
}

/* 4) GHOST = verre blanc (bulles) */
.btn--ghost,
a.btn--ghost,
button.btn--ghost,
.elementor .btn--ghost,
.elementor a.btn--ghost,
.elementor button.btn--ghost{
  background: rgba(255,255,255,.18) !important;
  color: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(255,255,255,.20) !important;

  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}

/* Ghost sur fond clair : texte sombre */
.czenOffers .btn--ghost,
.czenBooking .btn--ghost{
  color: rgba(0,0,0,.78) !important;
  border-color: rgba(0,0,0,.10) !important;
  background: rgba(255,255,255,.55) !important;
}

/* hover ghost */
.btn--ghost:hover,
.elementor .btn--ghost:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.26) !important;
}

/* 5) Fix “texte violet” (liens visités / focus) */
.btn:visited,
.elementor .elementor-button:visited{
  color: inherit !important;
}
.btn--primary:visited,
.elementor .btn--primary:visited,
.elementor .elementor-button:visited{
  color: var(--czen-white) !important;
}

/* 6) Fix focus (accessibilité propre, pas violet) */
.btn:focus,
.btn:focus-visible,
.elementor .elementor-button:focus,
.elementor .elementor-button:focus-visible{
  outline: none !important;
  box-shadow: 0 0 0 4px rgba(186,192,149,.25) !important;
}

/* 7) Si Elementor met des boutons “dans des bulles grises” via widgets */
.elementor-widget-button .elementor-button,
.elementor-widget-button a.elementor-button{
  background: var(--czen-accent) !important;
  color: var(--czen-white) !important;
  border-color: rgba(124,96,21,.35) !important;
}

/* 8) Taille large (si tu utilises btn--lg) */
.btn--lg,
.elementor .btn--lg{
  padding: 14px 20px !important;
  font-size: 15px !important;
}

/* 9) Empêche les styles de thème WP (classic button) */
.wp-block-button__link{
  background: var(--czen-accent) !important;
  color: var(--czen-white) !important;
  border-radius: 999px !important;
  border: 1px solid rgba(124,96,21,.35) !important;
}