/* =========================================================================
   nk-layout-fix.css — bonuswithoutdeposit.com
   Foglio di sovrascrittura del layout, caricato per ultimo. Corregge difetti
   misurati senza toccare il markup: si ritira togliendo una riga.
   ========================================================================= */

/* ---------- 1. Contenitori e sforamenti ---------------------------------- */
/* .container-fluid ha padding 0: la .row figlia diretta non deve uscire di 15 px */
.container-fluid>.row{margin-left:0;margin-right:0}
/* parole lunghe (nomi di dominio, nomi di slot) vanno a capo invece di allargare la pagina */
h1,h2,h3,h4,h5,h6,p,li,td,th,.page-heading{overflow-wrap:break-word;word-wrap:break-word}
/* nessuna immagine del contenuto supera la sua colonna */
.all-slots-single{flex-wrap:wrap}
.all-slots-single img,.sec-content img{max-width:100%;height:auto}
/* le tabelle larghe scorrono nel loro riquadro */
.sec-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}

/* ---------- 2. Contrasto ------------------------------------------------- */
/* pulsante giallo: testo scuro (11,8:1 sul tono piu' chiaro); varianti scure in bianco */
a.btn,a.btn:hover,.btn,.btn:hover{color:#1d1d1d;text-shadow:none}
a.btn.btn-red,a.btn.btn-red:hover,a.btn.btn-grey,a.btn.btn-grey:hover,
.btn.btn-red,.btn.btn-red:hover,.btn.btn-grey,.btn.btn-grey:hover{color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.55)}

