/* ohneinzahlung.com — foglio di sovrascrittura del layout, caricato per ultimo su tutte le pagine.
   Parte 1-5: il layout-fix della famiglia B dal kit (bonuswithoutdeposit). Parte 6 in poi: il guscio di questo sito. */

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

/* ---------- 6. Il guscio di ohneinzahlung.com ---------------------------- */
:root{--oe-red:#d81d04;--oe-red-dark:#a21805;--oe-ink:#1d1d1d;--oe-muted:#5a5e66;--oe-line:#e3e5ec;--oe-soft:#f6f7f9}
.skip-link{position:absolute;left:-9999px;top:0;z-index:10000;background:#fff;color:var(--oe-ink);padding:10px 16px;font-size:16px;font-weight:700}
.skip-link:focus{left:10px;top:10px}
header .site-logo img{width:438px;max-width:100%;height:auto}
/* il menu: i titoli delle tendine sono pulsanti, con l'aspetto dei link del tema */
.cont-main-menu .dropdown-toggle{background:none;border:0;padding:0;font:inherit;color:var(--oe-ink);font-weight:bold;font-size:16px;cursor:pointer;transition:all .5s ease-in-out}
.cont-main-menu .dropdown-toggle:hover,.cont-main-menu .dropdown-toggle[aria-expanded="true"]{color:var(--oe-red)}
.cont-main-menu .dropdown-toggle::after{display:inline-block;margin-left:.35em;vertical-align:.2em;content:"";border-top:.32em solid;border-right:.32em solid transparent;border-left:.32em solid transparent}
.cont-main-menu .dropdown-menu{min-width:15rem}
.cont-main-menu .dropdown-menu a{display:block;color:var(--oe-ink)}
.cont-main-menu ul li.active>a,.cont-main-menu ul li.active>.dropdown-toggle{color:var(--oe-red)}
.navbar-toggler{background:none;border:1px solid #d9dce5;border-radius:4px;padding:8px 12px;font-size:15px;line-height:1;cursor:pointer}
.navbar-toggler .burger{display:inline-block;width:18px;height:2px;background:currentColor;position:relative;vertical-align:middle;margin-right:8px}
.navbar-toggler .burger::before,.navbar-toggler .burger::after{content:"";position:absolute;left:0;width:18px;height:2px;background:currentColor}
.navbar-toggler .burger::before{top:-6px}.navbar-toggler .burger::after{top:6px}
@media only screen and (max-width:991px){
  .cont-main-menu ul li a,.cont-main-menu .dropdown-toggle{display:block;width:100%;text-align:left;font-size:15px;padding:10px 10px;border-left:#f1f1f1 5px solid;border-bottom:#f1f1f1 1px solid}
  .cont-main-menu .dropdown-menu a{font-size:15px;padding:10px 10px 10px 22px}
}
/* l'apertura della pagina */
.page-heading{font-size:2.1rem;line-height:1.25}
@media only screen and (max-width:767px){.page-heading{font-size:1.55rem;padding-top:32px;padding-bottom:32px}}
/* il corpo: la scala di lettura (pavimento 14 px, prosa 16-17 px) */
.sec-content .container{max-width:1080px}
.ed-article{font-size:17px;line-height:1.72;color:var(--oe-ink)}
.ed-article .ed-lead{font-size:19px}
.ed-article h2{font-size:1.6em;line-height:1.3}
.ed-article h3{font-size:1.25em;line-height:1.35}
.ed-article a{color:var(--oe-red-dark)}
@media only screen and (max-width:767px){
  .sec-content .container{padding:24px 18px}
  .ed-article{font-size:16px}
  .ed-article .ed-lead{font-size:17px}
}
/* i riquadri: le icone senza Font Awesome */
.ed-callout-title::before{font-family:inherit;font-weight:700;font-size:16px}
.ed-callout--info .ed-callout-title::before{content:"i";display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#005687;color:#fff;font-size:13px}
.ed-callout--risk .ed-callout-title::before{content:"!";display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--oe-red);color:#fff;font-size:14px}
.ed-callout--safe .ed-callout-title::before{content:"\2713";color:#1f7a3d;font-size:18px}
.ed-callout--note .ed-callout-title::before{content:"\00a7";color:#6b6f7a;font-size:18px}
.ed-callout-title{font-size:15px}
.ed-callout p{font-size:16px}
/* la norma citata alla lettera */
.law-quote{margin:0 0 28px;padding:18px 22px;border-left:6px solid #1d1d1d;background:var(--oe-soft);border-radius:8px}
.law-quote blockquote{margin:0 0 8px;font-size:16px;font-style:italic}
.law-quote figcaption{font-size:14px;color:var(--oe-muted)}
.law-quote figcaption a{color:var(--oe-red-dark)}
.ed-article blockquote.quote{margin:0 0 22px;padding:4px 0 4px 18px;border-left:4px solid var(--oe-line);color:#333}
/* le tabelle */
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 28px}
.table-wrap table{display:table;width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}
.table-wrap caption{caption-side:top;text-align:left;font-weight:700;color:var(--oe-ink);padding:0 0 8px;font-size:15px}
.table-wrap th,.table-wrap td{border:1px solid var(--oe-line);padding:9px 12px;vertical-align:top;text-align:left}
.table-wrap thead th{background:#1d1d1d;color:#fff;font-weight:700}
.table-wrap tbody tr:nth-child(even){background:var(--oe-soft)}
/* firma, briciole, trasparenza */
.site-meta{font-size:14px}
.site-meta p{font-size:14px}
.site-breadcrumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.25rem}
.site-breadcrumb li{margin:0}
.site-breadcrumb li+li::before{content:"\203A";margin-right:.35rem;color:var(--oe-muted)}
.disclosure-box p{font-size:15px}
/* il riquadro dei mercati e quello dell'aiuto in fondo all'articolo */
.oe-markets{margin:32px 0 0;padding:16px 20px;border:1px solid var(--oe-line);border-radius:8px;background:var(--oe-soft)}
.oe-markets p{margin:0;font-size:15px;line-height:1.6}
.oe-markets p+p{margin-top:.5rem}
.consent-reopen{margin:0 0 24px}
.consent-reopen .btn-consent{display:inline-block;min-height:44px;padding:10px 18px;border:2px solid var(--oe-ink);border-radius:4px;background:#fff;color:var(--oe-ink);font-weight:700;cursor:pointer}
.consent-reopen .btn-consent:hover{background:var(--oe-soft)}
/* il piè di pagina: niente sotto i 14 px */
.sec-footer{font-size:15px}
.sec-footer h2.footer-title{font-size:15px;text-transform:uppercase;font-weight:800;color:#fff;margin:0 0 14px}
.sec-footer ul li a{opacity:.9;color:#fff}
.sec-footer ul li a:hover{opacity:1;text-decoration:underline}
footer{font-size:14px;line-height:1.65}
footer p{font-size:14px}
footer .rg-line{font-size:15px;font-weight:600;max-width:860px;margin:0 auto 14px}
footer .rg-line img{width:40px;height:40px;margin:0 10px 0 0;vertical-align:middle}
footer a,footer .consent-open{color:#fff;text-decoration:underline}
footer .footer-legal,footer .country-nav{max-width:900px;margin:0 auto 12px}
footer .country-nav ul{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px}
footer .country-nav li{margin:0}
footer .country-nav a[aria-current="page"]{font-weight:800;text-decoration:none}
@media only screen and (max-width:767px){.add-top-pad{padding-top:48px}.add-bot-pad{padding-bottom:48px}}

/* Le figure (15_FIGURE_E_GRAFICI del kit): nome, barra e numero scritti in HTML, una tinta sola; la larghezza
   della barra sta in una classe, perché la politica dei contenuti (style-src 'self') non ammette lo style= in linea */
figure.vis{margin:0 0 28px;max-width:none}
.gr{border:1px solid var(--oe-line);border-radius:8px;padding:16px 18px;background:#fff;box-sizing:border-box;max-width:100%;overflow:hidden}
.gr__asse{font-size:15px;line-height:1.5;font-weight:700;color:var(--oe-ink);margin:0 0 14px}
.gr__riga{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin:0 0 12px;max-width:100%;box-sizing:border-box}
.gr__riga:last-child{margin-bottom:0}
.gr__nome{flex:1 1 100%;font-size:15px;line-height:1.4;color:var(--oe-ink)}
.gr__pista{flex:1 1 auto;min-width:0;height:16px;background:var(--oe-soft);border:1px solid var(--oe-line);border-radius:8px;overflow:hidden}
.gr__barra{display:block;height:100%;background:var(--oe-red-dark)}
.gr__barra--debole{background:#8a8f98}
.gr__cifra{flex:0 0 auto;min-width:4.6em;font-size:15px;font-weight:700;color:var(--oe-ink);white-space:nowrap;text-align:right}
figure.vis figcaption{font-size:14px;line-height:1.55;color:var(--oe-muted);margin-top:10px}
@media (min-width:768px){.gr__nome{flex:0 0 38%;max-width:38%}}
.gr-w-0{width:0}.gr-w-1{width:1%}.gr-w-2{width:2%}.gr-w-3{width:3%}.gr-w-4{width:4%}.gr-w-5{width:5%}.gr-w-6{width:6%}.gr-w-7{width:7%}.gr-w-8{width:8%}.gr-w-9{width:9%}.gr-w-10{width:10%}.gr-w-11{width:11%}.gr-w-12{width:12%}.gr-w-13{width:13%}.gr-w-14{width:14%}.gr-w-15{width:15%}.gr-w-16{width:16%}.gr-w-17{width:17%}.gr-w-18{width:18%}.gr-w-19{width:19%}.gr-w-20{width:20%}.gr-w-21{width:21%}.gr-w-22{width:22%}.gr-w-23{width:23%}.gr-w-24{width:24%}.gr-w-25{width:25%}.gr-w-26{width:26%}.gr-w-27{width:27%}.gr-w-28{width:28%}.gr-w-29{width:29%}.gr-w-30{width:30%}.gr-w-31{width:31%}.gr-w-32{width:32%}.gr-w-33{width:33%}.gr-w-34{width:34%}.gr-w-35{width:35%}.gr-w-36{width:36%}.gr-w-37{width:37%}.gr-w-38{width:38%}.gr-w-39{width:39%}.gr-w-40{width:40%}.gr-w-41{width:41%}.gr-w-42{width:42%}.gr-w-43{width:43%}.gr-w-44{width:44%}.gr-w-45{width:45%}.gr-w-46{width:46%}.gr-w-47{width:47%}.gr-w-48{width:48%}.gr-w-49{width:49%}.gr-w-50{width:50%}.gr-w-51{width:51%}.gr-w-52{width:52%}.gr-w-53{width:53%}.gr-w-54{width:54%}.gr-w-55{width:55%}.gr-w-56{width:56%}.gr-w-57{width:57%}.gr-w-58{width:58%}.gr-w-59{width:59%}.gr-w-60{width:60%}.gr-w-61{width:61%}.gr-w-62{width:62%}.gr-w-63{width:63%}.gr-w-64{width:64%}.gr-w-65{width:65%}.gr-w-66{width:66%}.gr-w-67{width:67%}.gr-w-68{width:68%}.gr-w-69{width:69%}.gr-w-70{width:70%}.gr-w-71{width:71%}.gr-w-72{width:72%}.gr-w-73{width:73%}.gr-w-74{width:74%}.gr-w-75{width:75%}.gr-w-76{width:76%}.gr-w-77{width:77%}.gr-w-78{width:78%}.gr-w-79{width:79%}.gr-w-80{width:80%}.gr-w-81{width:81%}.gr-w-82{width:82%}.gr-w-83{width:83%}.gr-w-84{width:84%}.gr-w-85{width:85%}.gr-w-86{width:86%}.gr-w-87{width:87%}.gr-w-88{width:88%}.gr-w-89{width:89%}.gr-w-90{width:90%}.gr-w-91{width:91%}.gr-w-92{width:92%}.gr-w-93{width:93%}.gr-w-94{width:94%}.gr-w-95{width:95%}.gr-w-96{width:96%}.gr-w-97{width:97%}.gr-w-98{width:98%}.gr-w-99{width:99%}.gr-w-100{width:100%}