/* ===================== COOKIE BANNER (autonome) ===================== */
/* Fichier: /assets/css/pas-cookie.css */
/* Aucune dépendance à style-core.css — couleurs & bases intégrées. */

.cookie-banner{
  display:none;
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  background:#003366;           /* bleu foncé */
  color:#ffffff;
  padding:1rem;
  text-align:center;
  z-index:2147483647;           /* au-dessus de tout */
  min-height:80px;
}

.cookie-banner p{
  margin:0;
  display:inline-block;
  font-size:.95rem;
}

.cookie-banner a{
  color:#ffe600;                /* jaune accent */
  text-decoration:underline;
  font-weight:700;
}

.cookie-banner button{
  margin-left:1rem;
  background:#ffe600;
  border:0;
  padding:.5rem 1rem;
  font-weight:700;
  cursor:pointer;
  border-radius:5px;
  color:#003366;
}

/* État visible (contrôlé par JS) */
.cookie-banner.is-visible{
  display:block;
  transform:translateY(0);
}

/* Accessibilité : focus clair si le site n’en définit pas déjà un */
.cookie-banner a:focus-visible,
.cookie-banner button:focus-visible{
  outline:2px solid #ff8c00;
  outline-offset:2px;
  border-radius:6px;
}

/* Petits écrans : pile les éléments si besoin */
@media (max-width:640px){
  .cookie-banner{
    padding:.85rem .75rem;
  }
  .cookie-banner p{
    display:block;
    margin-bottom:.6rem;
  }
  .cookie-banner button{
    margin-left:0;
  }
}