/* Le bandeau cookies — une seule définition.
 *
 * Il était écrit deux fois, et servi trois fois : `app_theme.css` et
 * `style.css` en tenaient chacun une version, qui avaient dérivé, et
 * `base_nostyle.html` l'incluait sans feuille du tout. Celle-ci est la seule.
 *
 * Aux couleurs de la marque (25 septembre) : il était resté sur le crème
 * #fff7ed de l'ancienne. Carte blanche, texte ardoise, marine pour ce qui
 * agit - et les deux réponses identiques, refuser n'étant pas rendu moins
 * visible qu'accepter (CNIL). Le z-index le plus haut : un bandeau de
 * consentement doit passer devant tout ce qui pourrait le cacher.
 */

.cookie-banner {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 10000;
  width: min(440px, calc(100vw - 32px));
  background: #ffffff;
  color: #334155;
  border: 1px solid #e3e7ee;
  border-radius: 16px;
  box-shadow: 0 18px 44px rgba(15, 39, 80, 0.16);
  padding: 1.1rem 1.25rem 1.2rem;
  font: 400 0.86rem/1.5 "IBM Plex Sans", "Inter", system-ui, sans-serif;
}

.cookie-banner[hidden] { display: none; }

.cookie-banner .cookie-banner__title {
  margin: 0 0 0.3rem;
  font-size: 0.92rem;
  font-weight: 600;
  color: #17356b;
}

.cookie-banner .cookie-banner__text { margin: 0; color: #334155; }

.cookie-banner .cookie-banner__link {
  color: #17356b;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.cookie-banner .cookie-banner__link:hover { color: #0f2750; }

.cookie-banner .cookie-banner__actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.6rem;
  margin-top: 0.95rem;
}

.cookie-banner .cookie-btn {
  min-height: 40px;
  padding: 0.5rem 1rem;
  border: 1px solid #17356b;
  border-radius: 999px;
  background: #17356b;
  color: #ffffff;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease;
}

.cookie-banner .cookie-btn:hover { background: #0f2750; border-color: #0f2750; }

.cookie-banner .cookie-btn:focus-visible {
  outline: 3px solid rgba(23, 53, 107, 0.3);
  outline-offset: 2px;
}

@media (max-width: 575.98px) {
  .cookie-banner { right: 16px; left: 16px; bottom: 16px; width: auto; }
}