/*! BD Blocks 0.1.0 */

/* Variabili di base (i valori reali arrivano dalle impostazioni, vedi inline style).
   Il tema dark ridefinisce le stesse variabili sotto .custom-dark. */
:root {
	--bdb-btn-bg: #2563eb;
	--bdb-btn-text: #ffffff;
	--bdb-radius: 8px;
	--bdb-focus: #f59e0b;
}

/* ---------------------------------------------------------------- Pulsante */
.bd-btn-wrap {
	display: flex;
	flex-wrap: wrap;
	margin: 1.25em 0;
}
.bd-btn-wrap--left { justify-content: flex-start; }
.bd-btn-wrap--center { justify-content: center; }
.bd-btn-wrap--right { justify-content: flex-end; }
.bd-btn-wrap--full { justify-content: stretch; }

/* Selettori con classe doppia: battono gli stili dei link del tema. */
.bd-btn-wrap .bd-btn.bd-btn {
	--_bg: var(--bdb-c-bg, var(--bdb-btn-bg, #2563eb));
	--_text: var(--bdb-c-text, var(--bdb-btn-text, #ffffff));
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .5em;
	box-sizing: border-box;
	padding: .7em 1.35em;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	border: 2px solid var(--_bg);
	border-radius: var(--bdb-radius, 8px);
	background: var(--_bg);
	color: var(--_text);
	cursor: pointer;
	box-shadow: none;
	transition: background-color .15s, color .15s, border-color .15s, transform .15s, filter .15s;
}

/* Colori dark: colore dark del blocco, altrimenti colore scelto, altrimenti globale (già dark). */
.custom-dark .bd-btn-wrap .bd-btn.bd-btn {
	--_bg: var(--bdb-d-bg, var(--bdb-c-bg, var(--bdb-btn-bg, #3b82f6)));
	--_text: var(--bdb-d-text, var(--bdb-c-text, var(--bdb-btn-text, #ffffff)));
}

/* Varianti */
.bd-btn-wrap .bd-btn--outline.bd-btn {
	background: transparent;
	color: var(--_bg);
}
.bd-btn-wrap .bd-btn--ghost.bd-btn {
	background: transparent;
	border-color: transparent;
	color: var(--_bg);
}

/* Hover / focus */
.bd-btn-wrap .bd-btn--fill.bd-btn:hover,
.bd-btn-wrap .bd-btn--fill.bd-btn:focus {
	color: var(--_text);
	filter: brightness(1.1);
	transform: translateY(-1px);
}
.bd-btn-wrap .bd-btn--outline.bd-btn:hover,
.bd-btn-wrap .bd-btn--outline.bd-btn:focus,
.bd-btn-wrap .bd-btn--ghost.bd-btn:hover,
.bd-btn-wrap .bd-btn--ghost.bd-btn:focus {
	color: var(--_bg);
	background: rgba(127, 127, 127, .14);
	background: color-mix(in srgb, var(--_bg) 14%, transparent);
}
.bd-btn-wrap .bd-btn--fill.bd-btn:visited { color: var(--_text); }
.bd-btn-wrap .bd-btn--outline.bd-btn:visited,
.bd-btn-wrap .bd-btn--ghost.bd-btn:visited { color: var(--_bg); }
.bd-btn-wrap .bd-btn.bd-btn:focus-visible {
	outline: 3px solid var(--bdb-focus, #f59e0b);
	outline-offset: 3px;
}

/* Dimensioni */
.bd-btn-wrap .bd-btn--s.bd-btn { font-size: .875rem; padding: .5em 1em; }
.bd-btn-wrap .bd-btn--l.bd-btn { font-size: 1.125rem; padding: .85em 1.7em; }
.bd-btn-wrap .bd-btn--full.bd-btn { width: 100%; }

/* Icona */
.bd-btn__icon { display: inline-flex; align-items: center; font-size: 1.15em; line-height: 1; }
.bd-btn__svg { display: block; }
/* I loghi dei servizi sono pieni e pesano meno dei tratti: leggermente piu' grandi. */
.bd-btn--p-youtube .bd-btn__icon,
.bd-btn--p-twitch .bd-btn__icon,
.bd-btn--p-discord .bd-btn__icon,
.bd-btn--p-spotify .bd-btn__icon,
.bd-btn--p-steam .bd-btn__icon,
.bd-btn--p-github .bd-btn__icon,
.bd-btn--p-github-secondary .bd-btn__icon { font-size: 1.35em; }

/* ------------------------------------------------------ Temi preimpostati
   Ogni tema definisce da solo colori e aspetto (la variante non si applica).
   Il colore del testo passa da --_pt, perche' le regole .custom-dark del pulsante
   base (piu' specifiche) ridefiniscono --_text e lo sovrascriverebbero. */
.bd-btn-wrap .bd-btn.bd-btn[class*="bd-btn--p-"],
.bd-btn-wrap .bd-btn.bd-btn[class*="bd-btn--p-"]:hover,
.bd-btn-wrap .bd-btn.bd-btn[class*="bd-btn--p-"]:focus,
.bd-btn-wrap .bd-btn.bd-btn[class*="bd-btn--p-"]:visited,
.bd-btn-wrap .bd-btn.bd-btn[class*="bd-btn--p-"]:active {
	color: var(--_pt, #fff);
}

/* Gaming: gradiente viola-ciano con bagliore neon */
.bd-btn-wrap .bd-btn.bd-btn--p-gaming {
	--_pt: #ffffff;
	background: linear-gradient(135deg, #7c3aed 0%, #06b6d4 100%);
	border-color: transparent;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
	box-shadow: 0 4px 18px rgba(124, 58, 237, .45);
}
.bd-btn-wrap .bd-btn.bd-btn--p-gaming:hover,
.bd-btn-wrap .bd-btn.bd-btn--p-gaming:focus {
	filter: brightness(1.12);
	transform: translateY(-2px);
	box-shadow: 0 0 22px rgba(6, 182, 212, .65);
}
.custom-dark .bd-btn-wrap .bd-btn.bd-btn--p-gaming { box-shadow: 0 0 20px rgba(124, 58, 237, .6); }
.custom-dark .bd-btn-wrap .bd-btn.bd-btn--p-gaming:hover,
.custom-dark .bd-btn-wrap .bd-btn.bd-btn--p-gaming:focus { box-shadow: 0 0 28px rgba(6, 182, 212, .8); }

/* GitHub verde (pulsante primario) */
.bd-btn-wrap .bd-btn.bd-btn--p-github {
	--_pt: #ffffff;
	background: #2da44e;
	border: 1px solid rgba(27, 31, 36, .15);
	border-radius: 6px;
	box-shadow: 0 1px 0 rgba(27, 31, 36, .1);
}
.bd-btn-wrap .bd-btn.bd-btn--p-github:hover,
.bd-btn-wrap .bd-btn.bd-btn--p-github:focus { background: #2c974b; }
.custom-dark .bd-btn-wrap .bd-btn.bd-btn--p-github {
	background: #238636;
	border-color: rgba(240, 246, 252, .1);
	box-shadow: none;
}
.custom-dark .bd-btn-wrap .bd-btn.bd-btn--p-github:hover,
.custom-dark .bd-btn-wrap .bd-btn.bd-btn--p-github:focus { background: #2ea043; }

/* GitHub grigio (pulsante secondario) */
.bd-btn-wrap .bd-btn.bd-btn--p-github-secondary {
	--_pt: #24292f;
	background: #f6f8fa;
	border: 1px solid #d0d7de;
	border-radius: 6px;
	box-shadow: 0 1px 0 rgba(27, 31, 36, .04);
}
.bd-btn-wrap .bd-btn.bd-btn--p-github-secondary:hover,
.bd-btn-wrap .bd-btn.bd-btn--p-github-secondary:focus { background: #eaeef2; border-color: #afb8c1; }
.custom-dark .bd-btn-wrap .bd-btn.bd-btn--p-github-secondary {
	--_pt: #c9d1d9;
	background: #21262d;
	border-color: #363b42;
	box-shadow: none;
}
.custom-dark .bd-btn-wrap .bd-btn.bd-btn--p-github-secondary:hover,
.custom-dark .bd-btn-wrap .bd-btn.bd-btn--p-github-secondary:focus { background: #30363d; border-color: #8b949e; }

/* Shop: giallo da acquisto, testo scuro (leggibile anche in dark) */
.bd-btn-wrap .bd-btn.bd-btn--p-shop {
	--_pt: #0f1111;
	background: #ffd814;
	border: 1px solid #fcd200;
	border-radius: 999px;
	box-shadow: 0 2px 5px rgba(213, 217, 217, .5);
}
.bd-btn-wrap .bd-btn.bd-btn--p-shop:hover,
.bd-btn-wrap .bd-btn.bd-btn--p-shop:focus { background: #f7ca00; border-color: #f2c200; }

/* Tramonto: gradiente arancio-rosa a pillola */
.bd-btn-wrap .bd-btn.bd-btn--p-gradient {
	--_pt: #ffffff;
	background: linear-gradient(135deg, #f97316 0%, #ec4899 100%);
	border-color: transparent;
	border-radius: 999px;
	box-shadow: 0 6px 18px rgba(236, 72, 153, .35);
}
.bd-btn-wrap .bd-btn.bd-btn--p-gradient:hover,
.bd-btn-wrap .bd-btn.bd-btn--p-gradient:focus { filter: brightness(1.08); transform: translateY(-1px); }
.custom-dark .bd-btn-wrap .bd-btn.bd-btn--p-gradient { box-shadow: 0 6px 22px rgba(236, 72, 153, .5); }

/* Neo-brutalist: bordo spesso e ombra piena */
.bd-btn-wrap .bd-btn.bd-btn--p-neo {
	--_pt: #111111;
	background: #facc15;
	border: 3px solid #111111;
	border-radius: 4px;
	font-weight: 800;
	box-shadow: 4px 4px 0 #111111;
}
.bd-btn-wrap .bd-btn.bd-btn--p-neo:hover,
.bd-btn-wrap .bd-btn.bd-btn--p-neo:focus { transform: translate(-2px, -2px); box-shadow: 6px 6px 0 #111111; }
.bd-btn-wrap .bd-btn.bd-btn--p-neo:active { transform: translate(2px, 2px); box-shadow: 0 0 0 #111111; }
.custom-dark .bd-btn-wrap .bd-btn.bd-btn--p-neo { border-color: #f5f5f5; box-shadow: 4px 4px 0 #f5f5f5; }
.custom-dark .bd-btn-wrap .bd-btn.bd-btn--p-neo:hover,
.custom-dark .bd-btn-wrap .bd-btn.bd-btn--p-neo:focus { box-shadow: 6px 6px 0 #f5f5f5; }
.custom-dark .bd-btn-wrap .bd-btn.bd-btn--p-neo:active { box-shadow: 0 0 0 #f5f5f5; }

/* Terminale: nero e verde, font monospazio */
.bd-btn-wrap .bd-btn.bd-btn--p-terminal {
	--_pt: #22c55e;
	background: #000000;
	border: 1px solid #22c55e;
	border-radius: 4px;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
	font-weight: 600;
	letter-spacing: .02em;
}
.bd-btn-wrap .bd-btn--p-terminal .bd-btn__text::before { content: "> "; }
.bd-btn-wrap .bd-btn.bd-btn--p-terminal:hover,
.bd-btn-wrap .bd-btn.bd-btn--p-terminal:focus { --_pt: #000000; background: #22c55e; }

/* Temi ispirati a servizi noti: solo colori e forme, nessun logo. */
/* Netflix */
.bd-btn-wrap .bd-btn.bd-btn--p-netflix {
	--_pt: #ffffff;
	background: #e50914;
	border: 1px solid #e50914;
	border-radius: 4px;
	font-weight: 700;
}
.bd-btn-wrap .bd-btn.bd-btn--p-netflix:hover,
.bd-btn-wrap .bd-btn.bd-btn--p-netflix:focus { background: #f6121d; border-color: #f6121d; }

/* Prime Video */
.bd-btn-wrap .bd-btn.bd-btn--p-prime {
	--_pt: #ffffff;
	background: #1a98ff;
	border: 1px solid #1a98ff;
	border-radius: 4px;
	font-weight: 700;
}
.bd-btn-wrap .bd-btn.bd-btn--p-prime:hover,
.bd-btn-wrap .bd-btn.bd-btn--p-prime:focus { background: #4db1ff; border-color: #4db1ff; }

/* Amazon: arancio, testo scuro */
.bd-btn-wrap .bd-btn.bd-btn--p-amazon {
	--_pt: #0f1111;
	background: #ffa41c;
	border: 1px solid #ff8f00;
	border-radius: 8px;
	font-weight: 600;
}
.bd-btn-wrap .bd-btn.bd-btn--p-amazon:hover,
.bd-btn-wrap .bd-btn.bd-btn--p-amazon:focus { background: #fa8900; border-color: #e47911; }

/* Spotify: pillola verde, testo nero */
.bd-btn-wrap .bd-btn.bd-btn--p-spotify {
	--_pt: #000000;
	background: #1ed760;
	border-color: transparent;
	border-radius: 999px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
}
.bd-btn-wrap .bd-btn.bd-btn--p-spotify:hover,
.bd-btn-wrap .bd-btn.bd-btn--p-spotify:focus { background: #3be477; transform: scale(1.04); }

/* YouTube: rosso, maiuscolo */
.bd-btn-wrap .bd-btn.bd-btn--p-youtube {
	--_pt: #ffffff;
	background: #ff0000;
	border-color: #ff0000;
	border-radius: 2px;
	font-weight: 600;
	letter-spacing: .04em;
	text-transform: uppercase;
}
.bd-btn-wrap .bd-btn.bd-btn--p-youtube:hover,
.bd-btn-wrap .bd-btn.bd-btn--p-youtube:focus { background: #cc0000; border-color: #cc0000; }

/* Twitch */
.bd-btn-wrap .bd-btn.bd-btn--p-twitch {
	--_pt: #ffffff;
	background: #9146ff;
	border-color: #9146ff;
	border-radius: 4px;
	font-weight: 600;
}
.bd-btn-wrap .bd-btn.bd-btn--p-twitch:hover,
.bd-btn-wrap .bd-btn.bd-btn--p-twitch:focus { background: #772ce8; border-color: #772ce8; }

/* Steam: gradiente verde */
.bd-btn-wrap .bd-btn.bd-btn--p-steam {
	--_pt: #ffffff;
	background: linear-gradient(to right, #75b022 5%, #588a1b 95%);
	border-color: transparent;
	border-radius: 2px;
	font-weight: 600;
}
.bd-btn-wrap .bd-btn.bd-btn--p-steam:hover,
.bd-btn-wrap .bd-btn.bd-btn--p-steam:focus { filter: brightness(1.12); }

/* Discord */
.bd-btn-wrap .bd-btn.bd-btn--p-discord {
	--_pt: #ffffff;
	background: #5865f2;
	border-color: #5865f2;
	border-radius: 4px;
	font-weight: 600;
}
.bd-btn-wrap .bd-btn.bd-btn--p-discord:hover,
.bd-btn-wrap .bd-btn.bd-btn--p-discord:focus { background: #4752c4; border-color: #4752c4; }

/* ------------------------------------------------------------------ Box CTA
   Il box imposta --bdb-c-bg / --bdb-c-text come colore d'accento: un pulsante
   interno con tema "predefinito" li eredita (e li usa anche in dark). */
:root {
	--bdb-box-bg: #f6f7f9;
	--bdb-box-text: #1f2937;
	--bdb-box-border: #e5e7eb;
}
.custom-dark {
	--bdb-box-bg: #1b1b1f;
	--bdb-box-text: #e8e8ea;
	--bdb-box-border: #34343a;
}

.bd-box {
	box-sizing: border-box;
	margin: 1.5em 0;
	padding: 1.5rem 1.75rem;
	border: 1px solid var(--bdb-box-border);
	border-radius: calc(var(--bdb-radius, 8px) + 4px);
	background: var(--bdb-box-bg);
	color: var(--bdb-box-text);
}
.bd-box .bd-box__inner :is(h1, h2, h3, h4, h5, h6, p, li, ul, ol) { color: inherit; }
.bd-box .bd-box__inner > :first-child { margin-top: 0; }
.bd-box .bd-box__inner > :last-child { margin-bottom: 0; }
.bd-box .bd-box__inner > .bd-btn-wrap { margin: 1.1rem 0 0; }
.bd-box--text-center .bd-box__inner > :not(.bd-btn-wrap) { text-align: center; }

/* Disposizione "affiancata": testo a sinistra, pulsante a destra */
.bd-box--side .bd-box__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	column-gap: 1.75rem;
	align-items: center;
}
.bd-box--side .bd-box__inner > * { grid-column: 1; }
.bd-box--side .bd-box__inner > .bd-btn-wrap { grid-column: 2; grid-row: 1 / span 6; margin: 0; }
@media (max-width: 640px) {
	.bd-box--side .bd-box__inner { display: block; }
	.bd-box--side .bd-box__inner > .bd-btn-wrap { margin: 1.1rem 0 0; }
}

/* Logo del tema in alto nel box (opzionale): usa il colore d'accento del tema. */
.bd-box__logo {
	display: flex;
	align-items: center;
	font-size: 1.9rem;
	line-height: 1;
	margin: 0 0 .75rem;
	color: var(--bdb-c-bg, currentColor);
}
.bd-box__logo .bd-btn__svg { display: block; }
.bd-box--text-center .bd-box__logo { justify-content: center; }
.bd-box--p-github .bd-box__logo,
.bd-box--p-steam .bd-box__logo { color: inherit; }

/* Netflix */
.bd-box--p-netflix {
	background: linear-gradient(135deg, #141414 0%, #2b0c0f 100%);
	color: #ffffff;
	border-color: #2b2b2b;
	--bdb-c-bg: #e50914;
	--bdb-c-text: #ffffff;
}
/* Prime Video */
.bd-box--p-prime {
	background: linear-gradient(135deg, #0f171e 0%, #17232f 100%);
	color: #ffffff;
	border-color: #1b2530;
	--bdb-c-bg: #1a98ff;
	--bdb-c-text: #ffffff;
}
/* Amazon: chiaro con bordo grigio, in dark blu notte */
.bd-box--p-amazon {
	background: #ffffff;
	color: #0f1111;
	border-color: #d5d9d9;
	--bdb-c-bg: #ffa41c;
	--bdb-c-text: #0f1111;
}
.custom-dark .bd-box--p-amazon { background: #232f3e; color: #ffffff; border-color: #37475a; }
/* Spotify */
.bd-box--p-spotify {
	background: linear-gradient(135deg, #1f1f1f 0%, #121212 100%);
	color: #ffffff;
	border-color: #2a2a2a;
	--bdb-c-bg: #1ed760;
	--bdb-c-text: #000000;
}
/* YouTube */
.bd-box--p-youtube {
	background: #0f0f0f;
	color: #ffffff;
	border-color: #272727;
	--bdb-c-bg: #ff0000;
	--bdb-c-text: #ffffff;
}
/* Twitch */
.bd-box--p-twitch {
	background: #18181b;
	color: #efeff1;
	border-color: #3a3a3d;
	--bdb-c-bg: #9146ff;
	--bdb-c-text: #ffffff;
}
/* Steam */
.bd-box--p-steam {
	background: linear-gradient(135deg, #1b2838 0%, #2a475e 100%);
	color: #c7d5e0;
	border-color: #2a475e;
	--bdb-c-bg: #75b022;
	--bdb-c-text: #ffffff;
}
/* Discord */
.bd-box--p-discord {
	background: #313338;
	color: #f2f3f5;
	border-color: #3f4147;
	--bdb-c-bg: #5865f2;
	--bdb-c-text: #ffffff;
}
/* GitHub: chiaro e dark come il sito */
.bd-box--p-github {
	background: #f6f8fa;
	color: #24292f;
	border-color: #d0d7de;
	border-radius: 6px;
	--bdb-c-bg: #2da44e;
	--bdb-c-text: #ffffff;
}
.custom-dark .bd-box--p-github {
	background: #0d1117;
	color: #c9d1d9;
	border-color: #30363d;
	--bdb-c-bg: #238636;
}
/* Gaming */
.bd-box--p-gaming {
	background: linear-gradient(135deg, #0b0f1a 0%, #1a1033 100%);
	color: #e5e7eb;
	border-color: rgba(124, 58, 237, .55);
	box-shadow: 0 0 24px rgba(124, 58, 237, .25);
	--bdb-c-bg: #7c3aed;
	--bdb-c-text: #ffffff;
}
/* Tramonto */
.bd-box--p-gradient {
	background: linear-gradient(135deg, #f97316 0%, #ec4899 100%);
	color: #ffffff;
	border-color: transparent;
	--bdb-c-bg: #ffffff;
	--bdb-c-text: #be185d;
}
/* Neo-brutalist */
.bd-box--p-neo {
	background: #facc15;
	color: #111111;
	border: 3px solid #111111;
	border-radius: 4px;
	box-shadow: 6px 6px 0 #111111;
	--bdb-c-bg: #111111;
	--bdb-c-text: #ffffff;
}
.custom-dark .bd-box--p-neo { border-color: #f5f5f5; box-shadow: 6px 6px 0 #f5f5f5; --bdb-c-bg: #f5f5f5; --bdb-c-text: #111111; }
/* Terminale */
.bd-box--p-terminal {
	background: #000000;
	color: #22c55e;
	border: 1px solid #22c55e;
	border-radius: 4px;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
	--bdb-c-bg: #22c55e;
	--bdb-c-text: #000000;
}

/* ------------------------------------------------ Seconda riga (stile badge store) */
.bd-btn__label {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	text-align: left;
	line-height: 1.15;
}
.bd-btn__sub {
	font-size: .66em;
	font-weight: 500;
	letter-spacing: .02em;
	opacity: .92;
	text-transform: none;
}
.bd-btn-wrap .bd-btn--2l.bd-btn { padding-top: .5em; padding-bottom: .5em; }
.bd-btn--2l .bd-btn__text { font-size: 1.2em; font-weight: 600; line-height: 1.1; }

/* ------------------------------------------------------------ Temi degli store
   Aspetto ispirato ai pulsanti di download (non sono i badge ufficiali: per quelli
   si usa la modalita' "Immagine badge"). Nero con bordo grigio, visibile anche in dark. */
.bd-btn-wrap .bd-btn.bd-btn--p-googleplay,
.bd-btn-wrap .bd-btn.bd-btn--p-appstore,
.bd-btn-wrap .bd-btn.bd-btn--p-store {
	--_pt: #ffffff;
	background: #000000;
	border: 1px solid #a6a6a6;
	border-radius: 8px;
	gap: .7em;
	min-width: 10.5em;
	justify-content: flex-start;
	padding-left: 1.1em;
	padding-right: 1.3em;
}
.bd-btn-wrap .bd-btn.bd-btn--p-googleplay { border-radius: 6px; }
.bd-btn-wrap .bd-btn.bd-btn--p-appstore { border-radius: 10px; }
.bd-btn-wrap .bd-btn.bd-btn--p-googleplay:hover,
.bd-btn-wrap .bd-btn.bd-btn--p-googleplay:focus,
.bd-btn-wrap .bd-btn.bd-btn--p-appstore:hover,
.bd-btn-wrap .bd-btn.bd-btn--p-appstore:focus,
.bd-btn-wrap .bd-btn.bd-btn--p-store:hover,
.bd-btn-wrap .bd-btn.bd-btn--p-store:focus { background: #1c1c1c; border-color: #ffffff; }
.custom-dark .bd-btn-wrap .bd-btn.bd-btn--p-googleplay,
.custom-dark .bd-btn-wrap .bd-btn.bd-btn--p-appstore,
.custom-dark .bd-btn-wrap .bd-btn.bd-btn--p-store { border-color: #d1d1d1; }
.bd-btn--p-googleplay .bd-btn__icon,
.bd-btn--p-appstore .bd-btn__icon,
.bd-btn--p-store .bd-btn__icon { font-size: 1.9em; }

/* ------------------------------------------------------ Immagine badge (ufficiale) */
.bd-btn-wrap .bd-btn.bd-btn.bd-btn--badge {
	display: inline-block;
	width: auto;
	min-width: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	line-height: 0;
}
.bd-btn--badge .bd-btn__badge { display: block; width: auto; max-width: 100%; }
.bd-btn-wrap .bd-btn.bd-btn.bd-btn--badge:hover,
.bd-btn-wrap .bd-btn.bd-btn.bd-btn--badge:focus { background: transparent; filter: none; transform: none; opacity: .88; }

/* ---------------------------------------------------------- Gruppo pulsanti */
.bd-btns {
	--_gap: .75rem;
	display: flex;
	flex-wrap: wrap;
	gap: var(--_gap);
	margin: 1.25em 0;
}
.bd-btns--gap-s { --_gap: .4rem; }
.bd-btns--gap-l { --_gap: 1.25rem; }
.bd-btns--column { flex-direction: column; align-items: flex-start; flex-wrap: nowrap; }
.bd-btns--row.bd-btns--justify-left { justify-content: flex-start; }
.bd-btns--row.bd-btns--justify-center { justify-content: center; }
.bd-btns--row.bd-btns--justify-right { justify-content: flex-end; }
.bd-btns--row.bd-btns--justify-between { justify-content: space-between; }
.bd-btns--column.bd-btns--justify-center { align-items: center; }
.bd-btns--column.bd-btns--justify-right { align-items: flex-end; }
.bd-btns > .bd-btn-wrap { margin: 0; flex: 0 0 auto; }
/* Stessa larghezza: celle uguali, i pulsanti le riempiono (i badge immagine restano della loro misura). */
.bd-btns--equal > .bd-btn-wrap { flex: 0 1 13rem; }
.bd-btns--equal .bd-btn.bd-btn:not(.bd-btn--badge) { width: 100%; }
.bd-btns--column.bd-btns--equal > .bd-btn-wrap { flex: 0 0 auto; width: 13rem; max-width: 100%; }

/* Gruppo dentro il Box CTA */
.bd-box .bd-box__inner > .bd-btns { margin: 1.1rem 0 0; }
.bd-box--side .bd-box__inner > .bd-btns { grid-column: 2; grid-row: 1 / span 6; margin: 0; }
@media (max-width: 640px) {
	.bd-box--side .bd-box__inner > .bd-btns { margin: 1.1rem 0 0; }
}

@media (prefers-reduced-motion: reduce) {
	.bd-btn-wrap .bd-btn.bd-btn { transition: none; }
	.bd-btn-wrap .bd-btn--fill.bd-btn:hover,
	.bd-btn-wrap .bd-btn--fill.bd-btn:focus,
	.bd-btn-wrap .bd-btn[class*="bd-btn--p-"]:hover,
	.bd-btn-wrap .bd-btn[class*="bd-btn--p-"]:focus,
	.bd-btn-wrap .bd-btn[class*="bd-btn--p-"]:active { transform: none; }
}

/* Editor: il testo dentro il pulsante deve restare dell'aspetto del pulsante. */
.editor-styles-wrapper .bd-btn-wrap .bd-btn.bd-btn { cursor: text; }
.editor-styles-wrapper .bd-btn__text { color: inherit; min-width: 2ch; }