.ck-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.55);
  z-index: 10000;
  display: flex;
  align-items: center;      /* <-- centré vertical */
  justify-content: center;  /* <-- centré horizontal */
  padding: 16px;            /* petit espace autour si écran petit */
}
.ck-panel{max-width:720px;width:100%;background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.35);padding:22px}
.ck-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.ck-head h2{margin:0;font-size:20px}
.ck-close{border:0;background:transparent;font-size:22px;line-height:1;cursor:pointer}
.ck-intro{color:#4b5563;margin:0 0 14px}
.ck-card{border:1px solid #e5e7eb;border-radius:12px;padding:14px;margin-top:12px;background:#fff}
.ck-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ck-card h3{margin:0;font-size:16px}
.ck-card-txt{margin:8px 0 0;color:#6b7280;font-size:14px}
.ck-pill{font-size:12px;padding:4px 8px;border-radius:999px}
.ck-pill-on{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}

/* switch */
.ck-switch{position:relative;width:46px;height:26px;display:inline-block}
.ck-switch input{display:none}
.ck-switch span{position:absolute;inset:0;background:#e5e7eb;border-radius:999px;transition:background .2s}
.ck-switch span:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:transform .2s}
.ck-switch input:checked + span{background:#10b981}
.ck-switch input:checked + span:after{transform:translateX(20px)}

.ck-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}
.ck-btn{border:0;border-radius:10px;padding:10px 14px;cursor:pointer;font-weight:600}
.ck-btn-refuse{background:#e11d48;color:#fff}
.ck-btn-accept{background:#10b981;color:#0b2d1e}
.ck-btn-save{background:#111827;color:#fff}
.ck-links{margin-top:10px;font-size:12px;color:#6b7280}
.ck-links a{color:#2563eb;text-decoration:underline}

/* Force le centrage malgré d'autres styles */
#cookie-center.ck-overlay{
  position:fixed;
  inset:0 !important;
  z-index:10000 !important;
  display:grid;
  place-items:center !important;
  padding:16px !important;
}
#cookie-center .ck-panel{
  margin:0 !important;      /* évite un margin auto chelou */
  max-width:720px !important;
  width:100% !important;
}

.ck-intro-list {
  margin: 12px 0 16px 0;
  padding-left: 1.2em;   /* léger retrait */
  list-style: none;      /* on vire les puces classiques */
}

.ck-intro-list li {
  color: #374151;        /* gris foncé lisible */
  font-size: 15px;
  line-height: 1.5;
  margin: 6px 0;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.ck-intro-list li::before {
  content: attr(data-icon);   /* on peut gérer les emojis via attribut */
  font-size: 18px;
  flex-shrink: 0;
}

/* Nettoyage des listes */
#cookie-banner ul {
  list-style: none;
  padding: 0;
  margin: 8px 0;
}
#cookie-banner li {
  margin: 6px 0;
  display: flex;
  align-items: center;
  gap: 6px;
}

/* Zone boutons */
#cookie-banner .btn-group {
  display: flex;
  gap: 10px;
  margin-left: auto;
}

/* Zone boutons */
.ck-actions {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  margin-top: 18px;
}

/* Style commun */
.ck-btn {
  appearance: none;
  border: 0;
  border-radius: 8px;
  padding: 10px 18px;
  font-size: 15px;
  cursor: pointer;
  transition: background .2s ease, transform .1s ease;
}

/* Bouton accepter (vert, mis en avant) */
.ck-btn-accept {
  background: #10b981;  /* vert émeraude */
  color: #fff;
  font-weight: 700;
}
.ck-btn-accept:hover {
  background: #0ea271;
  transform: scale(1.05);
}

/* Bouton refuser (gris clair, discret) */
.ck-btn-refuse {
  background: #f3f4f6;  /* gris très pâle */
  color: #374151;       /* gris foncé pour le texte */
  border: 1px solid #e5e7eb;
}
.ck-btn-refuse:hover {
  background: #e5e7eb;
}

/* Bouton enregistrer (gris moyen) */
.ck-btn-save {
  background: #e5e7eb;
  color: #374151;
  border: 1px solid #d1d5db;
}
.ck-btn-save:hover {
  background: #d1d5db;
}

/* Conteneur */
.banner-actions {
  display: flex;
  gap: 8px;
  margin-left: auto;
}

/* Style commun */
.banner-btn {
  appearance: none;
  border: 0;
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 14px;
  cursor: pointer;
  transition: background .2s ease, transform .1s ease;
}

/* Bouton principal (Tout accepter) */
.banner-btn-accept {
  background: #10b981;   /* vert émeraude */
  color: #fff;
  font-weight: 700;
}
.banner-btn-accept:hover {
  background: #0ea271;
  transform: scale(1.05);
}

/* Bouton discret (Tout refuser) */
.banner-btn-refuse {
  background: #f3f4f6;   /* gris très clair */
  color: #374151;        /* gris foncé */
  border: 1px solid #e5e7eb;
}
.banner-btn-refuse:hover {
  background: #e5e7eb;
}

/* Bouton neutre (Personnaliser) */
.banner-btn-customize {
  background: #e5e7eb;
  color: #374151;
  border: 1px solid #d1d5db;
}
.banner-btn-customize:hover {
  background: #d1d5db;
}

/*Accueil*/
.ck-toast{
  position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%);
  background:#111827; color:#fff; padding:10px 14px; border-radius:10px;
  box-shadow:0 10px 30px rgba(0,0,0,.35); z-index: 11000; font-size:14px
}
/*Accueil*/