/* ============================================================
   Bandeau cookies — habillage Bellevue
   Le bandeau vient du script partagé Softbird (cookie-consent-softbird),
   chargé à une version FIGÉE dans les pages : ses noms de classes ne
   peuvent donc pas changer sous nos pieds. Ce fichier ne touche qu'à
   l'apparence (crème, or, encre, courbes V3, polices du site).
   Le script injecte son propre <style> APRÈS ce fichier : chaque règle
   est préfixée par « html » pour passer devant.
   ============================================================ */
:root {
  --cc-cream: #fdfeee;
  --cc-cream-2: #f7f0d8;
  --cc-gold: #c48a2d;
  --cc-gold-deep: #a06e15;
  --cc-ink: #4a3312;
  --cc-line: rgba(196, 138, 45, .28);
  --cc-shadow: 0 2px 6px rgba(74, 51, 18, .06), 0 18px 44px rgba(74, 51, 18, .16);
}

/* ---------- Bandeau ---------- */
html #cc-banner {
  background: var(--cc-cream);
  border: 1px solid var(--cc-line);
  border-radius: 24px;
  box-shadow: var(--cc-shadow);
  padding: 1.25rem 1.5rem .9rem;
  font-family: Lato, sans-serif;
  color: var(--cc-ink);
}
html #cc-banner .cc-bt strong {
  font-family: var(--_miramont---heading, Greatvibes, cursive);
  font-weight: 400;
  font-size: 1.75rem;
  line-height: 1.1;
  color: var(--cc-gold);
  margin-bottom: .35rem;
}
html #cc-banner .cc-bt p {
  font-size: .9rem;
  line-height: 1.55;
  color: var(--cc-ink);
}
html #cc-banner .cc-bt a,
html #cc-modal .cc-sub a {
  color: var(--cc-gold-deep);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* ---------- Boutons (bandeau + fenêtre) : pastilles V3 ---------- */
html #cc-banner .cc-btn,
html #cc-modal .cc-btn {
  font-family: Lato, sans-serif;
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: .04em;
  border-radius: 999px;
  padding: .7rem 1.15rem;
  background: transparent;
  color: var(--cc-ink);
  border: 1.5px solid var(--cc-line);
  transition: background .2s ease, border-color .2s ease, color .2s ease;
}
html #cc-banner .cc-btn:hover,
html #cc-modal .cc-btn:hover {
  opacity: 1;
  border-color: var(--cc-gold);
  background: rgba(196, 138, 45, .08);
}
html #cc-banner .cc-btn-primary,
html #cc-modal .cc-btn-primary {
  background: var(--cc-gold);
  border-color: var(--cc-gold);
  color: #fff;
}
html #cc-banner .cc-btn-primary:hover,
html #cc-modal .cc-btn-primary:hover {
  background: var(--cc-gold-deep);
  border-color: var(--cc-gold-deep);
  color: #fff;
}
html #cc-banner .cc-btn:focus-visible,
html #cc-modal .cc-btn:focus-visible {
  outline: 2px solid var(--cc-ink);
  outline-offset: 2px;
}

/* ---------- Badge « Softbird » ---------- */
html #cc-banner .cc-pb,
html #cc-modal .cc-pb {
  background: transparent;
  border-color: var(--cc-line);
  border-radius: 999px;
}
html #cc-banner .cc-pb-by,
html #cc-modal .cc-pb-by { color: rgba(74, 51, 18, .45); }
html #cc-banner .cc-pb-name,
html #cc-modal .cc-pb-name { color: rgba(74, 51, 18, .7); }

/* ---------- Fenêtre « Gérer les préférences » ---------- */
html #cc-overlay { background: rgba(43, 29, 8, .45); }
html #cc-modal {
  background: var(--cc-cream);
  border: 1px solid var(--cc-line);
  border-radius: 28px;
  box-shadow: var(--cc-shadow);
  font-family: Lato, sans-serif;
  color: var(--cc-ink);
}
html #cc-modal h2 {
  font-family: var(--_miramont---heading, Greatvibes, cursive);
  font-weight: 400;
  font-size: 2.1rem;
  line-height: 1.1;
  color: var(--cc-gold);
  margin-bottom: .5rem;
}
html #cc-modal .cc-sub { color: var(--cc-ink); font-size: .9rem; }
html #cc-modal .cc-row { border-top-color: var(--cc-line); }
html #cc-modal .cc-ri strong { color: var(--cc-ink); font-size: .9rem; }
html #cc-modal .cc-ri span { color: rgba(74, 51, 18, .72); font-size: .82rem; }
html #cc-modal .cc-modal-foot { border-top-color: var(--cc-line); }
/* « Enregistrer mes préférences » débordait : il passe sur sa propre ligne */
html #cc-modal .cc-mba .cc-btn { white-space: normal; line-height: 1.2; }
html #cc-modal .cc-mba .cc-btn-primary { flex-basis: 100%; }

/* interrupteurs */
html #cc-modal .cc-trk { background: #e6dcc0; }
html #cc-modal .cc-tgl input:checked + .cc-trk { background: var(--cc-gold); }
html #cc-modal .cc-tgl input:disabled + .cc-trk { background: #d3c08f; }
html #cc-modal .cc-tgl input:focus-visible + .cc-trk { outline: 2px solid var(--cc-ink); outline-offset: 2px; }

/* ---------- Mobile ---------- */
@media (max-width: 500px) {
  html #cc-banner { padding: 1.1rem 1.1rem .8rem; border-radius: 20px; }
  html #cc-banner .cc-bt strong { font-size: 1.55rem; }
  /* trois boutons de même taille : refuser doit rester aussi simple qu'accepter (CNIL) */
  html #cc-banner .cc-ba { flex-direction: column; gap: .45rem; }
  html #cc-modal { padding: 1.6rem 1.25rem 1rem; border-radius: 22px; }
}