/* style.css del sito www.betlink4.com (22/09/2026): foglio di stile unico per la home (index.html/megapari.html) e le 178 pagine
   per nazione; era inline in ogni pagina. Contiene le regole delle pagine per nazione (che comprendono tutte quelle della home)
   (la classe .cc sul div .apps distingue le pagine per nazione). Tendina Bookmakers della home sostituita dalla tendina Countries il 22/09. */
:root{--blue:#1a5da8;--blue-d:#12467f;--navy:#0b2a52;--sky:#2b7bd6;--green:#58b630;--green-d:#46961f;--line:#d6dfea;--bg:#f1f5fa;--ink:#172033;--mute:#5b6b82}
*{box-sizing:border-box}
body{margin:0;background:#dfe6ef;font-family:-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);line-height:1.45}
:focus-visible{outline:3px solid var(--green);outline-offset:2px}
.phone{max-width:520px;margin:0 auto;background:#fff;min-height:100vh;padding-bottom:96px;box-shadow:0 0 40px rgba(11,42,82,.15)}
.top{position:sticky;top:0;z-index:5;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:12px 18px}
.brand{font-weight:900;font-size:26px;color:#fff;text-decoration:none;letter-spacing:-.5px}
.pill{border:1.5px solid #fff;color:#fff;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:700;text-decoration:none}
.hero{background:linear-gradient(160deg,var(--blue) 0%,var(--blue-d) 100%);color:#fff;padding:26px 20px 28px}
.hero h1{font-size:28px;line-height:1.15;margin:0 0 10px;letter-spacing:-.5px}
.hero p{margin:0 0 18px;color:#dbe7f7;font-size:15px}
.bonus-line{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.14);border-radius:10px;padding:12px 14px;margin-bottom:10px}
.bonus-line b{font-size:28px;font-weight:900}
.bonus-line span{font-size:14px;color:#e6eefb}
.promo{display:flex;align-items:center;gap:8px;background:#fff;border-radius:10px;padding:6px 6px 6px 14px;color:var(--ink)}
.promo code{flex:1;font-family:inherit;font-weight:800;letter-spacing:2px;color:var(--navy)}
.promo button{background:var(--green);color:#fff;border:0;border-radius:8px;padding:10px 14px;font-weight:700;font-family:inherit;font-size:14px;cursor:pointer}
.facts{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;padding:14px 8px;border-bottom:1px solid var(--line)}
.facts b{display:block;color:var(--blue);font-size:19px}
.facts span{font-size:11px;color:var(--mute)}
.acc{border-bottom:1px solid var(--line)}
.acc summary{list-style:none;display:flex;align-items:center;padding:16px 20px;font-weight:700;font-size:17px;color:var(--navy);cursor:pointer}
.acc summary::-webkit-details-marker{display:none}
.acc summary small{font-weight:500;color:var(--mute);font-size:13px;margin-left:auto;margin-right:12px}
.acc summary::after{content:"";width:9px;height:9px;border-right:2px solid var(--blue);border-bottom:2px solid var(--blue);transform:rotate(45deg);transition:transform .2s;flex:none}
.acc[open] summary::after{transform:rotate(-135deg)}
.acc-body{padding:0 20px 20px}
.search{width:100%;font:inherit;padding:11px 12px;border:1px solid #b8c7da;border-radius:10px;margin-bottom:10px;font-size:15px}
.plain{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.plain.scroll{max-height:280px;overflow:auto}
.plain li{padding:10px 12px;border-bottom:1px solid var(--bg);font-size:15px}
.plain li:last-child{border-bottom:0}
.plain li small{color:var(--mute);font-size:12px;margin-left:6px}
.plain li.extra{display:none}
.plain.is-open li.extra{display:block}
.cur{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.cur span{border:1px solid var(--line);border-radius:10px;padding:8px 6px;font-size:12px;text-align:center;color:var(--mute);line-height:1.3}
.cur span b{display:block;color:var(--blue);font-size:15px}
.cur span.extra{display:none}
.cur.is-open span.extra{display:block}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{padding:8px 13px;border:1px solid var(--line);border-radius:999px;font-size:14px}
.chip.extra{display:none}
.chips.is-open .chip.extra{display:inline-block}
.more-row{margin-top:14px;display:flex;align-items:center;gap:12px}
.more{background:#fff;color:var(--blue);border:2px solid var(--blue);border-radius:10px;padding:10px 18px;font:inherit;font-weight:700;cursor:pointer}
.more:hover{background:var(--blue);color:#fff}
.more-row small{color:var(--mute);font-size:13px}
.ct{list-style:none;margin:0;padding:0}
.ct li{display:flex;flex-direction:column;padding:12px 0;border-bottom:1px solid var(--bg)}
.ct li span{font-size:12px;color:var(--mute)}
.ct li a{color:var(--blue);font-weight:700;text-decoration:none;font-size:16px;word-break:break-all}
.note{padding:20px;font-size:12px;color:var(--mute);margin:0}
.bottom{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:520px;background:#fff;border-top:1px solid var(--line);display:flex;gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));z-index:5}
.btn{flex:1;display:inline-flex;align-items:center;justify-content:center;padding:15px;border-radius:12px;font-weight:700;text-decoration:none;font-size:16px;border:2px solid transparent}
.btn-site{background:var(--green);color:#fff;border-color:var(--green)}
.btn-mirror{background:#fff;color:var(--blue);border-color:var(--blue)}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.top{justify-content:flex-start;gap:10px;padding:10px 14px}
.brand{margin-right:auto}
.cc summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:5px;border:1.5px solid #fff;border-radius:999px;padding:6px 9px;color:#fff}
.cc summary::-webkit-details-marker{display:none}
.cc summary::after{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translate(-1px,-1px)}
.cc[open] summary{background:#fff;color:var(--blue)}
.cc-menu{position:absolute;left:14px;right:14px;top:100%;background:#fff;color:var(--ink);border-radius:12px;box-shadow:0 14px 34px rgba(11,42,82,.3);padding:6px;z-index:6}
.cc-menu h2{margin:6px 10px 4px;font-size:12px;font-weight:400;color:var(--mute)}
.cc-menu a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;text-decoration:none;color:var(--ink);font-size:15px}
.cc-menu a:hover{background:var(--bg)}
.cc-menu .flag{font-size:20px;line-height:1}
.cc-menu b{color:var(--blue);min-width:28px}
.cc-menu .cn{flex:1}
.cc-menu small{color:var(--mute);font-size:12px}
.pills{display:flex}
.pills .pill{border-radius:0;padding:7px 11px;font-size:13px}
.pills .pill:first-child{border-radius:999px 0 0 999px}
.pills .pill:last-child{border-radius:0 999px 999px 0;border-left:0}
.crumb{background:var(--navy);color:#8fa6c4;font-size:13px;padding:9px 16px;display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:auto}
.crumb a{color:#fff;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:5px}
.crumb a:hover{text-decoration:underline}
.crumb b{color:#dbe7f7;font-weight:600}
/* Palette neutra: bianco, nero, grigi */
:root{--blue:#111;--blue-d:#000;--navy:#000;--sky:#333;--green:#111;--green-d:#000;--line:#dcdcdc;--bg:#f3f3f3;--ink:#111;--mute:#666}
body{background:#e9e9e9}
.phone{box-shadow:0 0 40px rgba(0,0,0,.12)}
.crumb{background:#000;color:#9a9a9a}
.crumb b{color:#e5e5e5}
.top{background:#111}
.cc summary,.pills .pill,.pills .pill:first-child,.pills .pill:last-child{border-radius:0}
.cc-menu{border-radius:4px;box-shadow:0 14px 34px rgba(0,0,0,.28)}
.hero{background:#fff;color:#111;border-bottom:1px solid var(--line)}
.hero p{color:#555}
.bonus-line{background:#f3f3f3;border-radius:4px}
.bonus-line span{color:#444}
.promo{border:1.5px solid #111;border-radius:4px}
.promo button,.more,.search,.plain,.cur span,.chip,.bottom .btn{border-radius:4px}
.search{border-color:#bbb}
.acc summary .ico{font-size:20px;line-height:1;margin-right:10px}
/* Mirror 1 e Mirror 2 separati */
.pills{gap:8px}
.pills .pill:last-child{border-left:1.5px solid #fff}
/* Titolo + icone app */
.titlebar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.hero h1{margin:0}
.apps{display:flex;gap:6px;flex:none}
.app{display:flex;flex-direction:column;align-items:center;gap:4px;width:56px;padding:4px 2px;color:#111;text-decoration:none;font-size:11px;font-weight:700;line-height:1}
.app svg{width:26px;height:26px}
.app.off{color:#c4c4c4}
.apps.cc{gap:0}
.apps.cc .app{width:44px}
.apps.cc .app:first-child{width:38px}
/* Pagine per nazione: valuta e Paese accettati, icona con spunta verde in basso a destra */
.app .ok{position:relative;display:inline-block;width:26px;height:26px}
.app .ok svg{display:block;width:26px;height:26px}
.app .ok::after{content:"";position:absolute;right:-7px;bottom:-4px;width:14px;height:14px;border-radius:50%;border:2px solid #fff;background:#22a447 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'><path d='M3.3 7.3l2.4 2.4 5-5.2' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center/11px}
.app .ok.no::after{background:#d62828 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'><path d='M4 4l6 6M10 4l-6 6' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'/></svg>") no-repeat center/11px}
/* Menu Countries nella barra in alto */
.crumb{justify-content:space-between;gap:12px;overflow:visible}
.path{display:flex;align-items:center;gap:8px;min-width:0;overflow:auto}
.bksel{display:flex;align-items:center;gap:6px;flex:none;color:#fff;font-weight:600}
.bksel select{appearance:none;-webkit-appearance:none;font:inherit;font-size:13px;color:#111;padding:4px 24px 4px 9px;border:1px solid #8a8a8a;border-radius:4px;cursor:pointer;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='14' viewBox='0 0 10 14'><path d='M2 5l3-3 3 3M2 9l3 3 3-3' fill='none' stroke='%23111' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat right 7px center,linear-gradient(#fbfbfb,#d6d6d6)}
/* Separatore sottile tra i siti nazionali nel menu */
.cc-menu a{border-radius:0}
.cc-menu li+li{border-top:1px solid #e3e3e3}
.cc-menu ul{list-style:none;margin:0;padding:0;max-height:55vh;overflow:auto}
.cc-menu input{width:100%;font:inherit;font-size:15px;font-weight:400;padding:9px 10px;border:1px solid #bbb;border-radius:4px;margin:0 0 6px;box-sizing:border-box}
/* Menu Countries: tendina nostra */
.crumb{position:relative;z-index:7}
.bk summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;font-size:13px;font-weight:600;color:#111;padding:4px 24px 4px 9px;border:1px solid #8a8a8a;border-radius:4px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='14' viewBox='0 0 10 14'><path d='M2 5l3-3 3 3M2 9l3 3 3-3' fill='none' stroke='%23111' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat right 7px center,linear-gradient(#fbfbfb,#d6d6d6)}
.bk summary::-webkit-details-marker{display:none}
.bk-menu{position:absolute;left:14px;right:14px;top:calc(100% + 6px);background:#fff;color:#111;border-radius:4px;box-shadow:0 14px 34px rgba(0,0,0,.28);padding:8px;z-index:8;white-space:normal}
.bk-menu p{margin:4px 8px 6px;font-size:12px;color:#666;font-weight:400}
.bk-menu input{width:100%;font:inherit;font-size:15px;font-weight:400;padding:9px 10px;border:1px solid #bbb;border-radius:4px;margin-bottom:6px}
.bk-menu ul{list-style:none;margin:0;padding:0;max-height:55vh;overflow:auto}
.bk-menu li+li{border-top:1px solid #e3e3e3}
.bk-menu a{display:block;padding:10px 8px;color:#111;text-decoration:none;font-size:15px;font-weight:400}
.bk-menu a:hover{background:#f3f3f3;text-decoration:none}
.bk-menu .now a{font-weight:700}
/* Barra Sites like */
.like{border-top:1px solid var(--line);padding-bottom:20px}
.like-bar{background:#111;color:#fff;display:flex;align-items:center;padding:13px 20px;font-weight:700;font-size:17px}
.like-bar .ico{font-size:20px;line-height:1;margin-right:10px}
.like-bar small{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 7px;box-sizing:border-box;border:1.5px solid #fff;border-radius:999px;font-weight:600;font-size:13px;color:#fff}
.likelist{margin:14px 20px 0;border-radius:4px}
.likelist a{display:flex;align-items:center;justify-content:space-between;padding:12px 12px;color:#111;text-decoration:none;font-weight:600;font-size:15px}
.likelist a span{color:#999;font-size:20px;line-height:1}
.likelist a:hover{background:var(--bg)}
.like .more-row{padding:0 20px}
/* Sites like: solo linee, niente riquadro */
.likelist{border:0;border-radius:0;margin:0;padding:0 20px}
.likelist li{border-bottom:1px solid #e3e3e3}
.likelist a{padding:14px 0}
.likelist a:hover{background:transparent}
.like .more-row{margin-top:16px}
/* Linea sottile sopra la nota 18+ */
hr.sep{border:0;border-top:1px solid #e3e3e3;margin:0 20px}
/* Medaglie nella lista Sites like */
.likelist a{justify-content:flex-start}
.likelist a>span:last-child{margin-left:auto}
.likelist .medal{display:inline-block;width:24px;text-align:center;font-size:20px;line-height:1;margin-right:12px;color:inherit}
/* Barre Review e Signup: H2 nero come la barra Sites like (dal checkpoint 5 di 1xBet) */
.review,.signup{border-top:1px solid var(--line)}
.review h2,.signup h2{margin:0}
.review-body,.signup-body{padding:16px 20px 4px;font-size:15px;color:#333}
.review-body p,.signup-body p{margin:0 0 12px}
.signup-body{padding-bottom:20px}
.signup-body ol{margin:0 0 14px;padding-left:22px}
.signup-body li{margin-bottom:6px}
.shot{display:block;max-width:400px;margin:0 auto 16px;border:1px solid var(--line)}
.shot img{display:block;width:100%;height:auto}
.signup .btn{display:flex;border-radius:4px}
/* Sezione Bonus: H2 nero, banner, H3 per ogni offerta */
.bonus{border-top:1px solid var(--line)}
.bonus h2{margin:0}
.bonus-body{padding:16px 20px 20px;font-size:15px;color:#333}
.bonus-body p{margin:0 0 12px}
.bonus-body p a{color:#111;font-weight:600}
.bonus-body h3{margin:18px 0 6px;font-size:16px;font-weight:700;color:#111}
.bonus-body ul{margin:0 0 12px;padding-left:22px}
.bonus-body li{margin-bottom:6px}
.bonus-banner{display:block;margin:4px -12px 16px}
.bonus-banner svg{display:block;width:100%;height:auto}
.bonus .btn{display:flex;border-radius:4px;margin-top:16px}
/* Sezione APP Download: H2 nero e riquadro nero con il link alla pagina mobile */
.appdl{border-top:1px solid var(--line)}
.appdl h2{margin:0}
.appdl-body{padding:16px 20px 20px;font-size:15px;color:#333}
.appdl-body p{margin:0 0 12px}
.app-link{display:flex;align-items:center;gap:14px;margin:0 0 14px;padding:14px 16px;background:#111;color:#fff;border-radius:4px;text-decoration:none}
.app-link:hover{background:#000}
.app-link .os{display:flex;gap:8px;flex:none}
.app-link .os span{display:inline-flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:700;line-height:1}
.app-link .os svg{width:26px;height:26px}
.app-link .url{flex:1;min-width:0;font-weight:700;font-size:17px}
.app-link .url small{display:block;font-weight:600;font-size:12px;color:#bdbdbd;margin-bottom:4px}
.app-link .arrow{flex:none;font-size:26px;line-height:1;color:#bdbdbd}
/* Menu Countries: bandiera e nome del Paese */
/* Lingue come bandiere */
.chip.flag{display:inline-flex;align-items:center;gap:4px;font-size:24px;line-height:1;padding:5px 8px}
.chip.flag.extra{display:none}
.chips.is-open .chip.flag.extra{display:inline-flex}
/* Box promo: etichetta a linguetta e testo in stile macchina da scrivere */
.hero .promo{position:relative;margin-top:16px;padding:14px 6px 10px 14px;overflow:visible}
.promo-tag{position:absolute;top:-13px;left:12px;background:#111;color:#fff;font-size:13px;font-weight:700;line-height:1.2;padding:4px 14px;border-radius:999px}
.promo code{font-family:"Courier New",Courier,monospace;font-weight:700;letter-spacing:1px;font-size:17px}
.like-bar{margin:0}
.alt summary.like-bar{list-style:none;cursor:pointer;border-bottom:1px solid #3a3a3a}
.alt summary.like-bar::-webkit-details-marker{display:none}
.alt summary.like-bar h2{display:flex;align-items:center;margin:0;font-size:inherit;font-weight:inherit;color:inherit}
.alt summary.like-bar::after{content:"";width:26px;height:26px;margin-left:auto;box-sizing:border-box;border:1.5px solid #fff;border-radius:999px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px 16px no-repeat;transform:rotate(0);transition:transform .2s;flex:none}
.alt[open] summary.like-bar::after{transform:rotate(180deg)}
.alt .altlist{padding-bottom:6px}
.alt-banner{display:block;margin:10px 8px 0}
.alt-banner svg{display:block;width:100%;height:auto}
.alt p{margin:0;padding:12px 20px 0;font-size:14px;line-height:1.5;color:#444}
.alt h3{margin:0;padding:16px 20px 0;font-size:16px;font-weight:700;color:#111}
.alt h3+p{padding-top:6px}
.altlist{list-style:none;margin:6px 0 0;padding:0 20px}
.altlist li{padding:12px 0;border-bottom:1px solid #e3e3e3}
.altlist a{display:flex;align-items:baseline;gap:8px;color:#111;text-decoration:none;font-size:16px}
.altlist a b{font-size:18px;font-weight:800;white-space:nowrap}
.altlist .sep{color:#999}
.altlist .host{font-weight:600;word-break:break-all}
.altlist small{display:block;margin-top:3px;font-size:13px;color:#666}
.pill{white-space:nowrap}
.brand{white-space:nowrap}
.brand.long{font-size:20px;letter-spacing:-.3px}
.brand.xlong{font-size:17px;letter-spacing:0}
/* Bandiera del Paese della pagina accanto al brand */
.brand-flag{font-size:22px;font-weight:400;letter-spacing:0;vertical-align:-1px}
.hero h1.long{font-size:24px}
/* ---- desktop: da 900px in su la colonna si allarga; la versione mobile non cambia ---- */
@media(min-width:900px){
  .phone{max-width:860px;box-shadow:none;border-left:1px solid var(--line);border-right:1px solid var(--line)}
  .bottom{max-width:860px}
  .hero{padding:32px 32px 30px}
  .hero h1{font-size:34px}
  .acc summary{padding-left:32px;padding-right:32px}
  .acc-body{padding:0 32px 24px}
  .facts{padding:18px 16px}
  .facts b{font-size:22px}
  .plain.scroll{max-height:380px}
  #ul-paesi{display:grid;grid-template-columns:1fr 1fr}
  #ul-paesi li{border-right:1px solid var(--bg)}
  #ul-paesi li:nth-child(2n){border-right:0}
  .cur{grid-template-columns:repeat(5,1fr)}
  #list-pay{display:grid;grid-template-columns:1fr 1fr}
  #list-pay li{border-right:1px solid var(--bg)}
  #list-pay li:nth-child(2n){border-right:0}
  #list-pay.is-open li.extra{display:block}
  .ct{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}
  .like-bar{padding-left:32px;padding-right:32px}
  .like .more-row{padding:0 32px}
  .likelist li{padding:0 32px}
  .review-body{padding-left:32px;padding-right:32px}
  .signup-body{padding:20px 32px 28px;display:grid;grid-template-columns:1fr 300px;grid-template-areas:"text shot" "btn shot";column-gap:32px;align-items:start}
  .signup-text{grid-area:text}
  .shot{grid-area:shot;margin:0}
  .signup .btn{grid-area:btn;justify-self:start;display:inline-flex;padding:15px 32px}
  .bonus-body{padding:20px 32px 28px}
  .bonus-banner{margin:6px -16px 20px}
  .bonus .btn{display:inline-flex;padding:15px 32px}
  .appdl-body{padding:20px 32px 28px}
  .app-link{padding:18px 24px}
  .app-link .url{font-size:20px}
  .alt-banner{margin:12px 16px 0}
  .alt p{padding:14px 32px 0}
  .alt h3{padding:18px 32px 0}
  .altlist{padding:0 32px}
  .cc-menu{left:auto;right:32px;width:420px}
  .cc-menu ul{max-height:60vh}
  .bk-menu{left:auto;right:14px;width:360px}
  .foot,.note{padding-left:32px;padding-right:32px}
}