/* ---------- 3. Componenti ------------------------------------------------ */
/* nota sotto le condizioni d'offerta delle schede */
.termes-note{display:block;margin-top:.35rem;font-size:.75rem;font-style:italic;opacity:.85}
/* FAQ a casella: la casella resta raggiungibile da tastiera e la domanda mostra il fuoco */
.faq-item{position:relative}
.faq-item input{display:block;position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.faq-item input:focus-visible+.faq-question{outline:3px solid #b8170a;outline-offset:2px}

/* ---------- 4. Accessibilita' di base ------------------------------------ */
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b8170a;outline-offset:2px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* ---------- 5. Banner del consenso (js/cookie-consent.js) ---------------- */
.cc-banner{position:fixed;left:0;right:0;bottom:0;z-index:9999;display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:center;
  padding:14px 16px;background:#1d1d1d;color:#fff;font-size:14px;line-height:1.5;box-shadow:0 -2px 12px rgba(0,0,0,.35)}
.cc-banner .cc-text{margin:0;max-width:760px}
.cc-banner a{color:#ffd24d;text-decoration:underline}
.cc-banner .cc-btns{display:flex;gap:10px}
.cc-banner .cc-btn{min-height:44px;min-width:110px;padding:8px 18px;border:2px solid #fff;border-radius:4px;background:#fff;color:#1d1d1d;font-weight:700;cursor:pointer}
.cc-banner .cc-btn:hover{background:#e9ecf1}

/* Recensioni: un riquadro per ogni mercato */
.market-box h3 { font-size: 1.05rem; margin: 0 0 .35rem; }
.market-box .market-licence { font-size: .9rem; margin: 0 0 .5rem; opacity: .9; }
.market-box p { margin-bottom: 0; }

/* =============================================================
   bonusilmantalletus.com — foglio del sito, caricato per ultimo.
   Prefisso bit-. I valori del sito stanno in :root; i componenti
   non scrivono colori a mano.
   ============================================================= */
:root{
  --bit-rosso:#c4161c;        /* il rosso del marchio, portato a 5,2:1 sul bianco */
  --bit-rosso-scuro:#8e1014;
  --bit-inchiostro:#1d1b1b;
  --bit-grigio:#55514f;       /* la tinta del marchio a saturazione bassissima */
  --bit-linea:#e4e0df;
  --bit-fondo:#faf8f8;
  --bit-ombra:0 2px 10px rgba(29,27,27,.08);
  --bit-raggio:10px;
}

/* il link di salto si vede solo quando prende il fuoco */
/* nascosto con il ritaglio e non con una posizione negativa: left:-9999px allarga
   l'area di scorrimento e fa sforare la pagina sul telefono di 147 px */
.bit-salta{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);
  clip-path:inset(50%);white-space:nowrap;background:var(--bit-inchiostro);color:#fff;
  padding:0;text-decoration:none;font-size:15px;z-index:1000}
.bit-salta:focus{position:absolute;left:8px;top:8px;width:auto;height:auto;overflow:visible;
  clip:auto;clip-path:none;padding:10px 16px}

/* il pavimento tipografico: 14 px per tutto quello che si legge, 16 sulla prosa */
.ed-article p,.ed-article li{font-size:16px;line-height:1.62;color:var(--bit-inchiostro)}
@media(min-width:961px){.ed-article p,.ed-article li{font-size:17px}}
.ed-lead{font-size:18px;line-height:1.55;color:var(--bit-inchiostro)}
.ed-meta,.bit-briciole,.bit-legali,.bit-firma{font-size:14px}
.bit-varoitus,.bit-apu{font-size:14px;line-height:1.55}
.ed-article h1{font-size:30px;line-height:1.18;margin:0 0 14px}
@media(min-width:768px){.ed-article h1{font-size:38px}}
.ed-article h2{font-size:22px;line-height:1.26;margin:30px 0 10px;color:var(--bit-inchiostro)}
@media(min-width:768px){.ed-article h2{font-size:25px}}

/* briciole e firma */
.bit-briciole{margin:0 0 10px;color:var(--bit-grigio)}
.bit-briciole a{color:var(--bit-rosso)}
.ed-meta{color:var(--bit-grigio);border-bottom:1px solid var(--bit-linea);padding-bottom:10px;
  display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.bit-ika-merkki{display:inline-block;background:var(--bit-inchiostro);color:#fff;font-weight:700;
  font-size:13px;line-height:1;padding:5px 9px;border-radius:999px}

/* il riquadro che dichiara l'assenza di link: è una dichiarazione, non una nota a margine */
.ed-nota.bit-nolinkki{background:var(--bit-fondo);border:1px solid var(--bit-linea);
  border-left:4px solid var(--bit-rosso);border-radius:var(--bit-raggio);
  padding:13px 16px;margin:18px 0;font-size:15px;color:var(--bit-inchiostro)}

/* domande frequenti */
.bit-ukk{margin:34px 0 0}
.bit-ukk h2{margin-bottom:12px}
details.ed-faq{border:1px solid var(--bit-linea);border-radius:var(--bit-raggio);margin:0 0 9px;
  background:#fff;box-shadow:var(--bit-ombra)}
details.ed-faq>summary{cursor:pointer;padding:13px 16px;font-weight:700;font-size:16px;
  list-style:none;color:var(--bit-inchiostro)}
details.ed-faq>summary::-webkit-details-marker{display:none}
details.ed-faq>summary::after{content:"+";float:right;color:var(--bit-rosso);font-weight:700}
details.ed-faq[open]>summary::after{content:"–"}
details.ed-faq>summary:focus-visible{outline:3px solid var(--bit-rosso-scuro);outline-offset:2px}
.ed-faq-a{padding:0 16px 14px}
.ed-faq-a p{font-size:15px;margin:0}

/* piè di pagina */
.sec-footer h6{font-size:15px;letter-spacing:.3px;margin-bottom:10px}
.sec-footer ul{list-style:none;padding:0;margin:0}
.sec-footer li{margin:0 0 6px}
.sec-footer a,footer a{color:#fff;text-decoration:underline;font-size:14px}
.bit-apu a{color:#fff}
.bit-firma{opacity:.85}

/* accessibilità */
a:focus-visible,button:focus-visible{outline:3px solid var(--bit-rosso-scuro);outline-offset:2px}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* Le parole composte finlandesi sfondano la colonna sul telefono: «pelirupeamakohtaisesti»
   e «lisenssijärjestelmälle» non stanno in 335 px a 16 px. La sillabazione automatica
   funziona perché la pagina dichiara lang="fi"; il ritorno a capo forzato resta come
   rete di sicurezza per gli indirizzi e per i numeri di licenza. */
.ed-article,.ed-article p,.ed-article li,.ed-article h1,.ed-article h2,.ed-article h3,
.ed-lead,.ed-faq summary,.ed-faq-a p,.bit-varoitus{overflow-wrap:break-word;hyphens:auto}
.ed-article h1,.ed-article h2{hyphens:manual}
@media(max-width:575px){.ed-article h1{font-size:26px}}

/* Un nodo di testo nudo dentro un contenitore flessibile diventa un elemento flessibile
   anonimo che non si restringe, e il paragrafo calcola width:0: la firma di chiusura
   sforava la pagina di 147 px su tutte le larghezze, e nessun elemento risultava fuori
   dal bordo, perché quello che sforava era il testo e non la scatola. Il testo delle
   righe .ed-meta sta in uno <span>, e la firma di chiusura non è flessibile. */
.bit-firma-loppu{display:block;border-bottom:0;border-top:1px solid var(--bit-linea);
  padding:12px 0 0;margin-top:30px}

/* Il pavimento tipografico vale anche per l'etichetta del menu e per il contrassegno
   dell'età: la prima è la strada verso tutte le altre pagine, il secondo è un dato
   che la legge vuole percepibile, e nessuno dei due è un'etichetta decorativa. */
.navbar-toggler{font-size:15px}
.bit-ika-merkki{font-size:14px}
.bit-briciole{margin:0 0 14px;color:var(--bit-grigio);line-height:1.5}
.bit-briciole span[aria-hidden]{margin:0 4px;color:var(--bit-grigio)}  /* il separatore è
   decorativo, ma il controllo del contrasto lo misura come testo: a 1,31:1 non passa,
   e un segno che non si vede non separa niente nemmeno a vista */