/* =============================================================
   sito.css — bonusseohneeinzahlung.com, foglio del sito sopra theme-2026.css (famiglia E del kit).
   Si carica per ultimo. Dentro: la scala di lettura, il menu con le tendine, l'apertura della home
   nella tavolozza del marchio, l'impaginazione delle pagine interne con la colonna, le voci del lessico
   con l'etichetta dello stato, l'indice dalla A alla Z, i calcolatori, le liste di controllo, le figure
   a barre (classi gr-w-0 … gr-w-100, perché la politica dei contenuti non ammette style=), le domande
   frequenti, i riquadri, il piede con il selettore del paese e il banner del consenso.
   I colori stanno in :root di theme-2026.css; qui sotto solo i toni derivati.
   ============================================================= */
:root{
  --stop:#c21d2e; --stop-soft:#fdecee;
  --warn:#8f5d07; --warn-soft:#fdf3df;
  --info:#24527a; --info-soft:#e8f0f8;
  --slate:#3f5257; --slate-soft:#eef2f3;
  --hero-1:#0b1d21; --hero-2:#0f2b30; --hero-3:#123a40; --hero-glow:#1c5057;
  --on-dark:#d6e6e7; --on-dark-2:#a9c4c6; --accent-dark:#9fdde0;
}

/* ---- scala di lettura e accessibilità ---- */
body{font-size:16.5px}
@media(min-width:961px){body{font-size:17px}}
/* L'indirizzo di posta e il nome del dominio non stanno in una riga a 320 px: vanno a capo invece di allargare la pagina. */
main,.foot{overflow-wrap:anywhere}
/* Nessun testo sotto i 14 px, nemmeno le etichette in maiuscolo sopra i titoli e sulle schede. */
.eyebrow{font-size:.875rem;letter-spacing:.1em}
.gcard .tag{font-size:.875rem;letter-spacing:.05em}
.skip-link{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--ink);color:#fff;padding:10px 16px;border-radius:8px}
.skip-link:focus{left:12px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
a{text-underline-offset:2px}
.post a,.lx a,.calc-txt a,.ck a,.side a,.tx-box a,.mk-box a{text-decoration:underline;text-decoration-thickness:1px}
.post a:hover{color:var(--red-dark)}

/* ---- barra in alto e menu ---- */
.topbar .wrap{height:68px}
.brand img{height:30px;width:auto}
.nav{gap:22px}
.nav a,.nav-dd-btn{color:var(--ink-2);font-weight:500;font-size:.95rem}
.nav a[aria-current="page"]{color:var(--red);font-weight:600}
.nav .since{color:var(--red-dark);background:var(--red-soft)}
.nav-dd{position:relative}
.nav-dd-btn{background:none;border:0;padding:6px 0;font-family:var(--body);cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.nav-dd-btn:after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.nav-dd-btn[aria-expanded="true"]:after{transform:rotate(-135deg) translateY(-1px)}
.nav-dd-btn:hover{color:var(--red)}
.nav-dd-menu{display:none;position:absolute;top:calc(100% + 10px);left:-14px;min-width:230px;background:#fff;border:1px solid var(--line);
  border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);padding:8px;z-index:60}
.nav-dd-menu.open{display:block}
.nav-dd-menu a{display:block;padding:10px 12px;border-radius:8px;color:var(--ink)}
.nav-dd-menu a:hover,.nav-dd-menu a:focus{background:var(--red-soft);color:var(--red-dark)}
.burger{display:none;width:44px;height:44px;border-radius:10px;align-items:center;justify-content:center}
.burger-icon,.burger-icon:before,.burger-icon:after{display:block;width:22px;height:2px;background:var(--ink);border-radius:2px;position:relative;content:""}
.burger-icon:before{position:absolute;top:-7px}
.burger-icon:after{position:absolute;top:7px}
@media(max-width:960px){
  .nav{display:none}
  .burger{display:inline-flex}
  .nav.open{display:flex;position:absolute;top:68px;left:0;right:0;flex-direction:column;align-items:stretch;background:#fff;
    padding:10px 22px 18px;border-bottom:1px solid var(--line);gap:2px;box-shadow:var(--shadow);max-height:calc(100vh - 68px);overflow:auto}
  .nav.open > a,.nav.open .nav-dd-btn{padding:12px 0;font-size:1rem;width:100%;text-align:left;border-bottom:1px solid var(--line)}
  .nav.open .nav-dd-menu{position:static;box-shadow:none;border:0;padding:0 0 6px 12px;min-width:0}
  .nav.open .since{align-self:flex-start;margin-top:12px}
}

/* ---- apertura della home ---- */
.hero{background:radial-gradient(1100px 460px at 82% -12%,var(--hero-glow) 0%,transparent 60%),
  linear-gradient(160deg,var(--hero-1) 0%,var(--hero-2) 62%,var(--hero-3) 100%)}
.hero .eyebrow{color:var(--accent-dark)}
.hero h1{font-size:clamp(2.2rem,4.6vw,3.6rem)}
.hero .sub{font-size:1.1rem;color:var(--on-dark);max-width:44ch;margin:0 0 26px}
.hero .trust .ti{color:var(--on-dark)}
.hero .trust .ti:before{color:var(--accent-dark)}
.btn{background:var(--red);box-shadow:0 6px 18px rgba(14,108,114,.28)}
.btn:hover{background:var(--red-dark);box-shadow:0 10px 26px rgba(14,108,114,.32)}
.hero .btn{background:var(--gold);color:var(--ink);box-shadow:0 6px 18px rgba(0,0,0,.25)}
.hero .btn:hover{background:#ffbb33;color:var(--ink)}
.chip{background:linear-gradient(155deg,#fff,#f1f8f8);transform:rotate(-1.2deg)}
.chip .zero{color:var(--red)}
.chip .rows div{gap:14px;align-items:baseline}
.chip .rows span{color:var(--ink-2)}
.chip .rows b{text-align:right;font-family:var(--display);font-size:.9rem}
.chip .tag{background:var(--red-soft);color:var(--red-dark);font-size:.875rem}

/* ---- sezioni della home ---- */
.cats{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){.cats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.cats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.cats{grid-template-columns:minmax(0,1fr)}}
.cat .ic{background:var(--red-soft);color:var(--red)}
.cat .ic svg{width:26px;height:26px;display:block}
.cat:hover{border-color:#bfe0e1}
.cat .d{display:block;color:var(--muted);font-size:.94rem;margin:0}
.gcard .d{display:block;color:var(--muted);font-size:.95rem;flex:1;margin:0 0 14px}
.why{background:var(--hero-2)}
.why:before{background:radial-gradient(circle,rgba(242,165,22,.22),transparent 70%)}
.why .lead .eyebrow{color:var(--accent-dark)}
.why .wi h3 .k{color:var(--gold)}
.why .wi .d,.why .lead .d{display:block;color:var(--on-dark-2);font-size:.95rem}
.why .lead .d{font-size:1.02rem;color:var(--on-dark)}
.sec-head .d{display:block;color:var(--muted);font-size:1.03rem}
.home-post{max-width:820px}

/* ---- pagine interne ---- */
.crumb{padding:22px 0 0}
.crumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:.88rem}
.crumb li{color:var(--muted)}
.crumb li + li:before{content:"›";margin-right:8px;color:var(--muted)}
.crumb a{color:var(--muted);text-decoration:underline;text-decoration-color:var(--line)}
.page-head h1{max-width:24ch}
.page-head .meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.9rem;color:var(--muted);margin-top:6px}
.page-head .meta > *{min-width:0}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:44px;align-items:start;padding-bottom:20px}
@media(max-width:1023px){.layout{grid-template-columns:minmax(0,1fr);gap:24px}}
.post{max-width:none}
.post p,.post li{max-width:72ch}
.post .lead{font-size:1.13rem;max-width:68ch}
.post h2{font-size:1.45rem;scroll-margin-top:84px}
.post h3{scroll-margin-top:84px}
.post table{border-collapse:collapse;width:100%;font-size:.95rem;background:#fff}
.table-wrap{overflow-x:auto;margin:1.2em 0;border:1px solid var(--line);border-radius:12px}
.post caption{caption-side:top;text-align:left;font-family:var(--display);font-weight:600;padding:12px 14px;color:var(--ink)}
.post th,.post td{border-top:1px solid var(--line);padding:10px 14px;text-align:left;vertical-align:top}
.post th{background:var(--slate-soft);font-family:var(--display);font-weight:600}
.law-quote{margin:1.3em 0;padding:16px 20px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--red);border-radius:0 12px 12px 0}
.law-quote blockquote{margin:0;padding:0;border:0;background:none;font-style:normal;color:var(--ink)}
.law-quote blockquote p{margin:0}
.law-quote figcaption{margin-top:8px;font-size:.9rem;color:var(--muted)}
.callout{color:var(--ink)}
.callout .callout-title{font-family:var(--display);font-weight:700;margin-bottom:4px}
.callout p{margin:.4em 0}
.callout.info{background:var(--info-soft);border-color:#c9dbee}
.callout.warn{background:var(--warn-soft);border-color:#f0d49a}

/* colonna: indice della pagina, trasparenza, mercati */
.side{position:sticky;top:88px;display:grid;gap:14px}
@media(max-width:1023px){.side{position:static}}
.side-box{background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);padding:16px 18px;font-size:.92rem;color:var(--ink-2)}
.side-box .t{display:block;font-family:var(--display);font-weight:700;color:var(--ink);margin-bottom:8px;font-size:.95rem}
.side-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.side-toc a{color:var(--ink-2);text-decoration:none}
.side-toc a:hover{color:var(--red)}
.tx-box{border-left:4px solid var(--gold)}
.mk-box{border-left:4px solid var(--red)}
@media(max-width:1023px){.side-toc{display:none}}

/* ---- lessico: le voci e lo stato ---- */
.lx{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:6px 24px 14px;margin:18px 0;box-shadow:var(--shadow)}
.post .lx h2{border-left:0;padding-left:0;margin:.8em 0 .25em;font-size:1.3rem}
.lx-meta{margin:0 0 6px}
.lx-meta dd{margin:0;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
.lx-meta dd > *{min-width:0}
.lx-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--display);font-weight:600;font-size:.875rem;
  line-height:1.3;padding:5px 11px;border-radius:var(--pill);border:1px solid transparent}
.lx-badge:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}
.lx-badge--verboten{background:var(--stop-soft);color:var(--stop);border-color:#f3c3c8}
.lx-badge--genehmigung{background:var(--warn-soft);color:var(--warn);border-color:#ecd39f}
.lx-badge--begrenzt{background:#fff3e6;color:#8a4b00;border-color:#efcfa4}
.lx-badge--pflicht{background:var(--mint-soft);color:var(--mint);border-color:#bfe2cb}
.lx-badge--vertrag{background:var(--slate-soft);color:var(--slate);border-color:#d3dcde}
.lx-badge--recht{background:var(--info-soft);color:var(--info);border-color:#c9dbee}
.lx-badge--rechnung{background:var(--red-soft);color:var(--red-dark);border-color:#bfe0e1}
.lx-note{font-size:.9rem;color:var(--muted)}
.lx-legend{display:grid;grid-template-columns:auto 1fr;gap:10px 16px;align-items:center;background:#fff;border:1px solid var(--line);
  border-radius:var(--radius);padding:18px 20px;margin:1.2em 0}
.lx-legend dt{margin:0}
.lx-legend dd{margin:0;color:var(--ink-2);font-size:.95rem}
@media(max-width:560px){.lx-legend{grid-template-columns:1fr}.lx-legend dd{margin-bottom:8px}}
.az-nav{display:flex;flex-wrap:wrap;gap:6px;margin:1.2em 0}
.az-nav a{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;border-radius:10px;background:#fff;
  border:1px solid var(--line);font-family:var(--display);font-weight:700;color:var(--ink);text-decoration:none}
.az-nav a:hover{border-color:var(--red);color:var(--red)}
.az-group{margin:1.4em 0}
.post .az-group h2{border-left:0;padding-left:0;font-size:1.6rem;color:var(--red);margin:.4em 0 .3em}
.az-list{list-style:none;padding:0!important;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:760px){.az-list{grid-template-columns:1fr}}
.az-list li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:0!important;display:flex;flex-direction:column;gap:6px;max-width:none!important}
.az-list a{font-family:var(--display);font-weight:600;font-size:1.02rem}
.az-list .az-page{font-size:.88rem;color:var(--muted)}
.az-list .lx-badge{align-self:flex-start}
.sec-head .h2--sm{font-size:1.5rem}

/* ---- calcolatori ---- */
.calc{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 24px;margin:1.4em 0}
.calc-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.calc-head .ic{width:42px;height:42px;border-radius:11px;background:var(--red-soft);color:var(--red);display:flex;align-items:center;justify-content:center;flex:none}
.calc-head .ic svg{width:24px;height:24px}
.calc-head .t{font-family:var(--display);font-weight:700;font-size:1.15rem}
.calc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}
@media(max-width:620px){.calc-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:420px){.calc,.ck{padding-left:14px;padding-right:14px}.lx{padding-left:16px;padding-right:16px}}
.calc-f{display:flex;flex-direction:column;gap:6px}
.calc-f label{font-weight:600;font-size:.95rem;color:var(--ink)}
.calc-f .h{font-size:.875rem;color:var(--muted)}
.calc-in{display:flex;align-items:stretch;border:1.5px solid #c5d3d4;border-radius:10px;background:#fff;overflow:hidden}
.calc-in:focus-within{border-color:var(--red);box-shadow:0 0 0 3px rgba(14,108,114,.15)}
.calc-in input,.calc-in select{flex:1;min-width:0;width:100%;border:0;padding:10px 12px;font-size:16px;font-family:var(--body);color:var(--ink);background:transparent;min-height:44px}
.calc-in input:focus,.calc-in select:focus{outline:none}
.calc-in .u{display:flex;align-items:center;padding:0 12px;background:var(--slate-soft);color:var(--ink-2);font-weight:600;font-size:.92rem}
.calc-out{margin-top:20px;border-top:1px dashed var(--line);padding-top:16px}
.calc-out dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}
@media(max-width:720px){.calc-out dl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.calc-out dl{grid-template-columns:1fr}}
.calc-out .r{background:var(--bg);border-radius:12px;padding:12px 14px}
.calc-out .r--main{background:var(--red-soft)}
.calc-out dt{font-size:.88rem;color:var(--ink-2);margin:0 0 4px}
.calc-out dd{margin:0;font-family:var(--display);font-weight:700;font-size:1.3rem;color:var(--ink);overflow-wrap:anywhere}
.calc-note{margin-top:12px;font-size:.9rem;color:var(--ink-2);display:block}
.calc-note--warn{color:var(--warn)}
.calc-bars{margin-top:16px}
.noscript-note{display:block;margin-top:10px;font-size:.9rem;color:var(--muted)}

/* ---- liste di controllo ---- */
.ck{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:8px 24px 18px;margin:1.4em 0}
.post .ck h2{border-left:0;padding-left:0}
.ck-list{list-style:none;padding:0!important;margin:0;counter-reset:ck}
.ck-list li{counter-increment:ck;border-top:1px solid var(--line);margin:0!important;max-width:none!important}
.ck-list li:first-child{border-top:0}
.ck-list label{display:grid;grid-template-columns:28px 30px 1fr;gap:10px;align-items:start;padding:12px 0;cursor:pointer}
.ck-list label:before{content:counter(ck);font-family:var(--display);font-weight:700;color:var(--muted);font-size:.95rem;padding-top:2px}
.ck-list input{width:22px;height:22px;margin:2px 0 0;accent-color:var(--red);cursor:pointer}
.ck-list input:checked + span{color:var(--muted)}
.ck-count{margin-top:12px;font-family:var(--display);font-weight:600;color:var(--red-dark);background:var(--red-soft);display:inline-block;padding:6px 12px;border-radius:var(--pill);font-size:.92rem}

/* ---- figure a barre (15_FIGURE_E_GRAFICI.md del kit) ---- */
.vis{margin:1.5em 0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px}
.gr__asse{margin:0 0 12px;font-family:var(--display);font-weight:600;color:var(--ink);font-size:.98rem}
.gr__riga{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,2fr) auto;gap:10px 14px;align-items:center;margin:9px 0}
.gr__nome{font-size:.95rem;color:var(--ink-2)}
.gr__pista{height:14px;background:var(--slate-soft);border-radius:var(--pill);overflow:hidden;display:block}
.gr__barra{display:block;height:100%;background:var(--red);border-radius:var(--pill)}
.gr__barra--debole{background:#8cc4c7}
.gr__cifra{font-family:var(--display);font-weight:700;color:var(--ink);font-size:.98rem;white-space:nowrap}
.vis__podpis{margin-top:12px;font-size:.9rem;color:var(--muted)}
@media(max-width:560px){.gr__riga{grid-template-columns:minmax(0,1fr) auto}.gr__nome{grid-column:1/-1}.gr__pista{grid-column:1}}
.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%}

/* ---- domande frequenti (markup ed-faq del kit, nel disegno del tema) ---- */
.ed-faq-list{display:grid;gap:10px;margin:1em 0 1.6em}
.ed-faq{background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm)}
.ed-faq summary{cursor:pointer;list-style:none;padding:16px 48px 16px 20px;font-family:var(--display);font-weight:600;font-size:1.03rem;color:var(--ink);position:relative}
.ed-faq summary::-webkit-details-marker{display:none}
.ed-faq summary:after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:1.4rem;color:var(--red);font-weight:500}
.ed-faq[open] summary:after{content:"–"}
.ed-faq-a{padding:0 20px 16px;color:var(--ink-2)}
.ed-faq-a p{margin:0}

/* ---- riga del gioco responsabile, articoli correlati ---- */
.rgbar{background:var(--red-soft);border:1px solid #bfe0e1;color:var(--ink);font-size:.95rem}
.rgbar b{color:var(--red-dark)}
.rgbar a{color:var(--red-dark);text-decoration:underline}
.related .gcard h3{font-size:1.08rem}

/* ---- piede ---- */
.foot{background:var(--hero-1);color:var(--on-dark);margin-top:44px}
.foot .cols{grid-template-columns:1.5fr 1fr 1fr 1fr}
@media(max-width:900px){.foot .cols{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.foot .cols{grid-template-columns:1fr}}
.foot h2.ft{font-family:var(--display);color:#fff;font-size:.98rem;margin:0 0 14px;letter-spacing:.02em}
.foot a{color:var(--on-dark);font-size:.95rem}
.foot a:hover{color:#fff}
.foot .rg{font-size:.95rem;line-height:1.7;color:var(--on-dark)}
.foot .rg a{display:inline;color:#fff;text-decoration:underline}
.foot .flogo{height:28px;width:auto;margin-bottom:14px}
.foot .help{display:block;margin-top:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px 14px;font-size:.95rem;color:#fff}
.foot .help a{display:inline;color:#fff;text-decoration:underline;margin:0}
.foot .mk{display:block;margin-top:12px;font-size:.92rem;color:var(--on-dark-2)}
.foot .consent-open{background:none;border:0;padding:0;color:var(--on-dark);font:inherit;font-size:.95rem;cursor:pointer;text-decoration:underline;margin-bottom:9px;text-align:left}
.foot .consent-open:hover{color:#fff}
.foot .countries{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.1);display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;font-size:.95rem}
.foot .countries .t{color:#fff;font-family:var(--display);font-weight:600}
.foot .countries ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 14px}
.foot .countries a{margin:0;display:inline}
.foot .countries a[aria-current="page"]{color:#fff;font-weight:700;text-decoration:underline}
.foot .bottom{color:var(--on-dark-2);font-size:.92rem}
.foot .bottom .plus{background:var(--gold);color:var(--ink);font-size:.875rem}

/* ---- 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:12px 22px;align-items:center;justify-content:center;
  padding:16px 18px;background:var(--ink);color:#fff;font-size:15px;line-height:1.55;box-shadow:0 -8px 30px rgba(0,0,0,.3);border-top:3px solid var(--gold)}
.cc-banner .cc-text{margin:0;max-width:760px;color:#e6efef;font-size:15px;line-height:1.55}
.cc-banner a{color:var(--accent-dark);text-decoration:underline}
.cc-banner .cc-btns{display:flex;gap:10px}
.cc-banner .cc-btn{min-height:44px;min-width:130px;padding:10px 20px;border:2px solid #fff;border-radius:var(--pill);background:#fff;color:var(--ink);
  font-family:var(--display);font-weight:700;font-size:15px;cursor:pointer}
.cc-banner .cc-btn:hover{background:#dff0f0}
@media(max-width:560px){.cc-banner .cc-btns{width:100%}.cc-banner .cc-btn{flex:1}}
.consent-reopen{margin:1em 0 1.4em}
.btn-consent{min-height:44px;padding:10px 20px;border-radius:var(--pill);border:0;background:var(--red);color:#fff;font-family:var(--display);font-weight:700;font-size:1rem;cursor:pointer}
.btn-consent:hover{background:var(--red-dark)}

/* ---- pagine dei paesi e 404 ---- */
.country-flag{display:inline-block;font-family:var(--display);font-weight:700;background:var(--red-soft);color:var(--red-dark);border-radius:8px;padding:2px 8px;margin-right:6px}
.err{padding:60px 0 30px;max-width:720px}
.err .big{font-family:var(--display);font-weight:700;font-size:5rem;line-height:1;color:var(--red)}
.err ul{padding-left:1.2em}