/* =====================================================================
   bonusnopurchaserequired.com — override.css
   Foglio di sovrascrittura del sito, caricato per ultimo su tutte le pagine
   (/css/override.css?v=AAAAMMGG: il valore cambia a ogni aggiornamento).
   I fogli del tema (main.css) e delle schede (casino-card-moderna.css)
   restano come sono: ogni correzione sta qui.
   ===================================================================== */

/* ---------- 1. Variabili ---------- */
:root{
  --c-brand:#dd131d;        /* il rosso del sito (#ee3a43) sulla stessa tinta, più scuro: 5,0:1 con il bianco */
  --c-brand-dark:#b20f18;   /* fondo delle sfumature e passaggio del mouse: 7,1:1 con il bianco */
  --c-ink:#231f20;          /* titoli e testo scuro */
  --c-text-band:#555c66;    /* testo sulla fascia grigia del piè di pagina: 5,8:1 su #ededed */
  --c-focus:#1d4ed8;        /* contorno del fuoco da tastiera */
  --fs-read:16px;           /* testo di lettura, telefono */
  --fs-read-lg:17px;        /* testo di lettura, da 961 px */
  --lh-read:1.65;
  --bnpr-primary:var(--c-brand);
  --bnpr-primary-dark:var(--c-brand-dark);
}

/* ---------- 2. Il rosso del tema dove porta testo (main.css usa #ee3a43, 3,95:1) ---------- */
.header_nav_nav-active,
.nav_list .active a,
.nav_list-item:hover a{
  background-color:var(--c-brand);
  background-image:linear-gradient(to bottom,var(--c-brand),var(--c-brand-dark));
}
.casino-sty > header,
.btn-inverse,
.btn:hover,
.videoWithCont_list-item:before,
.footer_trademark{ background-color:var(--c-brand); }
.text-red,
.sidebar_list .active,
.sidebar_list-item:hover,
.news_list-item h4,
.visitCasino_header h2,
.inform h3,
.videoWithCont h3{ color:var(--c-brand); }

/* ---------- 2b. Testo di lettura: una sola scala su tutto il sito ---------- */
/* main.css lega p, a e span a 1rem, e sul telefono 1rem vale 10 px (html a 10 px sotto i 480 px) */
.left .videoWithCont > p:not([class]),
.left .videoWithCont > div > p:not([class]),
.left .videoWithCont > blockquote p,
.left .videoWithCont > ul:not([class]) > li,
.left .videoWithCont > ol:not([class]) > li{
  font-size:var(--fs-read) !important;
  line-height:var(--lh-read) !important;
}
.left .videoWithCont > p:not([class]) a,
.left .videoWithCont > p:not([class]) span,
.left .videoWithCont > div > p:not([class]) a,
.left .videoWithCont > ul:not([class]) > li a,
.left .videoWithCont > ol:not([class]) > li a{ font-size:inherit; line-height:inherit; }
.left .videoWithCont > h2{ font-size:20px; line-height:1.3; }
.left .videoWithCont > h3{ line-height:1.35; }
@media (min-width:961px){
  .left .videoWithCont > p:not([class]),
  .left .videoWithCont > div > p:not([class]),
  .left .videoWithCont > blockquote p,
  .left .videoWithCont > ul:not([class]) > li,
  .left .videoWithCont > ol:not([class]) > li{
    font-size:var(--fs-read-lg) !important;
    line-height:1.7 !important;
  }
  .left .videoWithCont > h2{ font-size:22px; }
}

/* ---------- 3. Schede bnpr-: i segni di pro e contro ---------- */
/* in casino-card-moderna.css i due caratteri sono arrivati corrotti («¹3», «¹7») */
.bnpr-pros h4:before,
.bnpr-pros li:before{ content:"\2713"; }
.bnpr-cons h4:before,
.bnpr-cons li:before{ content:"\2717"; }

/* ---------- 4. Piè di pagina ---------- */
.footer_trust{ color:var(--c-text-band); }
.footer_trust .footer_markets{ margin:0 0 8px; font-size:inherit; line-height:inherit; }
.footer_trust a{ font-size:inherit; }
.footer_list-item a[data-consent-open]{ cursor:pointer; }

/* ---------- 5. Pagina dei cookie: il pulsante che riapre la scelta ---------- */
.cc-reopen{
  display:inline-block;
  min-height:44px;
  padding:10px 20px;
  margin:4px 0 18px;
  border:0;
  border-radius:5px;
  background:var(--c-brand);
  color:#fff;
  font:bold 15px/1.4 Arial, sans-serif;
  cursor:pointer;
}
.cc-reopen:hover{ background:var(--c-brand-dark); }
.cookie-byline{ font-size:14px; line-height:1.5; color:var(--c-text-band); margin:6px 0 14px; }
.cookie-table{ width:100%; min-width:560px; border-collapse:collapse; margin:0 0 1.2em; font-size:14px; line-height:1.5; }
.cookie-table th,
.cookie-table td{ border:1px solid #e1e1e3; padding:8px 10px; text-align:left; vertical-align:top; }
.cookie-table th{ background:#f6f6f7; color:var(--c-ink); }
.table-scroll{ width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; margin:0 0 1.2em; }
.table-scroll > table{ margin-bottom:0; }

/* ---------- 6. Pagina 404 ---------- */
.page-404 .lead-404{ font-size:16px; line-height:1.65; color:var(--c-ink); }
.page-404 ul{ margin:0 0 1.5em 1.2em; list-style:disc; }
.page-404 li{ margin:0 0 .5em; font-size:16px; line-height:1.5; list-style:disc; }
.page-404 li a{ font-size:inherit; line-height:inherit; color:var(--c-brand); text-decoration:underline; }

/* ---------- 7. Banner del consenso (modello del kit, classi .cc-) ---------- */
.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}
@media only screen and (max-width:480px){
  .cc-banner{padding:10px 12px;font-size:13px;line-height:1.4}
  .cc-banner .cc-btns{width:100%}
  .cc-banner .cc-btn{flex:1 1 0;min-width:0}
}

/* ---------- 8. Accessibilità ---------- */
a:focus-visible,
button:focus-visible,
[tabindex]:focus-visible{
  outline:3px solid var(--c-focus);
  outline-offset:2px;
}
.cc-banner .cc-btn:focus-visible,
.cc-banner a:focus-visible{ outline-color:#ffd24d; }
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
}