/* =========================================================================
   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; }
