/* BACKdigit theme 0.9.33: bd-blocks-social, bd-comments */
/* bd-blocks-social */
/*! BD Blocks 0.22.1 - blocco Profili social: 8 temi, colori ufficiali o monocromatici, chiaro e dark (.custom-dark) */

/* ------------------------------------------------------------------ Base
   --bds-b: colore della rete (inline su ogni link); --bds-gi: sfumatura (Instagram);
   --bds-on: colore dell'icona sopra il colore pieno; --bds-ml / --bds-md: monocromatico scelto. */
.bd-soc {
	--bds-size: 20px;
	--bds-gap: 10px;
	--bds-box: calc(var(--bds-size) * 2);
	--bds-r: 50%;
	--bds-m: var(--bds-ml, #1f2937);
	--bds-mon: #ffffff;
	--bds-ink: #0f172a;
	margin: 1.2em 0;
}
.custom-dark .bd-soc {
	--bds-m: var(--bds-md, #e5e7eb);
	--bds-mon: #111827;
	--bds-ink: #f1f5f9;
}
.bd-soc--sh-rounded { --bds-r: 28%; }
.bd-soc--sh-square { --bds-r: 4px; }

.bd-soc .bd-soc__title { margin: 0 0 .6em; font-size: .95em; font-weight: 700; }
.bd-soc.bd-soc--a-center .bd-soc__title { text-align: center; }
.bd-soc.bd-soc--a-right .bd-soc__title { text-align: right; }

/* Classi doppie: battono gli stili degli elenchi del tema. */
.bd-soc.bd-soc .bd-soc__list { display: flex; flex-wrap: wrap; gap: var(--bds-gap); margin: 0; padding: 0; list-style: none; }
.bd-soc.bd-soc--a-center .bd-soc__list { justify-content: center; }
.bd-soc.bd-soc--a-right .bd-soc__list { justify-content: flex-end; }
.bd-soc.bd-soc .bd-soc__item { margin: 0; padding: 0; list-style: none; }
.bd-soc.bd-soc .bd-soc__item::before,
.bd-soc.bd-soc .bd-soc__item::marker { content: none; }

.bd-soc.bd-soc .bd-soc__link {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .5em;
	box-sizing: border-box;
	min-width: var(--bds-box);
	height: var(--bds-box);
	border-radius: var(--bds-r);
	color: var(--bds-c);
	text-decoration: none;
	line-height: 1;
	transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, color .18s ease, border-color .18s ease;
}
/* --bds-b / --bds-gi: colore e sfumatura ufficiali della rete (inline); --bds-c / --bds-g: quelli usati. */
.bd-soc .bd-soc__link { --bds-c: var(--bds-b); --bds-g: var(--bds-gi); }
.bd-soc.bd-soc .bd-soc__link:focus-visible { outline: 2px solid var(--bds-c); outline-offset: 3px; }
.bd-soc .bd-soc__ico { display: inline-flex; flex: none; width: var(--bds-size); height: var(--bds-size); }
.bd-soc .bd-soc__ico svg { display: block; width: 100%; height: 100%; fill: currentColor; }
.bd-soc .bd-soc__txt { display: inline-flex; flex-direction: column; align-items: flex-start; min-width: 0; }
.bd-soc .bd-soc__name { font-size: .9em; font-weight: 700; line-height: 1.15; white-space: nowrap; }
.bd-soc .bd-soc__handle { margin-top: .2em; font-size: .78em; font-weight: 500; line-height: 1.15; opacity: .7; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 16em; }

/* Nome nascosto (resta per i lettori di schermo) se non richiesto. */
.bd-soc:not(.bd-soc--labels) .bd-soc__txt {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}
/* Con il nome: l'icona diventa una pillola. */
.bd-soc.bd-soc--labels:not(.bd-soc--s-minimal):not(.bd-soc--s-card) .bd-soc__link { padding: 0 1em 0 calc((var(--bds-box) - var(--bds-size)) / 2); }
.bd-soc.bd-soc--labels.bd-soc--sh-circle:not(.bd-soc--s-card) .bd-soc__link { border-radius: 999px; }

/* Colori: le reti chiare (Snapchat) hanno l'icona scura sopra il colore pieno.
   Reti nere (X, TikTok, Threads, GitHub) in dark (0.20.1, 0.20.2):
   - temi a colore pieno (Pieno, Pillole, Schede): restano nere con il logo bianco,
     identiche alla modalità chiara (nessun bordo aggiunto);
   - gli altri temi usano il colore per l'icona o il bordo su fondo trasparente:
     lì il nero sparirebbe, quindi diventano chiare. */
.bd-soc .bd-soc__link--lt { --bds-on: #111111; }
.custom-dark .bd-soc:not(.bd-soc--s-solid):not(.bd-soc--s-pill):not(.bd-soc--s-card) .bd-soc__link--dk,
.bd-soc.bd-soc--s-neon .bd-soc__link--dk { --bds-c: #f3f4f6; --bds-on: #111111; }

/* Monocromatico: un solo colore per tutte le reti, niente sfumatura. */
.bd-soc.bd-soc--c-mono .bd-soc__link { --bds-c: var(--bds-m); --bds-on: var(--bds-mon); --bds-g: initial; }
.bd-soc.bd-soc--c-mono.bd-soc--s-neon { --bds-m: var(--bds-md, #e5e7eb); }

/* ------------------------------------------------------------------ Temi */

/* Tinta tenue: fondo leggero del colore della rete, pieno al passaggio. */
.bd-soc--s-soft .bd-soc__link { background: rgba(127, 127, 127, .12); background: color-mix(in srgb, var(--bds-c) 13%, transparent); }
.custom-dark .bd-soc--s-soft .bd-soc__link { background: color-mix(in srgb, var(--bds-c) 22%, transparent); }
.bd-soc.bd-soc--s-soft .bd-soc__link:hover,
.bd-soc.bd-soc--s-soft .bd-soc__link:focus-visible { color: var(--bds-on, #fff); background: var(--bds-g, var(--bds-c)); transform: translateY(-2px); }

/* Pieno: colore ufficiale, icona bianca, ombra colorata al passaggio. */
.bd-soc.bd-soc--s-solid .bd-soc__link { color: var(--bds-on, #fff); background: var(--bds-g, var(--bds-c)); }
.bd-soc.bd-soc--s-solid .bd-soc__link:hover,
.bd-soc.bd-soc--s-solid .bd-soc__link:focus-visible { transform: translateY(-2px); box-shadow: 0 8px 18px -6px var(--bds-c); }

/* Contorno: bordo del colore della rete, si riempie al passaggio. */
.bd-soc.bd-soc--s-outline .bd-soc__link { border: 2px solid var(--bds-c); background: transparent; }
.bd-soc.bd-soc--s-outline .bd-soc__link:hover,
.bd-soc.bd-soc--s-outline .bd-soc__link:focus-visible { color: var(--bds-on, #fff); background: var(--bds-c); }

/* Solo icone: nessun fondo, l'icona si ingrandisce al passaggio. */
.bd-soc.bd-soc--s-minimal .bd-soc__link { min-width: 0; height: auto; padding: .15em; border-radius: 6px; }
.bd-soc.bd-soc--s-minimal .bd-soc__link:hover,
.bd-soc.bd-soc--s-minimal .bd-soc__link:focus-visible { transform: scale(1.14); }
.bd-soc.bd-soc--s-minimal.bd-soc--labels .bd-soc__link { gap: .4em; }
.bd-soc.bd-soc--s-minimal.bd-soc--labels .bd-soc__name { color: var(--bds-ink); }

/* Vetro: fondo traslucido e sfocato, bordo luminoso, icona colorata. */
.bd-soc.bd-soc--s-glass .bd-soc__link {
	background: rgba(255, 255, 255, .6);
	border: 1px solid rgba(255, 255, 255, .85);
	box-shadow: 0 6px 18px -8px rgba(15, 23, 42, .28), inset 0 1px 0 rgba(255, 255, 255, .9);
	-webkit-backdrop-filter: blur(10px) saturate(1.4);
	backdrop-filter: blur(10px) saturate(1.4);
}
.custom-dark .bd-soc.bd-soc--s-glass .bd-soc__link {
	background: rgba(255, 255, 255, .07);
	border-color: rgba(255, 255, 255, .16);
	box-shadow: 0 6px 18px -8px rgba(0, 0, 0, .6), inset 0 1px 0 rgba(255, 255, 255, .08);
}
.bd-soc.bd-soc--s-glass .bd-soc__link:hover,
.bd-soc.bd-soc--s-glass .bd-soc__link:focus-visible { transform: translateY(-2px); border-color: var(--bds-c); }
.bd-soc.bd-soc--s-glass.bd-soc--labels .bd-soc__name { color: var(--bds-ink); }

/* Neon: fondo scuro sempre, icona luminosa con alone del colore della rete. */
.bd-soc.bd-soc--s-neon .bd-soc__link {
	background: #0b0f1a;
	border: 1px solid rgba(255, 255, 255, .16);
	border-color: color-mix(in srgb, var(--bds-c) 55%, transparent);
	box-shadow: 0 0 12px -2px var(--bds-c), inset 0 0 10px -4px var(--bds-c);
	box-shadow: 0 0 12px -2px color-mix(in srgb, var(--bds-c) 70%, transparent), inset 0 0 10px -4px var(--bds-c);
	filter: none;
}
.bd-soc.bd-soc--s-neon .bd-soc__ico { filter: drop-shadow(0 0 4px var(--bds-c)); }
.bd-soc.bd-soc--s-neon .bd-soc__link:hover,
.bd-soc.bd-soc--s-neon .bd-soc__link:focus-visible { box-shadow: 0 0 22px 0 var(--bds-c), inset 0 0 12px -2px var(--bds-c); transform: translateY(-2px); }
.bd-soc.bd-soc--s-neon .bd-soc__name { color: #f1f5f9; }

/* Pillole con nome: colore pieno, icona e nome della rete. */
.bd-soc.bd-soc--s-pill .bd-soc__link {
	height: auto;
	min-height: var(--bds-box);
	padding: .45em 1.15em .45em .75em;
	color: var(--bds-on, #fff);
	background: var(--bds-g, var(--bds-c));
	border-radius: 999px;
}
.bd-soc.bd-soc--s-pill.bd-soc--sh-rounded .bd-soc__link { border-radius: 12px; }
.bd-soc.bd-soc--s-pill.bd-soc--sh-square .bd-soc__link { border-radius: 4px; }
.bd-soc.bd-soc--s-pill .bd-soc__link:hover,
.bd-soc.bd-soc--s-pill .bd-soc__link:focus-visible { transform: translateY(-2px); box-shadow: 0 8px 18px -6px var(--bds-c); }

/* Schede con nome utente: griglia di schede con icona colorata, rete e @nome. */
.bd-soc.bd-soc--s-card .bd-soc__list { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); }
.bd-soc.bd-soc--s-card .bd-soc__link {
	justify-content: flex-start;
	gap: .75em;
	width: 100%;
	height: auto;
	padding: .7em .9em;
	color: var(--bds-ink);
	background: rgba(127, 127, 127, .06);
	border: 1px solid rgba(127, 127, 127, .22);
	border-radius: 14px;
}
.bd-soc.bd-soc--s-card.bd-soc--sh-square .bd-soc__link { border-radius: 4px; }
.bd-soc.bd-soc--s-card .bd-soc__ico {
	box-sizing: content-box;
	padding: calc(var(--bds-size) * .45);
	color: var(--bds-on, #fff);
	background: var(--bds-g, var(--bds-c));
	border-radius: var(--bds-r);
}
.bd-soc.bd-soc--s-card .bd-soc__link:hover,
.bd-soc.bd-soc--s-card .bd-soc__link:focus-visible { transform: translateY(-2px); border-color: var(--bds-c); box-shadow: 0 10px 22px -12px var(--bds-c); }
.custom-dark .bd-soc.bd-soc--s-card .bd-soc__link { background: rgba(255, 255, 255, .04); border-color: rgba(255, 255, 255, .12); }

/* Chi preferisce meno movimento: niente spostamenti. */
@media (prefers-reduced-motion: reduce) {
	.bd-soc.bd-soc .bd-soc__link { transition: none; }
	.bd-soc.bd-soc .bd-soc__link:hover { transform: none; }
}

/* Contenitore dei vecchi blocchi Blocksy (rete di sicurezza). */
.bd-soc-wrap > :first-child { margin-top: 0; }

/* Sito ufficiale (grigio ardesia): piu' chiaro sul fondo scuro. */
.custom-dark .bd-soc .bd-soc__link--website,
.bd-soc.bd-soc--s-neon .bd-soc__link--website { --bds-c: #cbd5e1; --bds-on: #0f172a; }
.custom-dark .bd-soc.bd-soc--c-mono .bd-soc__link--website { --bds-c: var(--bds-m); --bds-on: var(--bds-mon); }


/* ------------------------------------------------------------------ Titolo "Segui [nome] sui social" (0.22.1)
   Sette stili; carattere di sistema e misure in rem, cosi' non prende il font grande del testo dell'articolo.
   --bds-h: colore della prima rete (inline --bds-hb), grigio nel monocromatico. */
.bd-soc { --bds-h: var(--bds-hb, #475569); }
.bd-soc.bd-soc--c-mono { --bds-h: var(--bds-m); }
.bd-soc .bd-soc__head {
	display: flex;
	align-items: center;
	gap: .7em;
	margin: 0 0 .65em;
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	line-height: 1.3;
	letter-spacing: normal;
	text-transform: none;
	/* 0.22.2: prende il colore del testo di dove si trova (articolo, header,
	   footer) invece di un colore fisso per modalità chiara/dark: nell'header
	   sempre scuro restava blu notte su nero in modalità chiara. */
	color: inherit;
}
/* 0.22.3: colore del titolo scelto nel blocco (chiaro e dark). */
.bd-soc.bd-soc--hc .bd-soc__head { color: var(--bds-hc); }
.custom-dark .bd-soc.bd-soc--hcd .bd-soc__head { color: var(--bds-hcd); }
.bd-soc .bd-soc__head--s, .bd-soc .bd-soc__title--s { font-size: .8rem; }
.bd-soc .bd-soc__head--m, .bd-soc .bd-soc__title--m { font-size: .92rem; }
.bd-soc .bd-soc__head--l, .bd-soc .bd-soc__title--l { font-size: 1.08rem; }
.bd-soc.bd-soc--a-center .bd-soc__head { justify-content: center; }
.bd-soc.bd-soc--a-right .bd-soc__head { justify-content: flex-end; }
.bd-soc .bd-soc__badge { display: inline-flex; align-items: center; gap: .42em; max-width: 100%; font-weight: 500; }
.bd-soc .bd-soc__badge svg { flex: none; width: 1.05em; height: 1.05em; color: var(--bds-h); }
.bd-soc .bd-soc__badge strong { font-weight: 750; }
.bd-soc .bd-soc__dot { flex: none; width: .55em; height: .55em; border-radius: 50%; background: var(--bds-h); box-shadow: 0 0 0 .22em rgba(127, 127, 127, .18); box-shadow: 0 0 0 .22em color-mix(in srgb, var(--bds-h) 22%, transparent); }

/* Minimale: solo testo piccolo e icona (va bene in header e footer). */
.bd-soc .bd-soc__head--minimal .bd-soc__badge { opacity: .92; }

/* Etichetta: maiuscoletto con una riga che accompagna. */
.bd-soc .bd-soc__head--label .bd-soc__badge { font-size: .9em; letter-spacing: .08em; text-transform: uppercase; }
.bd-soc .bd-soc__head--label::after { content: ""; flex: 1 1 auto; max-width: 6em; height: 1px; background: currentColor; opacity: .22; }
.bd-soc.bd-soc--a-center .bd-soc__head--label::before { content: ""; flex: 1 1 auto; max-width: 6em; height: 1px; background: currentColor; opacity: .22; }
.bd-soc.bd-soc--a-right .bd-soc__head--label { flex-direction: row-reverse; }

/* Sottolineato: trattino colorato sotto il testo. */
.bd-soc .bd-soc__head--underline .bd-soc__badge { padding-bottom: .4em; background: linear-gradient(var(--bds-h), var(--bds-h)) left bottom / 2.4em 2px no-repeat; }
.bd-soc.bd-soc--a-center .bd-soc__head--underline .bd-soc__badge { background-position: center bottom; }
.bd-soc.bd-soc--a-right .bd-soc__head--underline .bd-soc__badge { background-position: right bottom; }

/* Barra: linea colorata a sinistra. */
.bd-soc .bd-soc__head--bar .bd-soc__badge { padding: .1em 0 .1em .65em; border-left: 3px solid var(--bds-h); }

/* Puntino: pallino colorato con alone al posto della @. */
.bd-soc .bd-soc__head--dot .bd-soc__badge { gap: .6em; }

/* Badge: pillola disegnata come il tema. */
.bd-soc .bd-soc__head--badge .bd-soc__badge {
	padding: .38em .95em .38em .65em;
	border-radius: 999px;
	font-weight: 600;
	background: rgba(127, 127, 127, .12);
	background: color-mix(in srgb, var(--bds-h) 12%, transparent);
}
.custom-dark .bd-soc .bd-soc__head--badge .bd-soc__badge { background: color-mix(in srgb, var(--bds-h) 24%, transparent); }
.bd-soc.bd-soc--sh-rounded .bd-soc__head--badge .bd-soc__badge { border-radius: 10px; }
.bd-soc.bd-soc--sh-square .bd-soc__head--badge .bd-soc__badge { border-radius: 4px; }
.bd-soc.bd-soc--s-solid .bd-soc__head--badge .bd-soc__badge,
.bd-soc.bd-soc--s-pill .bd-soc__head--badge .bd-soc__badge { color: #fff; background: var(--bds-h); }
.bd-soc.bd-soc--s-solid .bd-soc__head--badge .bd-soc__badge svg,
.bd-soc.bd-soc--s-pill .bd-soc__head--badge .bd-soc__badge svg { color: currentColor; }
.bd-soc.bd-soc--c-mono.bd-soc--s-solid .bd-soc__head--badge .bd-soc__badge,
.bd-soc.bd-soc--c-mono.bd-soc--s-pill .bd-soc__head--badge .bd-soc__badge { color: var(--bds-mon); }
.bd-soc.bd-soc--s-outline .bd-soc__head--badge .bd-soc__badge { background: transparent; border: 1.5px solid var(--bds-h); }
.bd-soc.bd-soc--s-minimal .bd-soc__head--badge .bd-soc__badge { padding: 0; background: none; border-radius: 0; letter-spacing: .08em; text-transform: uppercase; }
.bd-soc.bd-soc--s-glass .bd-soc__head--badge .bd-soc__badge {
	background: rgba(255, 255, 255, .6);
	border: 1px solid rgba(255, 255, 255, .85);
	box-shadow: 0 6px 18px -10px rgba(15, 23, 42, .3);
	-webkit-backdrop-filter: blur(10px) saturate(1.4);
	backdrop-filter: blur(10px) saturate(1.4);
}
.custom-dark .bd-soc.bd-soc--s-glass .bd-soc__head--badge .bd-soc__badge { background: rgba(255, 255, 255, .07); border-color: rgba(255, 255, 255, .16); }
.bd-soc.bd-soc--s-neon .bd-soc__head--badge .bd-soc__badge { color: #f1f5f9; background: #0b0f1a; border: 1px solid var(--bds-h); box-shadow: 0 0 12px -3px var(--bds-h); }
.bd-soc.bd-soc--s-card .bd-soc__head--badge .bd-soc__badge { border: 1px solid rgba(127, 127, 127, .22); }

/* Titolo semplice. */
.bd-soc .bd-soc__title--s, .bd-soc .bd-soc__title--m, .bd-soc .bd-soc__title--l { font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; line-height: 1.3; }

/* bd-comments */
/* BD Comments 1.2.10 — prende i colori dal tema (palette 1-8), quindi anche dal tema della categoria e dalla modalità scura */
.bdc {
	--bdc-accent: var(--bdt-accent, var(--theme-palette-color-1, #2563eb));
	--bdc-accent-2: var(--theme-palette-color-2, var(--bdc-accent));
	--bdc-on-accent: var(--bdt-on-color-1, #fff);
	--bdc-text: var(--theme-text-color, var(--theme-palette-color-4, #1f2937));
	--bdc-muted: var(--theme-palette-color-3, #6b7280);
	--bdc-line: var(--theme-border-color, var(--theme-palette-color-5, #e5e7eb));
	--bdc-soft: var(--theme-palette-color-6, #f3f4f6);
	--bdc-card: var(--theme-palette-color-8, #fff);
	--bdc-radius: 12px;
	margin: 48px 0 24px;
	color: var(--bdc-text);
	font-size: 16px;
	line-height: 1.55;
}
.bdc *, .bdc *::before, .bdc *::after { box-sizing: border-box; }
.bdc [hidden] { display: none !important; }
.bdc-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* Testata */
.bdc-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; margin-bottom: 16px; }
.bdc-title { margin: 0; font-size: 1.5em; line-height: 1.2; display: flex; align-items: center; gap: 10px; }
.bdc-count { font-size: .55em; font-weight: 700; padding: 3px 10px; border-radius: 999px; background: var(--bdc-accent); color: var(--bdc-on-accent); }
.bdc-head-tools { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.bdc-sort select { font: inherit; font-size: 14px; padding: 6px 30px 6px 10px; border: 1px solid var(--bdc-line); border-radius: 8px; background-color: var(--bdc-card); color: var(--bdc-text); min-height: 36px; }
.bdc-chip { font: inherit; font-size: 14px; font-weight: 600; padding: 6px 14px; min-height: 36px; border-radius: 999px; border: 1px solid var(--bdc-line); background: var(--bdc-card); color: var(--bdc-text); cursor: pointer; }
.bdc-chip:hover, .bdc-chip:focus-visible { border-color: var(--bdc-accent); color: var(--bdc-accent); }
.bdc-chip.is-on { background: var(--bdc-accent); border-color: var(--bdc-accent); color: var(--bdc-on-accent); }
.bdc-chip.is-on:hover, .bdc-chip.is-on:focus-visible { color: var(--bdc-on-accent); background: var(--bdc-accent-2); }
.bdc-chip-mod { border-style: dashed; }

/* Domanda e regole */
.bdc-question { position: relative; margin: 0 0 16px; padding: 18px 20px 18px 24px; border-radius: var(--bdc-radius); background: var(--bdc-soft); border-left: 5px solid var(--bdc-accent); }
.bdc-question-label { display: block; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--bdc-accent); margin-bottom: 4px; }
.bdc-question-text { margin: 0; font-size: 1.2em; font-weight: 700; line-height: 1.35; }
.bdc-rules { margin: 0 0 18px; font-size: 14px; color: var(--bdc-muted); }
.bdc-rules summary { cursor: pointer; font-weight: 600; width: max-content; max-width: 100%; }
.bdc-rules ul { margin: 8px 0 0; padding-left: 20px; }
.bdc-rules li { margin: 2px 0; }

/* Schede Conversazione / Chat */
.bdc-tabs { display: flex; align-items: center; gap: 4px; margin: 0 0 16px; border-bottom: 1px solid var(--bdc-line); }
.bdc-tab { white-space: nowrap; font: inherit; font-size: 15px; font-weight: 700; padding: 10px 14px; background: none; border: 0; border-bottom: 3px solid transparent; margin-bottom: -1px; color: var(--bdc-muted); cursor: pointer; }
.bdc-tab[aria-selected="true"] { color: var(--bdc-text); border-bottom-color: var(--bdc-accent); }
.bdc-tab:hover, .bdc-tab:focus-visible { color: var(--bdc-text); }
.bdc-live { white-space: nowrap; margin-left: auto; font-size: 13px; color: var(--bdc-muted); display: inline-flex; align-items: center; gap: 6px; padding: 0 4px; }
.bdc-live i { width: 8px; height: 8px; border-radius: 50%; background: #16a34a; box-shadow: 0 0 0 0 rgba(22,163,74,.5); animation: bdc-pulse 2s infinite; }
@keyframes bdc-pulse { 70% { box-shadow: 0 0 0 7px rgba(22,163,74,0); } 100% { box-shadow: 0 0 0 0 rgba(22,163,74,0); } }

/* Pulsanti */
.bdc-btn { display: inline-flex; align-items: center; justify-content: center; font: inherit; font-size: 15px; font-weight: 700; padding: 9px 18px; min-height: 40px; border-radius: 999px; border: 1px solid var(--bdc-accent); background: var(--bdc-accent); color: var(--bdc-on-accent); cursor: pointer; text-decoration: none; }
.bdc-btn:hover, .bdc-btn:focus-visible { background: var(--bdc-accent-2); border-color: var(--bdc-accent-2); color: var(--bdc-on-accent); }
.bdc-btn[disabled] { opacity: .6; cursor: wait; }
.bdc-btn-ghost { background: transparent; color: var(--bdc-accent); }
.bdc-btn-ghost:hover, .bdc-btn-ghost:focus-visible { background: var(--bdc-accent); color: var(--bdc-on-accent); }

/* Accesso e chiusura */
.bdc-login, .bdc-closed { padding: 18px 20px; border-radius: var(--bdc-radius); border: 1px dashed var(--bdc-line); margin: 0 0 20px; }
.bdc-login p { margin: 0 0 12px; }
.bdc-login .bdc-btn { margin: 0 8px 6px 0; }
.bdc-closed { color: var(--bdc-muted); }

/* Modulo */
.bdc-form { display: flex; gap: 12px; align-items: flex-start; margin: 0 0 22px; }
.bdc-form-main { flex: 1; min-width: 0; }
.bdc-field { position: relative; }
.bdc-form textarea, .bdc-editbox textarea { display: block; width: 100%; font: inherit; font-size: 16px; line-height: 1.5; color: var(--bdc-text); background: var(--bdc-card); border: 1px solid var(--bdc-line); border-radius: var(--bdc-radius); padding: 10px 14px; resize: none; min-height: 48px; }
.bdc-form textarea:focus, .bdc-editbox textarea:focus { outline: none; border-color: var(--bdc-accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--bdc-accent) 20%, transparent); }
.bdc-form-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin-top: 8px; font-size: 13px; color: var(--bdc-muted); }
.bdc-form-foot .bdc-btn { margin-left: auto; }
.bdc-follow { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }
.bdc-follow input { accent-color: var(--bdc-accent); width: 16px; height: 16px; margin: 0; }
.bdc-len { font-variant-numeric: tabular-nums; }
.bdc-msg { margin: 8px 0 0; font-size: 14px; min-height: 0; }
.bdc-msg:empty { display: none; }
.bdc-msg.is-ok { color: #15803d; }
.bdc-msg.is-err { color: #b91c1c; }
.bdc-replying { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 13px; padding: 6px 10px; margin-bottom: 6px; border-radius: 8px; background: var(--bdc-soft); border-left: 3px solid var(--bdc-accent); }
.bdc-replying span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.bdc-replying button { font: inherit; font-size: 13px; font-weight: 600; background: none; border: 0; color: var(--bdc-accent); cursor: pointer; padding: 4px; }
.bdc-suggest { position: absolute; left: 8px; top: 100%; z-index: 30; margin-top: 4px; min-width: 220px; padding: 4px; border-radius: 10px; background: var(--bdc-card); border: 1px solid var(--bdc-line); box-shadow: 0 10px 30px rgba(0,0,0,.15); }
.bdc-sug { display: flex; align-items: center; gap: 8px; width: 100%; font: inherit; font-size: 14px; text-align: left; padding: 7px 10px; border: 0; border-radius: 7px; background: none; color: var(--bdc-text); cursor: pointer; }
.bdc-sug img { border-radius: 50%; }
.bdc-sug.is-on, .bdc-sug:hover { background: var(--bdc-soft); }

/* Messaggi */
.bdc-list { position: relative; }
.bdc-av { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; flex: none; background: var(--bdc-soft); }
.bdc-thread { padding: 16px 0; border-top: 1px solid var(--bdc-line); }
.bdc-thread:first-child { border-top: 0; padding-top: 4px; }
.bdc-item { display: flex; gap: 12px; position: relative; border-radius: var(--bdc-radius); transition: background-color .6s; }
.bdc-item.is-flash { background: color-mix(in srgb, var(--bdc-accent) 12%, transparent); }
.bdc-item.is-pinned > .bdc-body { padding: 10px 14px; border-radius: var(--bdc-radius); background: var(--bdc-soft); }
.bdc-item.is-pending > .bdc-body > .bdc-text, .bdc-item.is-pending > .bdc-av { opacity: .75; }
.bdc-item.has-menu { z-index: 30; }
.bdc-body { flex: 1; min-width: 0; }
.bdc-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; font-size: 14px; }
.bdc-name { font-weight: 700; color: var(--bdc-text); text-decoration: none; }
a.bdc-name:hover { color: var(--bdc-accent); text-decoration: underline; }
.bdc-meta time, .bdc-edited { color: var(--bdc-muted); font-size: 13px; }
.bdc-badge { font-size: 11px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; padding: 2px 8px; border-radius: 999px; border: 1px solid var(--bdc-line); color: var(--bdc-muted); }
.bdc-badge-staff, .bdc-badge-author { background: var(--bdc-accent); border-color: var(--bdc-accent); color: var(--bdc-on-accent); }
.bdc-badge-mod { border-color: var(--bdc-accent); color: var(--bdc-accent); }
.bdc-pinned { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 700; color: var(--bdc-accent); }
.bdc-pinned svg { width: 13px; height: 13px; fill: currentColor; }
.bdc-text { margin-top: 2px; overflow-wrap: anywhere; }
.bdc-text p { margin: 0 0 .55em; }
.bdc-text p:last-child { margin-bottom: 0; }
.bdc-text a { color: var(--bdc-accent); }
.bdc-mention { font-weight: 600; text-decoration: none; }
.bdc-quote { display: block; margin: 6px 0; padding: 6px 10px; font-size: 13px; line-height: 1.4; color: var(--bdc-muted); text-decoration: none; border-left: 3px solid var(--bdc-accent); background: var(--bdc-soft); border-radius: 0 8px 8px 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.bdc-quote strong { color: var(--bdc-text); }
.bdc-pending, .bdc-flag { margin: 4px 0; font-size: 13px; font-weight: 600; }
.bdc-pending { color: #b45309; }
.bdc-flag { color: #b91c1c; }
.bdc-actions { display: flex; align-items: center; gap: 2px; margin: 4px 0 0 -8px; }
.bdc-actions button { display: inline-flex; align-items: center; gap: 5px; font: inherit; font-size: 13px; font-weight: 600; min-height: 34px; padding: 4px 8px; border: 0; border-radius: 8px; background: none; color: var(--bdc-muted); cursor: pointer; }
.bdc-actions button:hover, .bdc-actions button:focus-visible { background: var(--bdc-soft); color: var(--bdc-text); }
.bdc-actions button[disabled] { cursor: default; opacity: .7; }
.bdc-actions button[disabled]:hover { background: none; color: var(--bdc-muted); }
.bdc-actions svg { width: 16px; height: 16px; fill: currentColor; }
.bdc-like svg { fill: none; stroke: currentColor; stroke-width: 2; }
.bdc-like.is-on { color: #e11d48; }
.bdc-like.is-on svg { fill: currentColor; stroke: none; }
.bdc-menu { position: absolute; right: 0; z-index: 20; display: flex; flex-direction: column; min-width: 200px; padding: 4px; margin-top: 4px; border-radius: 10px; background: var(--bdc-card); border: 1px solid var(--bdc-line); box-shadow: 0 10px 30px rgba(0,0,0,.15); }
.bdc-menu[hidden] { display: none; }
.bdc-menu button { font: inherit; font-size: 14px; text-align: left; padding: 8px 12px; border: 0; border-radius: 7px; background: none; color: var(--bdc-text); cursor: pointer; }
.bdc-menu button:hover, .bdc-menu button:focus-visible { background: var(--bdc-soft); }
.bdc-menu .is-danger { color: #b91c1c; }
.bdc-menu-title, .bdc-menu-empty { font-size: 12px; font-weight: 700; color: var(--bdc-muted); padding: 6px 12px 2px; }
.bdc-replies { margin: 14px 0 0 26px; padding-left: 26px; border-left: 2px solid var(--bdc-line); display: flex; flex-direction: column; gap: 14px; }
.bdc-replies .bdc-av { width: 32px; height: 32px; }
.bdc-editbox div { margin-top: 8px; }
.bdc-moreall { display: flex; width: 100%; margin-top: 12px; }
.bdc-empty, .bdc-note { color: var(--bdc-muted); font-size: 15px; }
.bdc-ad { margin: 8px 0; }
.bdc-bar { position: sticky; bottom: 12px; z-index: 40; margin: 10px 0; padding: 10px 14px; border-radius: 10px; font-size: 14px; background: var(--bdc-text); color: var(--bdc-card); box-shadow: 0 8px 24px rgba(0,0,0,.2); }
.bdc-bar[hidden] { display: none; }
.bdc.is-loading .bdc-list { opacity: .6; }

/* Elenco statico (senza JavaScript) */
.bdc-static, .bdc-static ol { list-style: none; margin: 0; padding: 0; }
.bdc-static ol { margin: 12px 0 0 20px; padding-left: 16px; border-left: 2px solid var(--bdc-line); }
.bdc-static-item { padding: 12px 0; border-top: 1px solid var(--bdc-line); }
.bdc-static-head { font-size: 14px; }
.bdc-static-head time { color: var(--bdc-muted); margin-left: 6px; }

/* Vista chat */
.bdc.bdc-view-chat { display: flex; flex-direction: column; }
.bdc-view-chat .bdc-list { display: flex; flex-direction: column; order: 5; }
.bdc-view-chat .bdc-bar { order: 7; }
.bdc-chat { display: flex; flex-direction: column; gap: 10px; max-height: min(68vh, 640px); overflow-y: auto; padding: 14px; border-radius: var(--bdc-radius); background: var(--bdc-soft); border: 1px solid var(--bdc-line); scroll-behavior: auto; }
.bdc-view-chat .bdc-compose-slot { order: 6; }
.bdc-view-chat .bdc-item { max-width: 88%; gap: 8px; }
.bdc-view-chat .bdc-item .bdc-av { width: 30px; height: 30px; margin-top: 2px; }
.bdc-view-chat .bdc-body { background: var(--bdc-card); border: 1px solid var(--bdc-line); border-radius: 4px 14px 14px 14px; padding: 8px 12px 4px; }
.bdc-view-chat .bdc-item.is-mine { align-self: flex-end; flex-direction: row-reverse; }
.bdc-view-chat .bdc-item.is-mine .bdc-body { border-radius: 14px 4px 14px 14px; background: color-mix(in srgb, var(--bdc-accent) 12%, var(--bdc-card)); border-color: color-mix(in srgb, var(--bdc-accent) 35%, var(--bdc-line)); }
.bdc-view-chat .bdc-actions { margin: 0 0 0 -8px; }
.bdc-view-chat .bdc-actions button { min-height: 30px; font-size: 12px; }
.bdc-view-chat .bdc-item.is-pinned > .bdc-body { background: var(--bdc-card); }
.bdc-newbar { align-self: center; margin-top: -48px; position: relative; z-index: 5; font: inherit; font-size: 13px; font-weight: 700; padding: 7px 16px; border-radius: 999px; border: 0; background: var(--bdc-accent); color: var(--bdc-on-accent); cursor: pointer; box-shadow: 0 6px 18px rgba(0,0,0,.2); }
.bdc-newbar[hidden] { display: none; }
.bdc-view-chat .bdc-form { margin: 12px 0 0; }

@media (max-width: 689.98px) {
	.bdc { margin-top: 32px; }
	.bdc-title { font-size: 1.3em; }
	.bdc-form > .bdc-av { display: none; }
	.bdc-hint { display: none; }
	.bdc-replies { margin-left: 8px; padding-left: 12px; }
	.bdc-replies .bdc-replies { margin-left: 0; padding-left: 10px; }
	.bdc-question { padding: 14px 16px 14px 18px; }
	.bdc-question-text { font-size: 1.08em; }
	/* 1.1.0: sul telefono, dentro l'articolo, la chat non ha uno scorrimento suo: scorre con la pagina. */
	.bdc-chat { padding: 10px; max-height: none; overflow: visible; }
	.bdc-view-chat .bdc-item { max-width: 94%; }
	.bdc-tab { padding: 10px 10px; font-size: 14px; }
	.bdc-live { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
	.bdc-live i { animation: none; }
	.bdc-item { transition: none; }
}

/* Lancia una discussione (1.0.2) */
.bdc-chip-launch { border-color: var(--bdc-accent); color: var(--bdc-accent); }
.bdc-launch { margin: 0 0 18px; padding: 16px 18px; border-radius: var(--bdc-radius); border: 1px solid var(--bdc-accent); background: var(--bdc-card); display: flex; flex-direction: column; gap: 8px; }
.bdc-launch-title { margin: 0; font-weight: 700; font-size: 1.05em; }
.bdc-launch-help { margin: 0; font-size: 13px; color: var(--bdc-muted); }
.bdc-launch-l { font-size: 14px; font-weight: 700; margin-top: 4px; }
.bdc-launch textarea, .bdc-launch input[type=text] { width: 100%; font: inherit; font-size: 15px; color: var(--bdc-text); background: var(--bdc-card); border: 1px solid var(--bdc-line); border-radius: 10px; padding: 8px 12px; }
.bdc-launch-btns { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; }
.bdc-launch-link { display: flex; flex-direction: column; gap: 6px; margin-top: 8px; padding-top: 12px; border-top: 1px solid var(--bdc-line); }
.bdc-launch-copy { display: flex; gap: 8px; }
.bdc-launch-copy input { flex: 1; min-width: 0; font-size: 13px !important; }
/* 1.2.11: gruppi salvati */
.bdc-groups { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; border: 1px solid var(--bdc-line); border-radius: 10px; overflow: hidden; }
.bdc-groups li { display: flex; align-items: center; gap: 8px; padding: 6px 8px 6px 12px; border-top: 1px solid var(--bdc-line); }
.bdc-groups li:first-child { border-top: 0; }
.bdc-group-n { flex: 1; min-width: 0; font-weight: 600; overflow-wrap: anywhere; }
.bdc-linkbtn { display: inline; padding: 0; border: 0; background: none; font: inherit; color: var(--bdc-accent); text-decoration: underline; cursor: pointer; }
.bdc-group-s { display: block; font-weight: 400; font-size: 12px; color: var(--bdc-muted); }
.bdc-btn.bdc-btn-sm { font-size: 13px; padding: 5px 12px; min-height: 32px; }
.bdc-group-x { flex: none; width: 32px; height: 32px; border-radius: 50%; border: 1px solid transparent; background: transparent; color: var(--bdc-muted); font-size: 20px; line-height: 1; cursor: pointer; }
.bdc-group-x:hover, .bdc-group-x:focus-visible { border-color: var(--bdc-line); color: var(--bdc-text); }
@media (max-width: 480px) { .bdc-launch-copy { flex-direction: column; } }
/* Accedi con Google (BD Guard) */
.bdc-login-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; }
.bdc-login-row .bdc-btn { margin: 0; }
.bdc-or { font-size: 13px; color: var(--bdc-muted); }
.bdc-google .bdg-glogin { margin: 0; }
.bdc-or:has(+ .bdc-google .bdg-gbtn:empty) { display: none; }

/* Consiglia un articolo (1.0.4) */
.bdc-rec-btn { min-height: 36px; padding: 6px 14px; font-size: 14px; }
.bdc-rec { margin-top: 8px; padding: 10px; border-radius: var(--bdc-radius); border: 1px solid var(--bdc-line); background: var(--bdc-card); }
.bdc-rec input { width: 100%; font: inherit; font-size: 15px; color: var(--bdc-text); background: var(--bdc-card); border: 1px solid var(--bdc-line); border-radius: 8px; padding: 8px 12px; }
.bdc-rec-list { display: flex; flex-direction: column; gap: 2px; margin-top: 6px; max-height: 300px; overflow-y: auto; }
.bdc-rec-item { display: flex; align-items: center; gap: 10px; width: 100%; text-align: left; font: inherit; padding: 6px; border: 0; border-radius: 8px; background: none; color: var(--bdc-text); cursor: pointer; }
.bdc-rec-item:hover, .bdc-rec-item:focus-visible { background: var(--bdc-soft); }
.bdc-rec-item img, .bdc-rec-noimg { width: 64px; height: 40px; border-radius: 6px; object-fit: cover; flex: none; background: var(--bdc-soft); }
.bdc-rec-item strong { display: block; font-size: 14px; line-height: 1.3; }
.bdc-rec-item small { display: block; font-size: 12px; color: var(--bdc-muted); }
.bdc-rec-empty { margin: 6px; font-size: 14px; color: var(--bdc-muted); }
.bdc-card { display: flex; align-items: stretch; gap: 0; max-width: 460px; margin: 6px 0; border-radius: 12px; overflow: hidden; border: 1px solid var(--bdc-line); background: var(--bdc-card); color: var(--bdc-text) !important; text-decoration: none !important; transition: border-color .2s; }
.bdc-card:hover, .bdc-card:focus-visible { border-color: var(--bdc-accent); }
.bdc-card-img { flex: 0 0 120px; background: var(--bdc-soft); }
.bdc-card-img img { display: block; width: 100%; height: 100%; min-height: 80px; object-fit: cover; }
.bdc-card-body { display: flex; flex-direction: column; justify-content: center; gap: 2px; padding: 10px 12px; min-width: 0; }
.bdc-card-kick { font-size: 11px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--bdc-accent); }
.bdc-card-title { font-weight: 700; font-size: 15px; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.bdc-card-cat { font-size: 12px; color: var(--bdc-muted); }
@media (max-width: 689.98px) { .bdc-card-img { flex-basis: 92px; } }

/* ===== Tutto schermo (1.1.0) ===== */
.bdc-fs-btn svg { width: 16px; height: 16px; fill: currentColor; vertical-align: -3px; margin-right: 4px; }
html.bdc-fs-lock, html.bdc-fs-lock body { overflow: hidden !important; }
.bdc-fs { position: fixed; inset: 0; z-index: 99999; --bdc-fs-m: var(--bdc-fs-md, 3vmin); }
.bdc-fs-back { position: absolute; inset: 0; background: rgba(0,0,0,.45); opacity: 0; transition: opacity .25s ease; cursor: zoom-out; }
.bdc-bk-blur .bdc-fs-back { -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); }
.bdc-bk-dark .bdc-fs-back { background: rgba(0,0,0,.62); }
.bdc-bk-none .bdc-fs-back { background: transparent; }
.bdc-fs-panel { position: absolute; top: calc(var(--bdc-vvt, 0px) + var(--bdc-fs-m)); height: calc(var(--bdc-vvh, 100dvh) - 2 * var(--bdc-fs-m)); left: max(var(--bdc-fs-m), calc((100vw - 1240px) / 2)); right: max(var(--bdc-fs-m), calc((100vw - 1240px) / 2)); display: flex; flex-direction: column; background: var(--theme-palette-color-8, #fff); color: var(--theme-text-color, var(--theme-palette-color-4, #1f2937)); border-radius: 16px; box-shadow: 0 24px 80px rgba(0,0,0,.35); overflow: hidden; opacity: 0; transition: opacity .25s ease, transform .3s cubic-bezier(.2,.8,.2,1); }
.bdc-fx-zoom .bdc-fs-panel { transform: scale(.96); }
.bdc-fx-slide .bdc-fs-panel { transform: translateY(48px); }
.bdc-fx-none .bdc-fs-panel, .bdc-fx-none .bdc-fs-back { transition: none; }
.bdc-fs.is-open .bdc-fs-back { opacity: 1; }
.bdc-fs.is-open .bdc-fs-panel { opacity: 1; transform: none; }
.bdc-fs-top { display: flex; align-items: center; gap: 12px; padding: 10px 12px 10px 18px; border-bottom: 1px solid var(--theme-border-color, var(--theme-palette-color-5, #e5e7eb)); flex: none; }
.bdc-fs-title { flex: 1; min-width: 0; font-weight: 700; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bdc-fs-close { display: inline-flex; align-items: center; gap: 6px; font: inherit; font-size: 14px; font-weight: 700; padding: 8px 14px; min-height: 40px; border-radius: 999px; border: 1px solid var(--theme-border-color, #e5e7eb); background: transparent; color: inherit; cursor: pointer; }
.bdc-fs-close:hover, .bdc-fs-close:focus-visible { border-color: var(--bdt-accent, var(--theme-palette-color-1, #2563eb)); color: var(--bdt-accent, var(--theme-palette-color-1, #2563eb)); }
.bdc-fs-close svg { width: 18px; height: 18px; fill: currentColor; }
.bdc-fs-body { flex: 1; min-height: 0; display: flex; }
.bdc.is-fs { flex: 1; min-width: 0; margin: 0; padding: 14px 18px 12px; display: flex; flex-direction: column; overflow: hidden; }
.bdc.is-fs .bdc-head { margin-bottom: 10px; flex: none; }
.bdc.is-fs .bdc-title { font-size: 1.2em; }
.bdc.is-fs .bdc-rules { display: none; }
.bdc.is-fs .bdc-question { margin-bottom: 10px; padding: 10px 14px 10px 18px; flex: none; }
.bdc.is-fs .bdc-question-text { font-size: 1em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.bdc.is-fs .bdc-tabs { margin-bottom: 10px; flex: none; }
.bdc.is-fs .bdc-list { order: 5; flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; display: flex; flex-direction: column; }
.bdc.is-fs .bdc-compose-slot { order: 6; flex: none; }
.bdc.is-fs .bdc-bar { order: 7; }
.bdc.is-fs .bdc-form { margin: 10px 0 0; }
.bdc.is-fs .bdc-chat { flex: 1; max-height: none; overflow-y: auto; overscroll-behavior: contain; }
.bdc.is-fs.bdc-view-chat .bdc-list { overflow: hidden; }
.bdc-fs-holder { display: block; }
@media (max-width: 689.98px) {
	.bdc-fs { --bdc-fs-m: var(--bdc-fs-mm, 10px); }
	.bdc-fs-panel { left: var(--bdc-fs-m); right: var(--bdc-fs-m); border-radius: 14px; }
	.bdc-fs-top { padding: 8px 8px 8px 14px; }
	.bdc-fs-close span { display: none; }
	.bdc-fs-close { padding: 8px; min-width: 40px; justify-content: center; }
	.bdc.is-fs { padding: 10px 10px 8px; }
	.bdc.is-fs .bdc-head { flex-wrap: nowrap; }
	.bdc.is-fs .bdc-head-tools .bdc-sort, .bdc.is-fs .bdc-chip-mod { display: none; }
	.bdc.is-fs .bdc-chat { padding: 8px; }
	.bdc.is-fs .bdc-question { padding: 8px 12px 8px 14px; margin-bottom: 8px; }
	.bdc.is-fs .bdc-question-label { display: none; }
	.bdc.is-fs .bdc-question-text { font-size: .95em; }
	.bdc.is-fs .bdc-title { font-size: 1.05em; }
	.bdc.is-fs .bdc-head { margin-bottom: 8px; }
	.bdc.is-fs .bdc-chip { min-height: 32px; padding: 4px 12px; font-size: 13px; }
	.bdc.is-fs .bdc-tab { padding: 8px 10px; }
	.bdc.is-fs .bdc-form-foot .bdc-follow { font-size: 12px; }
}
/* Pulsante fisso "Chat dal vivo" */
.bdc-fab { position: fixed; left: 50%; bottom: 18px; z-index: 9990; transform: translateX(-50%); display: inline-flex; align-items: center; gap: 8px; font: inherit; font-size: 15px; font-weight: 700; padding: 10px 10px 10px 16px; border-radius: 999px; border: 0; background: var(--bdt-accent, var(--theme-palette-color-1, #2563eb)); color: var(--bdt-on-color-1, #fff); box-shadow: 0 10px 30px rgba(0,0,0,.3); cursor: pointer; transition: opacity .25s, transform .25s; }
.bdc-fab svg { width: 18px; height: 18px; fill: currentColor; }
.bdc-fab b { font-size: 12px; font-weight: 700; padding: 4px 10px; border-radius: 999px; background: rgba(255,255,255,.22); }
.bdc-fab.is-near { opacity: 0; pointer-events: none; transform: translate(-50%, 20px); }
.bdc-fab[hidden] { display: none; }
/* Messaggi in attesa (chi modera) */
.bdc-pendbar { display: block; width: 100%; margin: 0 0 12px; padding: 10px 14px; font: inherit; font-size: 14px; font-weight: 700; text-align: left; border: 1px solid #b45309; border-radius: 10px; background: color-mix(in srgb, #f59e0b 14%, transparent); color: inherit; cursor: pointer; }
@media (prefers-reduced-motion: reduce) { .bdc-fs-panel, .bdc-fs-back, .bdc-fab { transition: none !important; } }

/* 1.1.2: i pulsanti del tema hanno colori e allineamento propri al passaggio del mouse:
   nei commenti valgono i nostri, così in modalità scura il testo resta leggibile. */
.bdc button, .bdc-fs button { text-transform: none; letter-spacing: normal; box-shadow: none; }
.bdc .bdc-rec-item, .bdc .bdc-sug, .bdc .bdc-menu button { justify-content: flex-start; text-align: left; }
.bdc .bdc-rec-item:hover, .bdc .bdc-rec-item:focus-visible,
.bdc .bdc-sug:hover, .bdc .bdc-sug.is-on,
.bdc .bdc-menu button:hover, .bdc .bdc-menu button:focus-visible { background: color-mix(in srgb, var(--bdc-accent) 16%, var(--bdc-card)); color: var(--bdc-text); }
.bdc .bdc-menu .is-danger:hover { color: #dc2626; }
.bdc .bdc-actions button:hover, .bdc .bdc-actions button:focus-visible { background: color-mix(in srgb, var(--bdc-text) 8%, transparent); color: var(--bdc-text); }
.bdc .bdc-like.is-on:hover { color: #e11d48; }
.bdc .bdc-tab:hover, .bdc .bdc-tab:focus-visible { background: none; color: var(--bdc-text); }
.bdc .bdc-replying button:hover { background: none; color: var(--bdc-accent); }
.bdc .bdc-chip:not(.is-on):hover, .bdc .bdc-chip:not(.is-on):focus-visible { background: var(--bdc-card); }
.bdc .bdc-pendbar:hover { color: inherit; }
.bdc-fs .bdc-fs-close:hover, .bdc-fs .bdc-fs-close:focus-visible { background: transparent; }
.bdc .bdc-btn-ghost { background: transparent; }
/* Articoli scelti, prima dell'invio */
.bdc-recs { display: flex; flex-direction: column; gap: 6px; margin-top: 8px; }
.bdc-recs-item { display: flex; align-items: center; gap: 10px; padding: 6px 6px 6px 8px; border-radius: 10px; border: 1px solid var(--bdc-accent); background: color-mix(in srgb, var(--bdc-accent) 8%, var(--bdc-card)); font-size: 14px; font-weight: 600; }
.bdc-recs-item img { width: 48px; height: 30px; border-radius: 5px; object-fit: cover; flex: none; }
.bdc-recs-item > span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bdc-recs-item small { display: block; font-size: 10px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--bdc-accent); }
.bdc .bdc-recs-item button { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--bdc-muted); cursor: pointer; }
.bdc .bdc-recs-item button:hover { background: color-mix(in srgb, var(--bdc-text) 10%, transparent); color: var(--bdc-text); }
.bdc-recs-item svg { width: 16px; height: 16px; fill: currentColor; }
/* Header fisso del tema nascosto mentre si è nei commenti */
.bdt-sticky-wrap > .bdt-row { transition: transform .25s ease; }
html.bdc-hide-sticky .bdt-sticky-wrap.is-stuck > .bdt-row,
html.bdc-hide-sticky [data-sticky="yes"].is-stuck > .bdt-row { transform: translateY(calc(-100% - 24px)); box-shadow: none; }
@media (prefers-reduced-motion: reduce) { .bdt-sticky-wrap > .bdt-row { transition: none; } }

/* ===== 1.1.3: campo stile WhatsApp ===== */
.bdc-row { display: flex; align-items: flex-end; gap: 8px; }
.bdc-row .bdc-field { flex: 1; min-width: 0; }
.bdc .bdc-form textarea { border-radius: 22px; min-height: 44px; max-height: 140px; padding: 10px 16px; line-height: 1.45; overflow-y: auto; }
.bdc .bdc-send { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: var(--bdc-accent); color: var(--bdc-on-accent); cursor: pointer; }
.bdc .bdc-send:hover, .bdc .bdc-send:focus-visible { background: var(--bdc-accent-2); color: var(--bdc-on-accent); }
.bdc .bdc-send[disabled] { opacity: .6; cursor: wait; }
.bdc .bdc-send svg { width: 20px; height: 20px; fill: currentColor; margin-left: 2px; }
.bdc .bdc-icon-btn { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 1px solid var(--bdc-line); border-radius: 50%; background: transparent; color: var(--bdc-muted); cursor: pointer; }
.bdc .bdc-icon-btn:hover, .bdc .bdc-icon-btn:focus-visible, .bdc .bdc-icon-btn[aria-expanded="true"] { border-color: var(--bdc-accent); color: var(--bdc-accent); background: transparent; }
.bdc .bdc-icon-btn svg { width: 22px; height: 22px; fill: currentColor; }
.bdc .bdc-form-foot { font-size: 12px; margin-top: 6px; padding-left: 6px; gap: 4px 12px; }
.bdc .bdc-rec { margin: 0 0 8px; }
.bdc .bdc-recs { margin: 0 0 8px; }
@media (max-width: 689.98px) {
	.bdc .bdc-form-foot { display: none; }
	.bdc .bdc-form { margin-bottom: 16px; }
}

/* ===== 1.1.3: tutto schermo compatto ===== */
.bdc-fs-top { position: relative; gap: 6px; }
.bdc-fs .bdc-fs-ic { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: inherit; cursor: pointer; }
.bdc-fs .bdc-fs-ic:hover, .bdc-fs .bdc-fs-ic:focus-visible, .bdc-fs .bdc-fs-ic[aria-expanded="true"] { background: color-mix(in srgb, currentColor 10%, transparent); color: inherit; }
.bdc-fs .bdc-fs-ic svg { width: 20px; height: 20px; fill: currentColor; }
.bdc-fs-menu { position: absolute; right: 10px; top: calc(100% + 4px); z-index: 5; display: flex; flex-direction: column; min-width: 230px; padding: 4px; border-radius: 12px; background: var(--theme-palette-color-8, #fff); border: 1px solid var(--theme-border-color, #e5e7eb); box-shadow: 0 14px 40px rgba(0,0,0,.25); }
.bdc-fs-menu[hidden] { display: none; }
.bdc-fs .bdc-fs-menu button { font: inherit; font-size: 15px; text-align: left; justify-content: flex-start; padding: 10px 12px; border: 0; border-radius: 8px; background: transparent; color: inherit; cursor: pointer; }
.bdc-fs .bdc-fs-menu button:hover, .bdc-fs .bdc-fs-menu button:focus-visible { background: color-mix(in srgb, currentColor 9%, transparent); color: inherit; }
.bdc-fs .bdc-fs-menu button[aria-current="true"] { font-weight: 700; }
.bdc-fs-menu-l { font-size: 11px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; opacity: .6; padding: 8px 12px 2px; }
.bdc.is-fs .bdc-head { display: none; }
.bdc.is-fs .bdc-question { cursor: pointer; padding: 8px 14px 8px 16px; margin-bottom: 8px; }
.bdc.is-fs .bdc-question-label { display: none; }
.bdc.is-fs .bdc-question-text { font-size: .95em; -webkit-line-clamp: 1; }
.bdc.is-fs .bdc-question.is-open .bdc-question-text { -webkit-line-clamp: unset; display: block; }
.bdc.is-fs .bdc-tabs { margin-bottom: 8px; }
.bdc.is-fs .bdc-tab { padding: 6px 10px; font-size: 14px; }
.bdc.is-fs.is-compact .bdc-question, .bdc.is-fs.is-compact .bdc-tabs,
.bdc.is-fs.is-kb .bdc-question, .bdc.is-fs.is-kb .bdc-tabs { display: none; }
.bdc.is-fs .bdc-form { margin: 8px 0 0; }
.bdc.is-fs .bdc-form > .bdc-av { display: none; }
.bdc.is-fs .bdc-form-foot { display: none; }
@media (max-width: 689.98px) {
	.bdc-fs-title { font-size: 14px; }
	.bdc-fs .bdc-fs-ic { width: 36px; height: 36px; }
	.bdc.is-fs { padding: 8px 8px 8px; }
}

/* ===== 1.1.4 ===== */
/* Menu del messaggio verso l'alto quando sotto non c'è spazio */
.bdc-menu.is-up { top: auto; margin-top: 0; box-shadow: 0 -10px 30px rgba(0,0,0,.18); }
/* Emoji */
.bdc-emoji { margin: 0 0 8px; padding: 6px 8px 8px; max-height: 240px; overflow-y: auto; border-radius: var(--bdc-radius); border: 1px solid var(--bdc-line); background: var(--bdc-card); }
.bdc-emoji-l { margin: 6px 4px 2px; font-size: 11px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--bdc-muted); }
.bdc-emoji-g { display: grid; grid-template-columns: repeat(auto-fill, minmax(38px, 1fr)); gap: 2px; }
.bdc .bdc-emoji-g button { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 38px; padding: 0; border: 0; border-radius: 8px; background: transparent; font-size: 22px; line-height: 1; cursor: pointer; font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; }
.bdc .bdc-emoji-g button:hover, .bdc .bdc-emoji-g button:focus-visible { background: color-mix(in srgb, var(--bdc-accent) 14%, transparent); }
.bdc-text p { font-family: inherit; }
/* Chi è in chat (barra in alto del tutto schermo) */
.bdc-fs .bdc-fs-online { flex: none; display: inline-flex; align-items: center; gap: 0; padding: 4px 10px 4px 6px; min-height: 36px; border: 1px solid var(--theme-border-color, #e5e7eb); border-radius: 999px; background: transparent; color: inherit; font: inherit; font-size: 13px; cursor: pointer; }
.bdc-fs .bdc-fs-online:hover { background: color-mix(in srgb, currentColor 8%, transparent); color: inherit; }
.bdc-fs-online img { width: 26px; height: 26px; border-radius: 50%; object-fit: cover; border: 2px solid var(--theme-palette-color-8, #fff); margin-left: -8px; background: var(--theme-palette-color-6, #eee); }
.bdc-fs-online img:first-child { margin-left: 0; }
.bdc-fs-online span { display: inline-flex; align-items: center; gap: 5px; margin-left: 6px; white-space: nowrap; }
.bdc-fs-online i { width: 8px; height: 8px; border-radius: 50%; background: #16a34a; }
.bdc-fs-people { right: auto; left: 10px; }
.bdc-fs-person { display: flex; align-items: center; gap: 10px; padding: 6px 12px; font-size: 14px; }
.bdc-fs-person img { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; }
.bdc-fs-guests { opacity: .7; }
/* Finestra con schema proprio */
.bdc-fs-panel { background: var(--theme-palette-color-8, #fff); color: var(--theme-text-color, var(--theme-palette-color-4, #1f2937)); }
.bdc.is-fs .bdc-live { display: none; }
@media (max-width: 689.98px) {
	.bdc-fs .bdc-fs-online { padding: 4px 8px 4px 4px; }
	.bdc-fs-online span { font-size: 12px; margin-left: 4px; }
	.bdc-fs-online span b { display: none; }
	.bdc-fs-online img:nth-child(n+3) { display: none; }
	.bdc-fs-title { min-width: 60px; }
	.bdc .bdc-icon-btn { width: 40px; height: 40px; }
	.bdc-row { gap: 6px; }
	.bdc-emoji { max-height: 200px; }
}

/* 1.2.24 - Profilo BD Members: «Nelle discussioni» */
.bdc-phist{--pa:var(--bdt-accent,var(--theme-palette-color-1,#2563eb));--pl:rgba(127,127,127,.22);margin:2em 0}
.bdc-phist-title{margin:0 0 .6em}
.bdc-phist-sub{margin:1.2em 0 .6em;font-size:1.05em}
.bdc-pstats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 12px}
.bdc-pstats div{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:1px solid var(--pl);border-radius:12px}
.bdc-pstats b{font-size:1.5em;line-height:1.1;font-variant-numeric:tabular-nums}
.bdc-pstats span{font-size:.85em;opacity:.75}
.bdc-phist-meta{margin:0 0 1em;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.bdc-pbadge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;background:rgba(127,127,127,.15)}
.bdc-pbadge--active{background:#dcfce7;color:#166534}
.bdc-pbadge--staff,.bdc-pbadge--author{background:#dbeafe;color:#1e40af}
.bdc-pbadge--mod{background:#fef3c7;color:#92400e}
.bdc-phist-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.bdc-phist-list li{margin:0}
.bdc-phist-list a{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid var(--pl);border-radius:12px;text-decoration:none!important;color:inherit!important}
.bdc-phist-list a:hover,.bdc-phist-list a:focus-visible{border-color:var(--pa)}
.bdc-phist-post{font-weight:700;font-size:.95em}
.bdc-phist-live{font-style:normal;font-size:11px;font-weight:700;padding:1px 7px;border-radius:999px;background:rgba(239,68,68,.12);color:#dc2626;vertical-align:middle}
.bdc-phist-text{opacity:.85;line-height:1.5;overflow-wrap:anywhere}
.bdc-phist-when{font-size:12px;opacity:.6}
.bdc-phist-empty{padding:16px;border:1px dashed var(--pl);border-radius:12px}
.bdc-phist-empty p{margin:0 0 10px;opacity:.85}
.bdc-phist-go{display:inline-flex;padding:8px 16px;border-radius:999px;background:var(--pa);color:var(--bdt-on-color-1,#fff)!important;text-decoration:none!important;font-weight:700}
.bdc-phist-more{margin:12px 0 0}
.bdc-phist-more a{font-weight:700;color:var(--pa)}
html.custom-dark .bdc-pbadge--active{background:rgba(34,197,94,.18);color:#86efac}
html.custom-dark .bdc-pbadge--staff,html.custom-dark .bdc-pbadge--author{background:rgba(59,130,246,.2);color:#93c5fd}
html.custom-dark .bdc-pbadge--mod{background:rgba(245,158,11,.2);color:#fcd34d}
html.custom-dark .bdc-phist-live{color:#fca5a5}
@media (max-width:480px){.bdc-pstats{gap:6px}.bdc-pstats div{padding:10px}.bdc-pstats b{font-size:1.25em}}

/* 1.2.0 - Reazioni rapide */
.bdc-reacts { display: flex; flex-wrap: wrap; gap: 5px; margin: 6px 0 0; }
.bdc-react { display: inline-flex; align-items: center; gap: 4px; font: inherit; font-size: 12.5px; font-weight: 600; line-height: 1; padding: 4px 9px 4px 7px; min-height: 28px; border-radius: 999px; border: 1px solid var(--bdc-line); background: var(--bdc-card); color: var(--bdc-muted); cursor: pointer; }
.bdc-react span { font-size: 15px; }
.bdc-react:hover, .bdc-react:focus-visible { border-color: var(--bdc-accent); color: var(--bdc-text); background: var(--bdc-card); }
.bdc-react.is-on { border-color: var(--bdc-accent); background: color-mix(in srgb, var(--bdc-accent) 12%, var(--bdc-card)); color: var(--bdc-accent); }
.bdc-react.is-on:hover { background: color-mix(in srgb, var(--bdc-accent) 18%, var(--bdc-card)); color: var(--bdc-accent); }
.bdc-actions .bdc-react-add svg { width: 18px; height: 18px; }
.bdc-react-pick { display: inline-flex; gap: 2px; margin: 6px 0 0; padding: 4px 6px; border-radius: 999px; border: 1px solid var(--bdc-line); background: var(--bdc-card); box-shadow: 0 6px 20px rgba(0,0,0,.12); animation: bdcPop .15s ease-out; }
.bdc-react-pick button { font-size: 22px; line-height: 1; width: 38px; height: 38px; padding: 0; border: 0; border-radius: 50%; background: none; cursor: pointer; transition: transform .12s; }
.bdc-react-pick button:hover, .bdc-react-pick button:focus-visible { transform: scale(1.22); background: var(--bdc-soft); }
@keyframes bdcPop { from { opacity: 0; transform: translateY(4px) scale(.96); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .bdc-react-pick { animation: none; } .bdc-react-pick button { transition: none; } }

/* 1.2.0 - Sta scrivendo */
.bdc-typing { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--bdc-muted); margin: 0 0 6px; font-style: italic; }
.bdc-typing[hidden] { display: none; }
.bdc-dots { display: inline-flex; gap: 3px; }
.bdc-dots i { width: 6px; height: 6px; border-radius: 50%; background: var(--bdc-accent); opacity: .35; animation: bdcDot 1.2s infinite; }
.bdc-dots i:nth-child(2) { animation-delay: .2s; }
.bdc-dots i:nth-child(3) { animation-delay: .4s; }
@keyframes bdcDot { 0%, 80%, 100% { opacity: .3; transform: none; } 40% { opacity: 1; transform: translateY(-2px); } }

/* 1.2.0 - Immagine per i gruppi */
.bdc-launch-share { display: flex; flex-direction: column; gap: 6px; margin-top: 8px; padding-top: 12px; border-top: 1px solid var(--bdc-line); }
.bdc-launch-share img { display: block; width: 100%; max-width: 420px; height: auto; border-radius: 10px; border: 1px solid var(--bdc-line); }
.bdc-launch-share a.bdc-btn { text-decoration: none; }
.bdc-editbox { position: relative; }
.bdc-phist .bdc-phist-list { padding-left: 0; margin-left: 0; }
.bdc-phist-list li { list-style: none; margin: 0; }
.bdc-phist-text { font-weight: 400; }

/* 1.2.1-1.2.2 - Pulsante "Chat dal vivo": su una riga, sopra la barra di BD Share o con Condividi accanto */
.bdc-fab { white-space: nowrap; padding: 0; gap: 0; overflow: hidden; cursor: default; transition: opacity .25s, transform .25s, bottom .3s cubic-bezier(.2, .8, .2, 1); }
.bdc-fab button { display: inline-flex; align-items: center; gap: 8px; margin: 0; font: inherit; color: inherit !important; background: transparent !important; border: 0; border-radius: 0; box-shadow: none; cursor: pointer; line-height: 1.2; }
.bdc-fab button:hover, .bdc-fab button:focus-visible { background: rgba(255,255,255,.12) !important; color: inherit !important; }
.bdc-fab-go { padding: 10px 10px 10px 16px; }
.bdc-fab-share { padding: 10px 14px 10px 12px; border-left: 1px solid rgba(255,255,255,.3) !important; }
.bdc-fab button svg { flex: none; min-width: 18px; }
.bdc-fab-share svg { width: 19px; height: 19px; }
@media (max-width: 690px) {
	.bdc-fab { font-size: 14px; }
	.bdc-fab-go { padding: 8px 8px 8px 13px; gap: 6px; }
	.bdc-fab-share { padding: 8px 12px 8px 10px; }
	.bdc-fab b { font-size: 11.5px; padding: 3px 9px; }
}
/* Un solo pulsante: la barra di BD Share sul telefono si toglie mentre il pulsante della chat è in vista. */
html.bdc-fab-replace .bd-share-sticky--mobile { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; }

/* 1.2.4 - Dettatura: il microfono prende il posto di Invia quando il campo è vuoto */
.bdc .bdc-mic { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: var(--bdc-accent); color: var(--bdc-on-accent); cursor: pointer; }
.bdc .bdc-mic:hover, .bdc .bdc-mic:focus-visible { background: var(--bdc-accent-2); color: var(--bdc-on-accent); }
.bdc .bdc-mic svg { width: 22px; height: 22px; fill: currentColor; }
.bdc .bdc-mic[hidden], .bdc .bdc-send[hidden] { display: none; }
.bdc .bdc-mic.is-rec { background: #dc2626; color: #fff; animation: bdcRec 1.4s ease-out infinite; }
@keyframes bdcRec { 0% { box-shadow: 0 0 0 0 rgba(220, 38, 38, .5); } 70% { box-shadow: 0 0 0 12px rgba(220, 38, 38, 0); } 100% { box-shadow: 0 0 0 0 rgba(220, 38, 38, 0); } }
@media (max-width: 690px) { .bdc .bdc-mic { width: 40px; height: 40px; } }
@media (prefers-reduced-motion: reduce) { .bdc .bdc-mic.is-rec { animation: none; } }

/* 1.2.5 - Manina che indica "A tutto schermo" */
.bdc { position: relative; }
.bdc-guide { position: absolute; z-index: 40; width: 260px; max-width: calc(100% - 4px); pointer-events: none; }
.bdc-guide-hand { display: block; width: 34px; height: 34px; margin-left: var(--hx, 0px); color: var(--bdc-accent); filter: drop-shadow(0 3px 6px rgba(0,0,0,.25)); animation: bdcTap 1.1s ease-in-out infinite; transform-origin: 50% 0; }
.bdc-guide-hand svg { width: 34px; height: 34px; fill: currentColor; }
.bdc-guide-bubble { pointer-events: auto; display: block; margin-top: 4px; font: inherit; font-size: 13.5px; line-height: 1.4; text-align: left; padding: 9px 12px; border: 0; border-radius: 12px; background: var(--bdc-text); color: var(--bdc-card); box-shadow: 0 10px 26px rgba(0,0,0,.22); cursor: pointer; animation: bdcPop .25s ease-out; }
.bdc-guide-bubble:hover, .bdc-guide-bubble:focus-visible { background: var(--bdc-accent); color: var(--bdc-on-accent); }
@keyframes bdcTap { 0%, 100% { transform: translateY(6px) scale(1); } 45% { transform: translateY(-4px) scale(.92); } 60% { transform: translateY(-2px) scale(.95); } }
.bdc .bdc-guide-pulse { animation: bdcHintPulse 1.6s ease-out infinite; }
@keyframes bdcHintPulse { 0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--bdc-accent) 55%, transparent); } 70% { box-shadow: 0 0 0 10px transparent; } 100% { box-shadow: 0 0 0 0 transparent; } }
@media (prefers-reduced-motion: reduce) { .bdc-guide-hand, .bdc .bdc-guide-pulse, .bdc-guide-bubble { animation: none; } }

/* 1.2.5 - Scuro caldo a tutto schermo: piccoli ritocchi oltre ai colori */
.bdc-fs.is-warm .bdc-fs-panel { box-shadow: 0 24px 80px rgba(0,0,0,.55); }
.bdc-fs.is-warm .bdc-view-chat .bdc-item.is-mine .bdc-body { background: color-mix(in srgb, #d97757 18%, #262624); border-color: color-mix(in srgb, #d97757 40%, #3e3d39); }
.bdc-fs.is-warm .bdc-view-chat .bdc-body { background: #30302e; border-color: #3e3d39; }
.bdc-fs.is-warm .bdc-question { background: #30302e; }
.bdc-fs.is-warm .bdc textarea, .bdc-fs.is-warm .bdc-field textarea { background: #30302e; color: #ece9e1; border-color: #4a4945; }

/* 1.2.5 - Preferenze email nella pagina account */
.bdc-prefs { margin: 2em 0; padding: 18px 20px; border: 1px solid rgba(127,127,127,.25); border-radius: 12px; }
.bdc-prefs-title { margin: 0 0 .6em; font-size: 1.2em; }
.bdc-prefs-row { display: flex; gap: 10px; align-items: flex-start; margin: 0 0 12px; cursor: pointer; }
.bdc-prefs-row input { margin-top: 4px; width: 18px; height: 18px; flex: none; }
.bdc-prefs-row small { opacity: .75; }
.bdc-prefs-ok { padding: 8px 12px; border-radius: 8px; background: #dcfce7; color: #166534; }
.bdc-prefs .bdc-btn { display: inline-flex; padding: 9px 18px; border-radius: 999px; border: 0; background: var(--bdt-accent, var(--theme-palette-color-1, #2563eb)); color: var(--bdt-on-color-1, #fff); font-weight: 700; cursor: pointer; }

/* 1.2.6 - Riquadro "La redazione chiede" a metà articolo */
.bdc-ask { --a: var(--bdt-accent, var(--theme-palette-color-1, #2563eb)); position: relative; margin: 1.8em 0; padding: 18px 20px 16px; border-radius: 14px; background: color-mix(in srgb, var(--a) 7%, var(--theme-palette-color-8, #fff)); border: 1px solid color-mix(in srgb, var(--a) 28%, transparent); font-size: .95em; }
.bdc-ask-label { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--a); }
.bdc-ask-label svg { width: 15px; height: 15px; fill: currentColor; }
.bdc-ask .bdc-ask-q { margin: 6px 0 12px; font-size: 1.2em; font-weight: 700; line-height: 1.35; color: var(--theme-headings-color, inherit); }
.bdc-ask-last { display: flex; gap: 10px; align-items: flex-start; margin: 0 0 12px; padding: 10px 12px; border-radius: 12px; background: var(--theme-palette-color-8, #fff); font-size: .92em; line-height: 1.45; }
.bdc-ask-last img { width: 28px; height: 28px; border-radius: 50%; flex: none; margin: 0 !important; }
.bdc-ask-go { display: inline-flex; align-items: center; padding: 9px 18px; border-radius: 999px; background: var(--a); color: var(--bdt-on-color-1, #fff) !important; font-weight: 700; text-decoration: none !important; font-size: .95em; }
.bdc-ask-go:hover { filter: brightness(1.07); }
.bdc-ask-n { margin-left: 12px; font-size: .88em; opacity: .7; }

/* 1.2.6 - Reazioni sull'articolo */
.bdc-areact { margin: 2em 0 1.2em; padding: 16px 0 4px; border-top: 1px solid var(--theme-border-color, rgba(127,127,127,.25)); text-align: center; }
.bdc-areact .bdc-areact-t { margin: 0 0 10px; font-weight: 700; font-size: 1.02em; }
.bdc-areact-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.bdc-areact-b { display: inline-flex; align-items: center; gap: 7px; font: inherit; font-size: 14px; font-weight: 600; line-height: 1; padding: 9px 14px; min-height: 42px; border-radius: 999px; border: 1px solid var(--theme-border-color, rgba(127,127,127,.3)); background: var(--theme-palette-color-8, #fff); color: var(--theme-text-color, inherit); cursor: pointer; transition: transform .12s, border-color .15s, background .15s; }
.bdc-areact-b:hover, .bdc-areact-b:focus-visible { border-color: var(--bdt-accent, var(--theme-palette-color-1, #2563eb)); background: var(--theme-palette-color-8, #fff); color: var(--theme-text-color, inherit); }
.bdc-areact-b:active { transform: scale(.95); }
.bdc-areact-b.is-on { border-color: var(--bdt-accent, var(--theme-palette-color-1, #2563eb)); background: color-mix(in srgb, var(--bdt-accent, #2563eb) 12%, var(--theme-palette-color-8, #fff)); color: var(--theme-text-color, inherit); }
.bdc-areact-e { font-size: 18px; }
.bdc-areact-b b { font-weight: 700; opacity: .75; }
.bdc-areact-b b[hidden] { display: none; }
.bdc-areact .bdc-areact-after, .bdc-areact .bdc-areact-tot { margin: 10px 0 0; font-size: .92em; }
.bdc-areact .bdc-areact-tot { opacity: .7; }
.bdc-areact-after a { font-weight: 700; }
@media (max-width: 690px) { .bdc-areact-l { font-size: 13px; } .bdc-areact-b { padding: 8px 12px; } }

/* 1.2.6 - Campo d'invito per chi non ha l'account */
.bdc-login.is-invite { border-style: solid; }
.bdc .bdc-invite { display: flex; align-items: center; gap: 10px; width: 100%; margin: 0 0 10px; padding: 0; border: 0; background: none; cursor: text; font: inherit; text-align: left; }
.bdc .bdc-invite:hover, .bdc .bdc-invite:focus-visible { background: none; }
.bdc-invite-field { flex: 1; min-height: 46px; display: flex; align-items: center; padding: 10px 16px; border: 1px solid var(--bdc-line); border-radius: 999px; background: var(--bdc-card); color: var(--bdc-muted); font-size: 15px; }
.bdc-invite:hover .bdc-invite-field { border-color: var(--bdc-accent); }
.bdc-invite-send { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; background: var(--bdc-accent); color: var(--bdc-on-accent); }
.bdc-invite-send svg { width: 20px; height: 20px; fill: currentColor; margin-left: 2px; }
.bdc-invite.is-call .bdc-invite-field { border-color: var(--bdc-accent); box-shadow: 0 0 0 4px color-mix(in srgb, var(--bdc-accent) 22%, transparent); }
.bdc-login .bdc-invite-note { margin: 0 0 10px; font-size: 13px; color: var(--bdc-muted); }

/* 1.2.6 - Bolla verso fine articolo */
.bdc-bubble { cursor: pointer; padding: 10px 16px; max-width: min(68vw, 360px); }
.bdc-bubble-in { display: inline-flex; align-items: center; gap: 8px; min-width: 0; }
.bdc-bubble-t { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bdc-bubble svg { flex: none; }

/* 1.2.6 - Invito sotto il titolo (tema BACKdigit) */
.bdt-meta-comments a { color: var(--bdt-accent, var(--theme-palette-color-1, #2563eb)) !important; font-weight: 700; }

/* 1.2.10 - Modifica e togli la domanda dalla pagina (redazione) */
.bdc-q-tools { display: flex; gap: 6px; margin-top: 10px; }
.bdc .bdc-q-tools button { font: inherit; font-size: 13px; font-weight: 600; padding: 4px 12px; min-height: 30px; border-radius: 999px; border: 1px solid var(--bdc-line); background: var(--bdc-card); color: var(--bdc-text); cursor: pointer; }
.bdc .bdc-q-tools button:hover, .bdc .bdc-q-tools button:focus-visible { border-color: var(--bdc-accent); color: var(--bdc-accent); background: var(--bdc-card); }
.bdc .bdc-q-tools button.is-danger:hover { border-color: #dc2626; color: #dc2626; }
.bdc-q-edit { margin-top: 8px; display: flex; flex-direction: column; gap: 8px; }
.bdc-q-edit textarea { width: 100%; font: inherit; font-size: 16px; font-weight: 600; color: var(--bdc-text); background: var(--bdc-card); border: 1px solid var(--bdc-line); border-radius: 10px; padding: 8px 12px; }
.bdc-q-edit-btns { display: flex; gap: 8px; flex-wrap: wrap; }
.bdc-q-edit .bdc-launch-help, .bdc-q-edit .bdc-msg { margin: 0; }

/* 1.2.21: link alla pagina Community */
.bdc-to-community { margin: -6px 0 16px; font-size: 14px; }
.bdc-to-community a { color: var(--bdc-accent); font-weight: 600; text-decoration: none; }
.bdc-to-community a:hover { text-decoration: underline; }
.bdc-to-community-tag { display: inline-block; margin-left: 6px; padding: 1px 8px; border-radius: 999px; border: 1px dashed #d97706; color: #b45309; font-size: 11px; font-weight: 700; vertical-align: middle; }

/* ===== 1.2.25: come firmarsi nei commenti ===== */
.bdc-chip-name { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; font-weight: 500; }
.bdc-chip-name svg { width: 14px; height: 14px; fill: currentColor; flex: none; opacity: .7; }
.bdc-chip-name span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bdc-chip-name b { font-weight: 700; }
.bdc-chip-name[aria-expanded="true"] { border-color: var(--bdc-accent); color: var(--bdc-accent); }
.bdc-namebox { margin: 0 0 18px; padding: 16px 18px; border: 1px solid var(--bdc-line); border-radius: var(--bdc-radius); background: var(--bdc-card); box-shadow: 0 8px 24px rgba(0,0,0,.06); }
.bdc-namebox-t { margin: 0 0 10px; font-weight: 700; }
.bdc-nopts { display: grid; gap: 6px; }
.bdc-nopt { display: flex; align-items: center; gap: 10px; padding: 9px 12px; border: 1px solid var(--bdc-line); border-radius: 10px; cursor: pointer; }
.bdc-nopt:hover { border-color: color-mix(in srgb, var(--bdc-accent) 50%, var(--bdc-line)); }
.bdc-nopt.is-on { border-color: var(--bdc-accent); background: color-mix(in srgb, var(--bdc-accent) 7%, transparent); }
.bdc-nopt input { accent-color: var(--bdc-accent); width: 18px; height: 18px; margin: 0; flex: none; }
.bdc-nopt-txt { display: flex; flex-direction: column; line-height: 1.3; min-width: 0; }
.bdc-nopt-txt b { overflow-wrap: anywhere; }
.bdc-nopt-txt small { font-size: 12.5px; color: var(--bdc-muted); }
.bdc-nick { padding: 2px 0 4px 40px; }
.bdc-nick input { width: 100%; max-width: 320px; font: inherit; font-size: 16px; color: var(--bdc-text); background: var(--bdc-card); border: 1px solid var(--bdc-line); border-radius: 10px; padding: 8px 12px; }
.bdc-nick input:focus { outline: none; border-color: var(--bdc-accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--bdc-accent) 20%, transparent); }
.bdc-namebox-note { margin: 10px 0 0; font-size: 12.5px; color: var(--bdc-muted); }
.bdc-namebox-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin-top: 12px; }
.bdc-namebox-foot .bdc-msg { margin: 0; font-size: 13px; color: #b91c1c; }
html.custom-dark .bdc-namebox-foot .bdc-msg { color: #fca5a5; }
.bdc.is-fs .bdc-namebox { margin: 8px 0 0; max-height: 60vh; overflow: auto; }
@media (max-width: 689.98px) {
	.bdc-namebox { padding: 14px; }
	.bdc-nick { padding-left: 0; }
}