/*
  ÉquiLibre — Patch charte graphique officielle
  À ajouter APRÈS l'import de styles.css dans chaque page,
  ou à intégrer à la fin de styles.css
*/

/* ── PALETTE OFFICIELLE ── */
:root {
  --terracotta: #683026;
  --sienna:     #ac692e;
  --ivory:      #f5f0e4;
  --olive:      #79843d;
  --forest:     #32463f;
  --blue:       #a0c0ca;
  --grey:       #aaa8a2;
  --ocean:      #683026; /* remplace l'ancien teal */
}

/* ── TYPOGRAPHIE — Bebas Neue pour titres ── */
@font-face {
  font-family: "BebasNeue";
  src: url("../fonts/BebasNeue-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.h1, .h2, h1, h2, h3,
.card .title, .cd-title, .modal-body h3 {
  font-family: "BebasNeue", "Bebas Neue", sans-serif !important;
  letter-spacing: 0.04em !important;
  font-weight: 400 !important;
}

/* ── NAV — logo forcé ── */
.brand-logo {
  height: 36px !important;
  width: auto !important;
  content: url("../img/logo.png") !important;
}

/* ── CTA nav ── */
.cta, .nav-cta {
  background: var(--sienna) !important;
  border-color: var(--sienna) !important;
  color: #fff !important;
  border-radius: 4px !important;
}
.cta:hover, .nav-cta:hover {
  background: var(--terracotta) !important;
  opacity: 1 !important;
}

/* ── Buttons ── */
.btn.primary {
  background: var(--terracotta) !important;
  border-color: var(--terracotta) !important;
  color: #e5cc9c !important;
  border-radius: 6px !important;
}
.btn.primary:hover {
  background: #4a1e14 !important;
}

/* ── Active nav link ── */
.menu a.active, .nav-menu a.active {
  color: var(--olive) !important;
}

/* ── Availability badge ── */
.availability-badge {
  background: var(--terracotta) !important;
  color: #e5cc9c !important;
}

/* ── Fond général ── */
body { background: #f5f0e4 !important; }

/* ── Cards ── */
.card .title {
  font-family: "BebasNeue", sans-serif !important;
}

/* ── Footer ── */
.footer { border-top-color: rgba(104,48,38,0.15) !important; }
.footer-logo {
  height: 30px !important;
  filter: brightness(0) invert(1);
  opacity: 0.8;
}

/* ── Instagram lien ── */
a[href*="equilibre.retraites"] { display: none; }