/* Creacom – Bandeau cookies. Couleur principale : --cc-couleur */
#creacom-cookies {
  --cc-couleur: #111111;
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: 16px;
  z-index: 2147483000;
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
  color: #1f2937;
  border-radius: 12px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, .18);
  padding: 10px 20px;
  font: 15px/1.4 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 24px;
  align-items: center;
}
#creacom-cookies[hidden] { display: none; }
#creacom-cookies p { margin: 0; flex: 1 1 480px; }
#creacom-cookies a { color: var(--cc-couleur); text-decoration: underline; }
#creacom-cookies .cc-btns { display: flex; gap: 10px; flex: 0 0 auto; }
#creacom-cookies button {
  cursor: pointer;
  border-radius: 8px;
  padding: 8px 18px;
  font: 600 15px/1 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  border: 2px solid var(--cc-couleur);
  min-width: 110px;
}
#creacom-cookies .cc-ok { background: var(--cc-couleur); color: #fff; }
#creacom-cookies .cc-non { background: #fff; color: var(--cc-couleur); }
#creacom-cookies button:focus-visible { outline: 3px solid #2563eb; outline-offset: 2px; }
@media (max-width: 520px) {
  #creacom-cookies .cc-btns { width: 100%; }
  #creacom-cookies button { flex: 1; }
}