@charset "UTF-8";
/* ============================
   VARIABLES SCSS & CSS
   ============================ */
/* ---- Fonts ---- */
/* ---- Couleurs ---- */
/* ---- Typographie ---- */
/* ---- Espacements ---- */
/* ---- CKEditor / contenu éditorial ---- */
#klaro .klaro .cookie-notice {
  position: fixed;
  right: 16px;
  bottom: 16px;
  left: auto;
  top: auto;
  width: min(420px, 100vw - 32px);
  max-width: 420px;
  border-radius: 14px;
  overflow: hidden;
  z-index: 9999;
  font-family: "Outfit", sans-serif;
  border: 1px solid rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 12px 32px rgba(0, 0, 0, 0.16);
          box-shadow: 0 12px 32px rgba(0, 0, 0, 0.16);
}
#klaro .klaro .cookie-notice .cn-body {
  padding: 14px 14px 12px;
}
#klaro .klaro .cookie-notice .cn-body p {
  margin: 0 0 10px 0;
  font-size: 14px;
  line-height: 1.35;
}
#klaro .klaro .cookie-notice .cn-body p span {
  color: inherit;
}
#klaro .klaro .cookie-notice .cn-body .cn-ok {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  /* Lien "Personnaliser" */
}
#klaro .klaro .cookie-notice .cn-body .cn-ok .cn-learn-more {
  color: #fff;
  text-decoration: underline;
}
#klaro .klaro .cookie-notice .cn-body .cn-ok .cn-learn-more:hover {
  color: #5dbcb4;
}
#klaro .klaro .cookie-notice .cn-body .cn-ok .cn-buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
#klaro .klaro .cookie-notice .cn-body .cn-ok .cn-buttons .cm-btn {
  border-radius: 10px;
  padding: 10px 12px;
  font-weight: 600;
  cursor: pointer;
  font-family: "Outfit", sans-serif;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: transparent;
}
#klaro .klaro .cookie-notice .cn-body .cn-ok .cn-buttons {
  /* Bouton "Tout refuser" */
}
#klaro .klaro .cookie-notice .cn-body .cn-ok .cn-buttons .cn-decline {
  color: #fff;
  border-color: rgba(0, 0, 0, 0.18);
}
#klaro .klaro .cookie-notice .cn-body .cn-ok .cn-buttons .cn-decline:hover {
  border-color: #360675;
}
#klaro .klaro .cookie-notice .cn-body .cn-ok .cn-buttons {
  /* Bouton "C'est bon." (accept) — dans ton HTML: cm-btn-success */
}
#klaro .klaro .cookie-notice .cn-body .cn-ok .cn-buttons .cm-btn-success {
  background: #360675;
  border-color: #360675;
  color: #fff;
}
#klaro .klaro .cookie-notice .cn-body .cn-ok .cn-buttons .cm-btn-success:hover {
  -webkit-filter: brightness(1.05);
          filter: brightness(1.05);
}

@media (max-width: 520px) {
  #klaro .klaro .cookie-notice {
    right: 10px;
    left: 10px;
    bottom: 10px;
    width: auto;
    max-width: none;
  }
}