/* TK Recensioni - Front styles */
.tkwr{margin:1rem 0}
.tkwr-head{display:flex;gap:.75rem;align-items:flex-start}
.tkwr-avatar img{width:48px;height:48px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px rgba(0,0,0,.06)}
.tkwr-meta{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}
.tkwr-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.tkwr-authorline{margin-top:.1rem;min-width:0}
.tkwr-author{font-weight:600;overflow-wrap:anywhere}
.tkwr-subrow{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-top:.1rem;font-size:.85em;opacity:.8}
.tkwr-stars-wrap{font-size:1rem;letter-spacing:.02em;font-variant-numeric:tabular-nums}
.tkwr-verified{position:static;align-self:center;flex:0 0 auto;margin-left:auto;white-space:nowrap;background:#eef8f1;color:#137a3a;border:1px solid #cfead9;border-radius:999px;padding:.12rem .55rem;font-size:.72rem;line-height:1.5}
.tkwr-on-product a{text-decoration:none;border-bottom:1px dotted currentColor}
.tkwr-date{white-space:nowrap}
.tkwr-list{display:grid;grid-template-columns:1fr;gap:.9rem;align-items:stretch}
@media(min-width:680px){.tkwr-list{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.tkwr-list{grid-template-columns:repeat(3,1fr)}}
.tkwr-item{box-sizing:border-box;border:1px solid #e9e9ec;border-radius:12px;padding:.75rem .9rem;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.03);height:100%;display:flex;flex-direction:column;}
.tkwr-content{margin:.35rem 0 .5rem;font-size:.95rem;line-height:1.5;color:#222;flex:1 1 auto}
/* Slider */
.tkwr-slider{position:relative;border-radius:10px;overflow:hidden;background:#f8f8fb;border:1px solid #ececf1;min-height:220px;max-height:220px;margin-top:.5rem}
.tkwr-track{display:flex;transition:transform .35s ease;will-change:transform;height:220px}
.tkwr-slide{min-width:100%;flex:0 0 100%;display:flex;align-items:center;justify-content:center;height:100%}
.tkwr-slide-media{width:100%;height:100%;object-fit:cover;display:block}
.tkwr-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.6);color:#fff;border:none;border-radius:10px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2}
.tkwr-prev{left:8px}
.tkwr-next{right:8px}
/* Se una sola immagine, nascondi frecce */
.tkwr-slider.tkwr-single .tkwr-nav{display:none}
/* Form */
.tkwr-form{margin-top:1rem;border:1px solid #ececf1;border-radius:12px;padding:1rem;background:#fff}
.tkwr-stars-select button{font-size:1.1rem;border:1px solid #ddd;border-radius:6px;margin-right:.25rem;cursor:pointer;background:#fff;padding:.2rem .35rem;line-height:1}
.tkwr-inline-gallery{margin-top:.5rem}
.tkwr-inline-thumb img{border-radius: 4px;display: inline-block !important;margin: 0 5px !important;height: 100px !important;}
/* Pagination */
.tkwr-pagination{margin-top:1rem;display:flex;justify-content:center}
.tkwr-pages{list-style:none;margin:0;padding:0;display:flex;gap:.4rem;align-items:center}
.tkwr-page a,.tkwr-page span{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #e0e0e5;border-radius:8px;text-decoration:none;color:#222;background:#fff}
.tkwr-page a:hover{border-color:#bbb}
.tkwr-pagination .tkwr-current a,.tkwr-pagination .tkwr-current span,.tkwr-pagination a.tkwr-current,.tkwr-pagination span.tkwr-current{background:var(--tkwr-accent,var(--global-palette-btn-bg,#111))!important;color:var(--tkwr-accent-testo,var(--global-palette-btn,#fff))!important;border-color:transparent!important;font-weight:700}
.tkwr-disabled span{opacity:.4}
.tkwr-ellipsis{padding:0 .25rem;color:#666}
/* Form recensione via link-token (dalla mail post-acquisto) */
.tkwr-token-wrap{margin:1.5rem 0}
.tkwr-token-card{border:1px solid #e2e8f0;border-left:4px solid #7dbc90;border-radius:12px;padding:1.25rem 1.5rem;background:#f8fafc}
.tkwr-token-title{margin:0 0 .25rem;font-size:1.15rem;color:#0f172a}
.tkwr-token-sub{margin:0 0 1rem;color:#64748b;font-size:.92rem}
.tkwr-token-card .tkwr-form{margin-top:0;border:0;padding:0;background:transparent}
.tkwr-notice{padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.95rem}
.tkwr-notice-ok{background:#eef8f1;color:#137a3a;border:1px solid #cfead9}
.tkwr-notice-pending{background:#fef9e7;color:#92650a;border:1px solid #f5e2a8}
.tkwr-form-row{margin-bottom:.85rem;display:flex;flex-direction:column;gap:.35rem}
.tkwr-form-rating{flex-direction:row;align-items:center;gap:.6rem}
.tkwr-form textarea,.tkwr-form select{border:1px solid #cbd5e1;border-radius:8px;padding:.5rem .7rem;font:inherit;width:100%;box-sizing:border-box}
.tkwr-form-rating select{width:auto}
.tkwr-form-submit{background:#7dbc90;color:#fff;border:0;border-radius:999px;padding:.7rem 1.6rem;font-weight:700;cursor:pointer;transition:background .18s ease,transform .18s ease}
.tkwr-form-submit:hover{background:#2d6b41;transform:translateY(-1px)}


/* ── Scheda attività ([tk_recensioni_dati]) ─────────────────────────────
   Card autonoma: eredita font e colore del testo dal tema, l'accento si
   cambia dallo shortcode (attributo accent) senza toccare il CSS.        */
.tkwr-nap{--tkr-accent:#0f172a;box-sizing:border-box;max-width:100%;background:#fff;border:1px solid #e8eef7;border-radius:18px;padding:28px 30px;box-shadow:0 1px 3px rgba(15,23,42,.05),0 12px 32px -18px rgba(15,23,42,.25);font:inherit;color:inherit}
.tkwr-nap-testa{border-bottom:1px solid #eef2f7;padding-bottom:16px;margin-bottom:20px}
.tkwr-nap-occhiello{display:block;font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--tkr-accent);opacity:.75;margin-bottom:6px}
.tkwr-nap-nome{margin:0;font-size:24px;line-height:1.2;font-weight:800;color:inherit}
.tkwr-nap-piva{display:inline-block;margin-top:8px;font-size:12px;color:#64748b;background:#f5f8fc;border-radius:50px;padding:3px 12px}

.tkwr-nap-griglia{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--tkr-min,190px),1fr));gap:14px}
.tkwr-nap *{box-sizing:border-box}
.tkwr-nap-tessera{position:relative;background:#f8fafc;border:1px solid #eef2f7;border-radius:14px;padding:16px 18px 16px 56px;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.tkwr-nap-tessera:hover{border-color:var(--tkr-accent);transform:translateY(-2px);box-shadow:0 10px 24px -16px rgba(15,23,42,.45)}
.tkwr-nap-icona{position:absolute;left:14px;top:16px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:15px;background:#fff;border:1px solid #e8eef7;border-radius:10px}
.tkwr-nap-eti{display:block;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#94a3b8;margin-bottom:3px}
.tkwr-nap-val{display:block;font-size:15px;font-weight:600;line-height:1.5;color:inherit;overflow-wrap:anywhere}
.tkwr-nap-val a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(148,163,184,.5)}
.tkwr-nap-val a:hover{border-bottom-color:var(--tkr-accent);color:var(--tkr-accent)}

.tkwr-nap-zone{margin-top:20px}
.tkwr-nap-zone-eti{display:block;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#94a3b8;margin-bottom:8px}
.tkwr-nap-chip-riga{display:flex;flex-wrap:wrap;gap:7px}
.tkwr-nap-chip{font-size:13px;line-height:1;padding:8px 13px;border-radius:50px;background:#f1f5f9;border:1px solid #e8eef7;color:#475569;white-space:nowrap}

.tkwr-nap-azioni{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;padding-top:20px;border-top:1px solid #eef2f7}
.tkwr-nap-btn{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;text-decoration:none;padding:11px 20px;border-radius:50px;border:1px solid #e2e8f0;background:#fff;color:inherit;transition:all .18s ease}
.tkwr-nap-btn:hover{border-color:var(--tkr-accent);color:var(--tkr-accent);transform:translateY(-1px)}
.tkwr-nap-btn-primario{background:var(--tkr-accent);border-color:var(--tkr-accent);color:#fff}
.tkwr-nap-btn-primario:hover{color:#fff;filter:brightness(1.12)}

@media(max-width:782px){
  .tkwr-nap{padding:22px 18px;border-radius:14px}
  .tkwr-nap-griglia{grid-template-columns:1fr}
  .tkwr-nap-nome{font-size:21px}
  .tkwr-nap-azioni .tkwr-nap-btn{flex:1 1 100%;justify-content:center}
}

/* ── Blocco recensioni prima del footer ─────────────────────────────────────
   Va in fondo a ogni pagina: intestazione con voto medio, recensioni e invito
   a scriverne una. Larghezza piena, contenuto incolonnato al centro. */
.tkwr-blocco { padding: 64px 20px; }
.tkwr-blocco-inner { max-width: 1140px; margin: 0 auto; }
.tkwr-blocco-testa { text-align: center; margin-bottom: 34px; }
.tkwr-blocco-stelle { font-size: 22px; letter-spacing: 3px; margin-bottom: 10px; }
.tkwr-blocco-titolo { font-size: 34px; font-weight: 800; margin: 0 0 10px; line-height: 1.2; }
.tkwr-blocco-sub { font-size: 17px; line-height: 1.7; margin: 0 auto; max-width: 620px; }
.tkwr-blocco-corpo .tkwr-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 18px;
}
.tkwr-blocco-corpo .tkwr-item {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 20px 22px;
    box-shadow: 0 1px 3px rgba(0,0,0,.05);
    margin: 0;
}
.tkwr-blocco-scuro .tkwr-blocco-corpo .tkwr-item { border-color: rgba(255,255,255,.12); }
/* La card è sempre bianca: il testo non deve ereditare il bianco del blocco scuro */
.tkwr-blocco .tkwr-item { color: #0f172a; }
.tkwr-blocco .tkwr-item .tkwr-author { color: #0f172a; }
.tkwr-blocco .tkwr-item .tkwr-subrow,
.tkwr-blocco .tkwr-item .tkwr-date { color: #64748b; }
.tkwr-blocco .tkwr-item .tkwr-on-product a { color: inherit; }
.tkwr-item .tkwr-stars-wrap { color: #f59e0b; }
.tkwr-avatar:empty { display: none; }

/* Avatar con le iniziali, quando WordPress non ne fornisce uno */
.tkwr-iniziali {
    width: 48px; height: 48px; border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    font-weight: 800; font-size: 17px; letter-spacing: .5px; color: #fff;
    background: linear-gradient(135deg, hsl(var(--tkwr-tono, 210) 65% 55%), hsl(var(--tkwr-tono-b, 250) 60% 38%));
    box-shadow: 0 0 0 3px #fff, 0 0 0 4px rgba(15,23,42,.08);
    flex: 0 0 auto;
}

/* ── Card del blocco: testimonianza ────────────────────────────────────────
   Barra nel colore dei pulsanti del sito, virgolette grandi di sfondo, ombra
   profonda e un piccolo sollevamento al passaggio del mouse. */
.tkwr-blocco .tkwr-blocco-corpo .tkwr-item {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    padding: 30px 28px 26px;
    border: 0;
    box-shadow: 0 18px 40px -22px rgba(2,6,23,.55), 0 2px 6px rgba(2,6,23,.06);
    transition: transform .25s cubic-bezier(.4,0,.2,1), box-shadow .25s cubic-bezier(.4,0,.2,1);
}
.tkwr-blocco .tkwr-blocco-corpo .tkwr-item::before {
    content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px;
    background: linear-gradient(90deg, var(--tkwr-accent, var(--global-palette-btn-bg, var(--global-palette1, #f59e0b))), var(--tkwr-accent-2, var(--global-palette2, var(--tkwr-accent, var(--global-palette-btn-bg, #f59e0b)))));
}
.tkwr-blocco .tkwr-blocco-corpo .tkwr-item::after {
    content: "\201C"; position: absolute; right: 18px; top: -6px;
    font: 700 120px/1 Georgia, "Times New Roman", serif;
    color: var(--tkwr-accent, var(--global-palette-btn-bg, #f59e0b));
    opacity: .14; pointer-events: none;
}
.tkwr-blocco .tkwr-blocco-corpo .tkwr-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 28px 50px -24px rgba(2,6,23,.6), 0 4px 10px rgba(2,6,23,.08);
}
.tkwr-blocco .tkwr-item .tkwr-head { gap: 14px; align-items: center; position: relative; z-index: 1; }
.tkwr-blocco .tkwr-item .tkwr-avatar img { width: 52px; height: 52px; box-shadow: 0 0 0 3px #fff, 0 0 0 4px rgba(15,23,42,.08); }
.tkwr-blocco .tkwr-item .tkwr-iniziali { width: 52px; height: 52px; font-size: 18px; }
.tkwr-blocco .tkwr-item .tkwr-author { font-size: 16px; font-weight: 700; }
.tkwr-blocco .tkwr-item .tkwr-stars-wrap { font-size: 17px; letter-spacing: 2px; }
.tkwr-blocco .tkwr-item .tkwr-subrow { font-size: 13px; opacity: 1; }
.tkwr-blocco .tkwr-item .tkwr-content {
    position: relative; z-index: 1;
    margin: 18px 0 0; padding-top: 16px; border-top: 1px solid #eef2f7;
    font-size: 16px; line-height: 1.7; color: #334155;
}
.tkwr-blocco .tkwr-item .tkwr-content p { margin: 0 0 .6em; }
.tkwr-blocco .tkwr-item .tkwr-content p:last-child { margin-bottom: 0; }
@media (prefers-reduced-motion: reduce) {
    .tkwr-blocco .tkwr-blocco-corpo .tkwr-item, .tkwr-blocco .tkwr-blocco-corpo .tkwr-item:hover { transition: none; transform: none; }
}
@media (max-width: 782px) {
    .tkwr-blocco .tkwr-blocco-corpo .tkwr-item { padding: 26px 22px 22px; }
}
.tkwr-blocco-azioni { margin-top: 30px; }
.tkwr-blocco .tkwr-form { max-width: 720px; margin: 28px auto 0; }
@media (max-width: 782px) {
    .tkwr-blocco { padding: 44px 16px; }
    .tkwr-blocco-titolo { font-size: 26px; }
    .tkwr-blocco-sub { font-size: 15px; }
}

/* ── Modulo "recensisci l'attività" ────────────────────────────────────────── */
.tkwr-form-sito { max-width: 720px; margin: 30px auto 0; background: #fff; border: 1px solid #e2e8f0;
    border-radius: 14px; padding: 26px 28px; box-shadow: 0 1px 3px rgba(0,0,0,.05); color: #0f172a; }
.tkwr-form-titolo { margin: 0 0 18px; font-size: 20px; font-weight: 700; text-align: center; color: #0f172a; }
.tkwr-form-sito .tkwr-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.tkwr-form-sito label { display: block; font-weight: 600; font-size: 13px; margin-bottom: 12px; }
.tkwr-form-sito input[type=text], .tkwr-form-sito input[type=email], .tkwr-form-sito textarea {
    width: 100%; margin-top: 5px; padding: 10px 12px; border: 1px solid #cbd5e1; border-radius: 9px;
    font: inherit; font-weight: 400; background: #fff; box-sizing: border-box; }
.tkwr-form-sito input:focus, .tkwr-form-sito textarea:focus { outline: 0; border-color: #94a3b8; box-shadow: 0 0 0 3px rgba(148,163,184,.18); }
.tkwr-form-sito .tkwr-form-rating { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.tkwr-form-sito .tkwr-form-eti { font-weight: 600; font-size: 13px; }
/* Le stelle si scelgono cliccando: i radio stanno sotto, in ordine inverso per l'effetto hover */
.tkwr-stelle-scelta { display: inline-flex; flex-direction: row-reverse; gap: 2px; }
.tkwr-stelle-scelta input { position: absolute; opacity: 0; width: 0; height: 0; }
.tkwr-stelle-scelta label { font-size: 26px; line-height: 1; color: #cbd5e1; cursor: pointer; margin: 0; }
.tkwr-stelle-scelta input:checked ~ label,
.tkwr-stelle-scelta label:hover, .tkwr-stelle-scelta label:hover ~ label { color: #f59e0b; }
.tkwr-form-sito .tkwr-btn { background: #0f172a; color: #fff; border: 0; border-radius: 9px;
    padding: 12px 26px; font-weight: 700; font-size: 15px; cursor: pointer; }
.tkwr-form-sito .tkwr-btn:hover { background: #1e293b; }
.tkwr-form-sito .tkwr-form-submit { text-align: center; margin: 6px 0 0; }
.tkwr-esito { max-width: 720px; margin: 24px auto 0; padding: 16px 20px; border-radius: 12px; text-align: center; font-weight: 600; }
.tkwr-esito-ok { background: #ecfdf5; color: #065f46; border: 1px solid #a7f3d0; }
.tkwr-esito-ko { background: #fef2f2; color: #991b1b; border: 1px solid #fecaca; }
@media (max-width: 640px) { .tkwr-form-sito .tkwr-form-row { grid-template-columns: 1fr; } }

/* Il tema colora i <p> dei form: qui il pulsante deve restare su sfondo pulito */
.tkwr-form-sito .tkwr-form-submit,
.tkwr-form-sito p { background: none !important; }
/* Riquadro Google dentro il blocco scuro: i colori fissi dello shortcode non si leggono */
.tkwr-blocco-scuro .tkwr-google-cta { border-color: rgba(255,255,255,.18) !important; }
.tkwr-blocco-scuro .tkwr-google-cta h3 { color: #fff !important; }
.tkwr-blocco-scuro .tkwr-google-cta p { color: rgba(255,255,255,.75) !important; }
.tkwr-blocco-scuro .tkwr-google-btn { background: #c9a227 !important; color: #111827 !important; }
/* Nessuna recensione ancora: il messaggio sta al centro, non buttato a sinistra */
.tkwr-blocco .tkwr-list > p { grid-column: 1 / -1; text-align: center; opacity: .75; margin: 0; }
/* Il blocco chiude la pagina: nessuno spazio residuo prima del footer */
.tkwr-blocco { margin-bottom: 0; }

/* ── Pulsanti del blocco ───────────────────────────────────────────────────── */
.tkwr-blocco-tasti { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; margin-top: 34px; }
.tkwr-tasto { display: inline-flex; align-items: center; gap: 8px; border: 0; border-radius: 10px;
    padding: 15px 28px; font-size: 16px; font-weight: 700; cursor: pointer; text-decoration: none;
    line-height: 1.2; transition: transform .12s ease, box-shadow .12s ease; }
.tkwr-tasto:hover { transform: translateY(-1px); box-shadow: 0 8px 20px rgba(0,0,0,.14); }
.tkwr-tasto-primario { background: #0f172a; color: #fff; }
.tkwr-tasto-google { background: #f59e0b; color: #111827; }
.tkwr-blocco-scuro .tkwr-tasto-primario { background: #fff; color: #0f172a; }

/* ── Finestra ──────────────────────────────────────────────────────────────── */
.tkwr-finestra[hidden] { display: none; }
.tkwr-finestra { position: fixed; inset: 0; z-index: 99999; display: flex; align-items: center;
    justify-content: center; padding: 20px; }
.tkwr-finestra-velo { position: absolute; inset: 0; background: rgba(8,12,20,.65); backdrop-filter: blur(2px); }
.tkwr-finestra-box { position: relative; width: 100%; max-width: 620px; max-height: 90vh; overflow: auto;
    background: #fff; border-radius: 16px; box-shadow: 0 24px 60px rgba(0,0,0,.35); padding: 8px; }
.tkwr-finestra-x { position: absolute; top: 10px; right: 12px; background: none; border: 0; font-size: 28px;
    line-height: 1; color: #94a3b8; cursor: pointer; padding: 4px 8px; }
.tkwr-finestra-x:hover { color: #0f172a; }
.tkwr-finestra .tkwr-form-sito { border: 0; box-shadow: none; margin: 0; }
body.tkwr-finestra-aperta { overflow: hidden; }
@media (max-width: 640px) { .tkwr-finestra-box { max-height: 94vh; } .tkwr-tasto { width: 100%; justify-content: center; } }

/* Sfondo e colori del blocco: prima stavano inline, ora vivono qui */
.tkwr-blocco { background: #f8fafc; color: #0f172a; }
.tkwr-blocco .tkwr-blocco-titolo { color: #0f172a; }
.tkwr-blocco .tkwr-blocco-sub { color: #64748b; }
.tkwr-blocco-scuro { background: #0b1222; color: #fff; }
.tkwr-blocco-scuro .tkwr-blocco-titolo { color: #fff; }
.tkwr-blocco-scuro .tkwr-blocco-sub { color: rgba(255,255,255,.75); }
/* I temi rimpiccioliscono i button: i due pulsanti devono restare grandi uguali */
.tkwr-blocco .tkwr-tasto {
    padding: 15px 28px !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    border-radius: 10px !important;
    min-height: 0 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

/* I temi colorano i link al passaggio del mouse (qui oro su arancione: illeggibile).
   I pulsanti tengono i loro colori in ogni stato; a muoversi è solo lo sfondo. */
.tkwr-blocco .tkwr-tasto-google,
.tkwr-blocco .tkwr-tasto-google:link,
.tkwr-blocco .tkwr-tasto-google:visited { background: #f59e0b !important; color: #111827 !important; }
.tkwr-blocco .tkwr-tasto-google:hover,
.tkwr-blocco .tkwr-tasto-google:focus,
.tkwr-blocco .tkwr-tasto-google:active { background: #d97706 !important; color: #111827 !important; }

.tkwr-blocco .tkwr-tasto-primario,
.tkwr-blocco .tkwr-tasto-primario:hover,
.tkwr-blocco .tkwr-tasto-primario:focus,
.tkwr-blocco .tkwr-tasto-primario:active { background: #0f172a !important; color: #ffffff !important; }
.tkwr-blocco-scuro .tkwr-tasto-primario,
.tkwr-blocco-scuro .tkwr-tasto-primario:hover,
.tkwr-blocco-scuro .tkwr-tasto-primario:focus,
.tkwr-blocco-scuro .tkwr-tasto-primario:active { background: #ffffff !important; color: #0f172a !important; }
.tkwr-blocco .tkwr-tasto:focus-visible { outline: 3px solid rgba(245,158,11,.55); outline-offset: 2px; }

/* ── Colori dei pulsanti ──────────────────────────────────────────────────────
   Di regola sono quelli dei pulsanti del sito (variabili del tema): il riquadro
   deve sembrare parte del sito, non un pezzo incollato. --tkwr-accent le sostituisce
   quando si sceglie un colore a mano. */
.tkwr-blocco .tkwr-tasto-google,
.tkwr-blocco .tkwr-tasto-google:link,
.tkwr-blocco .tkwr-tasto-google:visited {
    background: var(--tkwr-accent, var(--global-palette-btn-bg, var(--global-palette1, #f59e0b))) !important;
    color: var(--tkwr-accent-testo, var(--global-palette-btn, #111827)) !important;
}
.tkwr-blocco .tkwr-tasto-google:hover,
.tkwr-blocco .tkwr-tasto-google:focus,
.tkwr-blocco .tkwr-tasto-google:active {
    background: var(--tkwr-accent, var(--global-palette-btn-bg-hover, var(--global-palette2, #d97706))) !important;
    color: var(--tkwr-accent-testo, var(--global-palette-btn-hover, #111827)) !important;
    filter: brightness(.94);
}
/* Le recensioni: quante per riga lo decide l'impostazione */
.tkwr-blocco-corpo .tkwr-list {
    grid-template-columns: repeat(var(--tkwr-colonne, 3), minmax(0, 1fr));
}
@media (max-width: 1024px) { .tkwr-blocco-corpo .tkwr-list { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 680px)  { .tkwr-blocco-corpo .tkwr-list { grid-template-columns: 1fr; } }
/* Pagine della lista dentro il blocco */
.tkwr-blocco .tkwr-pagination { display: flex; gap: 8px; justify-content: center; margin-top: 22px; flex-wrap: wrap; }
.tkwr-blocco .tkwr-pagination a, .tkwr-blocco .tkwr-pagination span {
    min-width: 38px; height: 38px; display: inline-flex; align-items: center; justify-content: center;
    border-radius: 9px; border: 1px solid rgba(148,163,184,.4); text-decoration: none; font-weight: 600; font-size: 14px;
}
.tkwr-blocco-scuro .tkwr-pagination a, .tkwr-blocco-scuro .tkwr-pagination span { color: #fff; border-color: rgba(255,255,255,.22); }
.tkwr-blocco .tkwr-pagination .tkwr-current {
    background: var(--tkwr-accent, var(--global-palette-btn-bg, #0f172a));
    color: var(--tkwr-accent-testo, var(--global-palette-btn, #fff));
    border-color: transparent;
}

/* Quando non c'è ancora nessuna recensione */
.tkwr-blocco-vuoto { text-align: center; opacity: .8; margin: 0 0 4px; font-size: 16px; }

/* 2.20.8 · come il modello: «qui» pieno nel colore del sito, Google bianco con la sua G; sfondo dal tema */
.tkwr-blocco:not(.tkwr-blocco-scuro) { background: var(--global-palette8, #f8fafc); }
.tkwr-blocco:not(.tkwr-blocco-scuro) .tkwr-blocco-titolo { color: var(--global-palette3, #0f172a); }
.tkwr-blocco .tkwr-tasto { border-radius: 999px !important; gap: 10px !important; font-weight: 700 !important; }
.tkwr-blocco .tkwr-tasto-primario,
.tkwr-blocco .tkwr-tasto-primario:hover,
.tkwr-blocco .tkwr-tasto-primario:focus,
.tkwr-blocco .tkwr-tasto-primario:active {
    background: var(--tkwr-accent, var(--global-palette-btn-bg, var(--global-palette1, #0f172a))) !important;
    color: var(--tkwr-accent-testo, var(--global-palette-btn, #fff)) !important;
    box-shadow: 0 12px 26px -12px var(--tkwr-accent, var(--global-palette-btn-bg, var(--global-palette1, #0f172a))) !important;
}
.tkwr-blocco .tkwr-tasto-google,
.tkwr-blocco .tkwr-tasto-google:link,
.tkwr-blocco .tkwr-tasto-google:visited,
.tkwr-blocco .tkwr-tasto-google:hover,
.tkwr-blocco .tkwr-tasto-google:focus,
.tkwr-blocco .tkwr-tasto-google:active {
    background: #fff !important; color: #1f2937 !important;
    border: 1px solid #dadce0 !important; box-shadow: 0 6px 18px -10px rgba(0,0,0,.35) !important;
}
.tkwr-blocco .tkwr-tasto-google:hover { border-color: #c4c7cc !important; }
.tkwr-blocco .tkwr-g { flex: 0 0 auto; width: 20px; height: 20px; display: block; }
/* 2.20.9 · cambio pagina senza ricaricare */
.tk-recensioni.tkwr-carica { opacity: .45; pointer-events: none; transition: opacity .2s; }
.tk-recensioni.tkwr-entra .tkwr-item { animation: tkwrEntra .35s ease both; }
@keyframes tkwrEntra { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .tk-recensioni.tkwr-entra .tkwr-item { animation: none; } }
/* 2.20.13 · card compatte nel blocco: testo a 5 righe con «Leggi tutto», foto piccole subito sotto */
.tkwr-blocco .tkwr-blocco-corpo .tkwr-list { align-items: stretch; }
.tkwr-blocco .tkwr-blocco-corpo .tkwr-item { height: auto; }
.tkwr-blocco .tkwr-item > *, .tkwr-blocco .tkwr-item .tkwr-content { flex: 0 0 auto !important; margin-bottom: 0; }
.tkwr-blocco .tkwr-item .tkwr-content.tkwr-taglia { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; line-clamp: 5; overflow: hidden; }
.tkwr-blocco .tkwr-item .tkwr-content.tkwr-taglia.is-aperto { display: block; -webkit-line-clamp: unset; overflow: visible; }
.tkwr-blocco .tkwr-leggi { position: relative; z-index: 1; align-self: flex-start; margin: 8px 0 0 !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; color: var(--tkwr-accent, var(--global-palette-btn-bg, var(--global-palette1, #0f172a))) !important; font: inherit; font-size: 14px !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: 0 !important; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.tkwr-blocco .tkwr-item .tkwr-slider { position: relative; z-index: 1; min-height: 0 !important; max-height: none !important; height: 120px !important; width: 160px; max-width: 100%; margin: 14px 0 0 !important; border-radius: 12px; }
.tkwr-blocco .tkwr-item .tkwr-slider .tkwr-nav { width: 26px; height: 26px; font-size: 12px; }
/* 2.20.15 · tutte le card della stessa misura: righe uguali, il testo aperto scorre dentro la card */
.tkwr-blocco .tkwr-blocco-corpo .tkwr-list { grid-auto-rows: 1fr; }
.tkwr-blocco .tkwr-item .tkwr-content.tkwr-taglia.is-aperto { display: block; -webkit-line-clamp: unset; line-clamp: unset; max-height: calc(1.7em * 5); overflow-y: auto; overscroll-behavior: contain; padding-right: 6px; scrollbar-width: thin; }
.tkwr-blocco .tkwr-item .tkwr-slider { height: 96px !important; width: 128px; }
/* 2.20.17 · card tutte uguali: testo a 3 righe, «Leggi tutto» e «Foto» aprono una finestra */
.tkwr-blocco .tkwr-item .tkwr-content.tkwr-taglia { -webkit-line-clamp: 3; line-clamp: 3; }
.tkwr-blocco .tkwr-blocco-corpo .tkwr-item .tkwr-slider { display: none !important; }
.tkwr-blocco .tkwr-azioni { position: relative; z-index: 1; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin-top: 14px; }
.tkwr-blocco .tkwr-azioni .tkwr-leggi { margin: 0 !important; }
.tkwr-blocco .tkwr-foto { display: inline-flex !important; align-items: center; gap: 7px; margin: 0 !important; padding: 7px 13px !important; border: 0 !important; border-radius: 99px !important; background: color-mix(in srgb, var(--tkwr-accent, var(--global-palette-btn-bg, var(--global-palette1, #0f172a))) 10%, #fff) !important; color: var(--tkwr-accent, var(--global-palette-btn-bg, var(--global-palette1, #0f172a))) !important; font-size: 13.5px !important; font-weight: 700 !important; line-height: 1 !important; text-transform: none !important; letter-spacing: 0 !important; box-shadow: none !important; cursor: pointer; transition: transform .15s, background .15s; }
.tkwr-blocco .tkwr-foto:hover { transform: translateY(-2px); background: color-mix(in srgb, var(--tkwr-accent, var(--global-palette-btn-bg, var(--global-palette1, #0f172a))) 18%, #fff) !important; }
.tkwr-blocco .tkwr-foto svg { flex: 0 0 auto; }
.tkwr-lb { position: fixed; inset: 0; z-index: 2147483000; display: grid; place-items: center; padding: 20px; background: rgba(8,10,16,.86); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); animation: tkwrLbIn .2s ease both; }
@keyframes tkwrLbIn { from { opacity: 0; } to { opacity: 1; } }
.tkwr-lb-foto img { max-width: min(92vw, 1200px); max-height: 84vh; min-width: min(80vw, 520px); border-radius: 16px; box-shadow: 0 30px 80px rgba(0,0,0,.55); object-fit: contain; background: #111; animation: tkwrLbImg .25s ease both; }
@keyframes tkwrLbImg { from { transform: scale(.96); opacity: 0; } to { transform: none; opacity: 1; } }
.tkwr-lb-card { width: min(620px, 100%); max-height: 86vh; overflow: auto; padding: 0 !important; background: none !important; border-radius: 20px; animation: tkwrLbImg .25s ease both; }
.tkwr-lb-card .tkwr-item { height: auto !important; margin: 0 !important; border-radius: 20px !important; }
.tkwr-lb button.tkwr-lb-x, .tkwr-lb button.tkwr-lb-p, .tkwr-lb button.tkwr-lb-n { position: absolute; display: grid; place-items: center; width: 48px; height: 48px; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background: rgba(255,255,255,.14) !important; color: #fff !important; font-size: 22px !important; line-height: 1 !important; cursor: pointer; backdrop-filter: blur(4px); transition: background .15s; }
.tkwr-lb button.tkwr-lb-x:hover, .tkwr-lb button.tkwr-lb-p:hover, .tkwr-lb button.tkwr-lb-n:hover { background: rgba(255,255,255,.28) !important; }
.tkwr-lb .tkwr-lb-x { top: 18px; right: 18px; }
.tkwr-lb .tkwr-lb-p { left: 18px; top: 50%; transform: translateY(-50%); }
.tkwr-lb .tkwr-lb-n { right: 18px; top: 50%; transform: translateY(-50%); }
.tkwr-lb .tkwr-lb-c { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); padding: 6px 14px; border-radius: 99px; background: rgba(255,255,255,.14); color: #fff; font-size: 14px; font-weight: 700; }
@media (max-width: 640px) { .tkwr-lb .tkwr-lb-p, .tkwr-lb .tkwr-lb-n { top: auto; bottom: 14px; transform: none; } .tkwr-lb .tkwr-lb-c { bottom: 26px; } .tkwr-lb-foto img { min-width: 0; } }
.tkwr-lb-card .tkwr-item .tkwr-slider { display: none !important; }
/* 2.21.0 · filtri e opzioni della card */
.tkwr-blocco .tkwr-item .tkwr-content.tkwr-taglia { -webkit-line-clamp: var(--tkwr-righe, 3); line-clamp: var(--tkwr-righe, 3); }
.tkwr-blocco.tkwr-no-prodotto .tkwr-on-product, .tkwr-blocco.tkwr-no-data .tkwr-date, .tkwr-blocco.tkwr-no-verificato .tkwr-verified { display: none !important; }
.tkwr-filtri { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 16px; margin: -6px 0 24px; }
.tkwr-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.tkwr-blocco .tkwr-chip { display: inline-flex !important; align-items: center; gap: 6px; margin: 0 !important; padding: 9px 15px !important; border: 1px solid #e2e5ea !important; border-radius: 99px !important; background: #fff !important; color: #1f2937 !important; font: inherit; font-size: 14px !important; font-weight: 600 !important; line-height: 1 !important; text-transform: none !important; letter-spacing: 0 !important; box-shadow: 0 4px 12px -8px rgba(2,6,23,.35) !important; cursor: pointer; transition: transform .15s, background .15s, border-color .15s; }
.tkwr-blocco .tkwr-chip:hover { transform: translateY(-1px); border-color: color-mix(in srgb, var(--tkwr-accent, var(--global-palette-btn-bg, var(--global-palette1, #0f172a))) 45%, #fff) !important; }
.tkwr-blocco .tkwr-chip i { font-style: normal; color: #f59e0b; }
.tkwr-blocco .tkwr-chip span { padding: 3px 7px; border-radius: 99px; background: #f1f3f6; color: #64748b; font-size: 12px; font-weight: 700; }
.tkwr-blocco .tkwr-chip.is-on { background: var(--tkwr-accent, var(--global-palette-btn-bg, var(--global-palette1, #0f172a))) !important; border-color: transparent !important; color: var(--tkwr-accent-testo, var(--global-palette-btn, #fff)) !important; box-shadow: 0 10px 20px -12px var(--tkwr-accent, var(--global-palette-btn-bg, var(--global-palette1, #0f172a))) !important; }
.tkwr-blocco .tkwr-chip.is-on i { color: #fde68a; }
.tkwr-blocco .tkwr-chip.is-on span { background: rgba(255,255,255,.22); color: inherit; }
.tkwr-sels { display: flex; flex-wrap: wrap; gap: 8px; }
.tkwr-blocco .tkwr-sel select { appearance: none; -webkit-appearance: none; max-width: 260px; margin: 0; padding: 9px 36px 9px 15px !important; border: 1px solid #e2e5ea !important; border-radius: 99px !important; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center !important; color: #1f2937 !important; font: inherit; font-size: 14px !important; font-weight: 600 !important; line-height: 1.2 !important; box-shadow: 0 4px 12px -8px rgba(2,6,23,.35); cursor: pointer; }
.tkwr-blocco .tkwr-sel select:focus { outline: 0; border-color: var(--tkwr-accent, var(--global-palette-btn-bg, var(--global-palette1, #0f172a))) !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--tkwr-accent, var(--global-palette-btn-bg, var(--global-palette1, #0f172a))) 18%, transparent); }
.tkwr-blocco .tkwr-nessuna { grid-column: 1 / -1; text-align: center; padding: 30px 10px; color: #64748b; }
.tkwr-blocco-scuro .tkwr-chip { background: rgba(255,255,255,.08) !important; border-color: rgba(255,255,255,.18) !important; color: #fff !important; }
@media (max-width: 640px) { .tkwr-filtri { flex-direction: column; align-items: stretch; } .tkwr-chips { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; scrollbar-width: none; } .tkwr-chips::-webkit-scrollbar { display: none; } .tkwr-blocco .tkwr-chip { flex: 0 0 auto; } .tkwr-sels { flex-wrap: nowrap; } .tkwr-sel { flex: 1 1 0; min-width: 0; } .tkwr-blocco .tkwr-sel select { width: 100%; max-width: none; } }
/* 2.21.1 · su telefono la fila dei filtri scorre senza allargare la pagina */
.tkwr-filtri > * { min-width: 0; max-width: 100%; }
@media (max-width: 640px) { .tkwr-filtri { width: 100%; } .tkwr-chips { width: 100%; } }
/* 2.21.2 · menu a tendina disegnati (prodotto, ordine) */
.tkwr-sel-dd { position: relative; display: block; }
.tkwr-sel-dd select { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none; padding: 0 !important; margin: 0 !important; }
.tkwr-dd { position: relative; }
.tkwr-blocco .tkwr-dd-btn { display: inline-flex !important; align-items: center; gap: 9px; width: 100%; min-width: 190px; max-width: 300px; margin: 0 !important; padding: 9px 14px !important; border: 1px solid #e2e5ea !important; border-radius: 99px !important; background: #fff !important; color: #1f2937 !important; font: inherit; font-size: 14px !important; font-weight: 600 !important; line-height: 1.2 !important; text-transform: none !important; letter-spacing: 0 !important; text-align: left; box-shadow: 0 4px 12px -8px rgba(2,6,23,.35) !important; cursor: pointer; transition: border-color .15s, box-shadow .15s; }
.tkwr-blocco .tkwr-dd-btn > svg { flex: 0 0 auto; color: var(--tkwr-accent, var(--global-palette-btn-bg, var(--global-palette1, #0f172a))); }
.tkwr-blocco .tkwr-dd-btn > span { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tkwr-blocco .tkwr-dd-btn > b { flex: 0 0 8px; width: 8px; height: 8px; margin: -4px 2px 0 4px; border-right: 2px solid #94a3b8; border-bottom: 2px solid #94a3b8; transform: rotate(45deg); transition: transform .2s, margin .2s; }
.tkwr-blocco .tkwr-dd.is-open .tkwr-dd-btn > b { transform: rotate(-135deg); margin-top: 4px; }
.tkwr-blocco .tkwr-dd-btn:hover, .tkwr-blocco .tkwr-dd.is-open .tkwr-dd-btn { border-color: color-mix(in srgb, var(--tkwr-accent, var(--global-palette-btn-bg, var(--global-palette1, #0f172a))) 45%, #fff) !important; }
.tkwr-blocco .tkwr-dd-btn.is-scelto { border-color: var(--tkwr-accent, var(--global-palette-btn-bg, var(--global-palette1, #0f172a))) !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--tkwr-accent, var(--global-palette-btn-bg, var(--global-palette1, #0f172a))) 14%, transparent) !important; }
.tkwr-dd-pan { position: absolute; top: calc(100% + 10px); right: 0; z-index: 60; width: min(380px, 92vw); max-height: 360px; display: flex; flex-direction: column; padding: 8px; border-radius: 18px; background: #fff; border: 1px solid #ececf1; box-shadow: 0 30px 60px -24px rgba(2,6,23,.45); opacity: 0; visibility: hidden; transform: translateY(-6px); transition: opacity .18s, transform .18s, visibility .18s; }
.tkwr-dd-su .tkwr-dd-pan { top: auto; bottom: calc(100% + 10px); transform: translateY(6px); }
.tkwr-dd.is-open .tkwr-dd-pan { opacity: 1; visibility: visible; transform: none; }
.tkwr-dd-ordine .tkwr-dd-pan { width: 240px; }
.tkwr-blocco .tkwr-dd-cerca { flex: 0 0 auto; width: 100%; box-sizing: border-box; margin: 0 0 6px !important; padding: 10px 14px !important; border: 1px solid #e2e5ea !important; border-radius: 12px !important; background: #f8f9fb !important; font: inherit; font-size: 14px !important; color: #1f2937 !important; }
.tkwr-blocco .tkwr-dd-cerca:focus { outline: 0; border-color: var(--tkwr-accent, var(--global-palette-btn-bg, var(--global-palette1, #0f172a))) !important; background: #fff !important; }
.tkwr-dd-pan ul { list-style: none; margin: 0; padding: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
.tkwr-dd-pan li { display: flex; align-items: center; gap: 10px; margin: 0; padding: 8px 10px; border-radius: 12px; cursor: pointer; font-size: 14px; color: #1f2937; line-height: 1.3; }
.tkwr-dd-pan li:hover { background: color-mix(in srgb, var(--tkwr-accent, var(--global-palette-btn-bg, var(--global-palette1, #0f172a))) 6%, #fff); }
.tkwr-dd-pan li.is-sel { background: color-mix(in srgb, var(--tkwr-accent, var(--global-palette-btn-bg, var(--global-palette1, #0f172a))) 10%, #fff); color: var(--tkwr-accent, var(--global-palette-btn-bg, var(--global-palette1, #0f172a))); font-weight: 700; }
.tkwr-dd-pan li img, .tkwr-dd-ph { flex: 0 0 36px; width: 36px; height: 36px; border-radius: 9px; object-fit: cover; background: #f1f3f6; box-shadow: 0 0 0 1px rgba(2,6,23,.06); }
.tkwr-dd-all { background: linear-gradient(135deg, color-mix(in srgb, var(--tkwr-accent, var(--global-palette-btn-bg, var(--global-palette1, #0f172a))) 25%, #fff), color-mix(in srgb, var(--tkwr-accent, var(--global-palette-btn-bg, var(--global-palette1, #0f172a))) 8%, #fff)) !important; }
.tkwr-dd-ic { flex: 0 0 30px; width: 30px; height: 30px; border-radius: 9px; display: grid; place-items: center; font-style: normal; background: color-mix(in srgb, var(--tkwr-accent, var(--global-palette-btn-bg, var(--global-palette1, #0f172a))) 9%, #fff); color: var(--tkwr-accent, var(--global-palette-btn-bg, var(--global-palette1, #0f172a))); }
.tkwr-dd-t { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tkwr-dd-pan li em { flex: 0 0 auto; padding: 2px 8px; border-radius: 99px; background: #f1f3f6; color: #64748b; font-size: 12px; font-style: normal; font-weight: 700; }
.tkwr-dd-pan li.is-sel em { background: var(--tkwr-accent, var(--global-palette-btn-bg, var(--global-palette1, #0f172a))); color: #fff; }
.tkwr-dd-pan li.is-sel::after { content: "✓"; flex: 0 0 auto; font-weight: 800; }
@media (max-width: 640px) { .tkwr-blocco .tkwr-dd-btn { min-width: 0; max-width: none; } .tkwr-dd-pan { position: fixed; left: 12px; right: 12px; top: auto !important; bottom: 12px !important; width: auto; max-height: 70vh; transform: translateY(12px); } .tkwr-dd-ordine .tkwr-dd-pan { width: auto; } }

/* La G del pulsante Google la disegna il plugin (svg .tkwr-g): le G aggiunte dai temi con ::before/::after si spengono */
.tkwr-blocco a.tkwr-tasto-google::before,
.tkwr-blocco a.tkwr-tasto-google::after { content: none !important; display: none !important; background: none !important; }

/* Blocco dentro una sezione già disegnata dal sito: niente fondo né fascia, intestazione ridotta al voto */
.tkwr-blocco.tkwr-blocco-trasparente { background: transparent !important; padding: 8px 0 48px !important; }
.tkwr-blocco .tkwr-blocco-testa-voto { margin-bottom: 22px; }

/* Le card non ereditano l'allineamento della sezione (widget Elementor centrati): testo a sinistra, intestazione al centro */
.tkwr-blocco .tkwr-item, .tkwr-blocco .tkwr-filtri { text-align: left; }
.tkwr-blocco .tkwr-blocco-testa { text-align: center; }
.tkwr-blocco .tkwr-blocco-sub { margin-left: auto; margin-right: auto; }

/* Blocco automatico dentro il contenitore "boxed" del tema: lo sfondo arriva ai bordi dello schermo.
   box-shadow + clip-path non allargano la pagina (niente barra orizzontale, a differenza di 100vw). */
.tkwr-blocco[data-tkwr-auto] { --tkwr-blocco-bg: #f8fafc; background: var(--tkwr-blocco-bg); box-shadow: 0 0 0 100vmax var(--tkwr-blocco-bg); clip-path: inset(0 -100vmax); }
.tkwr-blocco-scuro[data-tkwr-auto] { --tkwr-blocco-bg: #0b1222; }