/* YENCLI — Bandeau d'information cookies (voir /js/cookie-notice.js) */
/* Tant que le bandeau est affiché, on réserve sa hauteur en bas de page :
   il ne doit jamais recouvrir un bouton (ex. « Créer mon compte »). */
html.has-ck-notice body { padding-bottom: 148px; }
@media (max-width: 560px) { html.has-ck-notice body { padding-bottom: 196px; } }
.ck-notice {
  position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 9999;
  max-width: 720px; margin: 0 auto;
  display: flex; align-items: center; gap: 18px; flex-wrap: wrap;
  padding: 16px 20px;
  background: #FFFFFF;
  border: 1px solid #ECEBF3;
  border-radius: 16px;
  box-shadow: 0 18px 48px -12px rgba(28, 20, 48, 0.28);
  font-family: inherit;
  opacity: 0; transform: translateY(14px);
  transition: opacity .28s ease, transform .28s ease;
}
.ck-notice.ck-in { opacity: 1; transform: none; }
.ck-notice.ck-hide { opacity: 0; transform: translateY(14px); }

.ck-notice-txt {
  flex: 1 1 320px; min-width: 0;
  font-size: 13.5px; line-height: 1.55; color: #4A5568;
}
.ck-notice-txt strong { color: #14101F; font-weight: 700; }
.ck-notice-txt a { color: #7C4DFF; font-weight: 600; text-decoration: underline; }
.ck-notice-txt a:hover { color: #6435E0; }

.ck-notice-btn {
  flex: none; cursor: pointer;
  padding: 10px 22px; border: none; border-radius: 10px;
  background: linear-gradient(135deg, #7C4DFF, #A855F7);
  color: #fff; font-size: 14px; font-weight: 700; font-family: inherit;
  box-shadow: 0 8px 20px -6px rgba(124, 77, 255, 0.55);
  transition: transform .18s ease, box-shadow .18s ease;
}
.ck-notice-btn:hover { transform: translateY(-1px); box-shadow: 0 12px 26px -6px rgba(124, 77, 255, 0.65); }
.ck-notice-btn:active { transform: none; }

@media (max-width: 560px) {
  .ck-notice { left: 10px; right: 10px; bottom: 10px; padding: 15px 16px; gap: 12px; }
  .ck-notice-btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .ck-notice { transition: none; opacity: 1; transform: none; }
}