/* =========================================================================
   cookie-consent.css — meilleurscasinos.net
   Stile del banner di js/cookie-consent.js (classi .cc-).
   «Accepter» e «Refuser» hanno la stessa forma, la stessa misura e la
   stessa evidenza: un rifiuto che costa più di un'accettazione non è un
   consenso libero. Bersagli alti 44 px.
   ========================================================================= */

.cc-banner{
  position:fixed;left:0;right:0;bottom:0;
  z-index:1000;                       /* sopra la finestra dei termini, che sta a 900 */
  display:flex;flex-wrap:wrap;gap:12px 20px;
  align-items:center;justify-content:center;
  padding:16px;
  background:#231f20;
  color:#fff;
  font-size:14px;line-height:1.55;
  border-top:3px solid #6600cc;
  box-shadow:0 -8px 30px rgba(0,0,0,.32);
}
/* il colore anche sul paragrafo: un tema che colora `p` lo scriverebbe
   scuro sul fondo scuro */
.cc-banner .cc-text{margin:0;max-width:760px;color:#fff;font-size:14px;line-height:1.55}
.cc-banner a{color:#e8d1ff;text-decoration:underline}
.cc-banner .cc-btns{display:flex;gap:10px;flex-shrink:0}
.cc-banner .cc-btn{
  min-height:44px;min-width:122px;
  padding:9px 20px;
  border:2px solid #fff;border-radius:999px;
  background:#fff;color:#231f20;
  font-weight:700;font-size:14px;
  cursor:pointer;
}
.cc-banner .cc-btn:hover{background:#e9ecf1}
.cc-banner .cc-btn:focus-visible{outline:3px solid #e8d1ff;outline-offset:2px}

@media (max-width:600px){
  .cc-banner{padding:14px}
  .cc-banner .cc-btns{width:100%}
  .cc-banner .cc-btn{flex:1;min-width:0}
}