:root {
  /* Couleurs Bootstrap */
  --bs-primary: #d0adf4;
  --bs-secondary: #9e6bab;

  --bs-primary-rgb: 208, 173, 244;
  --bs-secondary-rgb: 158, 107, 171;

  --bs-link-color: #d0adf4;
  --bs-link-hover-color: #9e6bab;
}

/* ===== Boutons PRIMARY ===== */

.btn-primary {
  --bs-btn-bg: #d0adf4;
  --bs-btn-border-color: #d0adf4;
  --bs-btn-hover-bg: #b895e6;
  --bs-btn-hover-border-color: #b895e6;
  --bs-btn-active-bg: #a982db;
  --bs-btn-active-border-color: #a982db;
}

/* ✅ Bouton OUTLINE PRIMARY */
.btn-outline-primary {
  --bs-btn-color: #d0adf4;
  --bs-btn-border-color: #d0adf4;

  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #d0adf4;
  --bs-btn-hover-border-color: #d0adf4;

  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b895e6;
  --bs-btn-active-border-color: #b895e6;
}

/* ===== Boutons SECONDARY ===== */

.btn-secondary {
  --bs-btn-bg: #9e6bab;
  --bs-btn-border-color: #9e6bab;
  --bs-btn-hover-bg: #8a5a9a;
  --bs-btn-hover-border-color: #8a5a9a;
}

/* Optionnel mais recommandé */
.btn-outline-secondary {
  --bs-btn-color: #9e6bab;
  --bs-btn-border-color: #9e6bab;

  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #9e6bab;
  --bs-btn-hover-border-color: #9e6bab;
}

.active>.page-link, .page-link.active {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: #9e6bab;
  border-color: #9e6bab;
}

.bg-header {
  --bs-bg-opacity: 1;
  background-color: rgba(208, 175, 212, 0.2) !important;
}


body {
  font-family: "Work Sans", system-ui, -apple-system, "Segoe UI", sans-serif
}
h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5 {
  font-family: "Bricolage Grotesque", system-ui, sans-serif;
}

.nav-link.active{
  font-weight: 600;
  text-transform: uppercase;
  background-color: #8a5a9a!important;
}

.bg-light{
  background-color: rgb(236, 236, 236) !important;
}

.hidden-on-desktop {
  display: none;
}

.dayButton, .dayButton A {
  padding: 1rem;
  color: white;
  text-decoration: none;
}
.dayButton :hover{
  color: var(--shop-secondary-color)!important;
}
.dayButton.active{
  border-bottom: 2px solid white;
  font-weight: bolder;
}

.bg-evenItem {
  background-color: rgba(208, 173, 244, 0.09);
}

OL.breadcrumb{
  background-color: rgba(208, 175, 212, 0.2);
  padding: 0.5rem;
  margin-bottom: 2rem;
}

@media (max-width: 991.98px) {
  .hidden-on-mobile {
    display: none!important;
  }
  .hidden-on-desktop {
    display: inherit;
  }

  .dayButton, .dayButton A {
    padding: 0.5rem;
  }
}