/*
 * TrustBar (screens.jsx dell'oracolo, `function TrustBar()`) — fascia di
 * fiducia con 4 elementi (garanzia/spedizione/reso/rate). Uso reale: sezione
 * `.fm-trust` già presente nel contenuto vero della home page (pagina
 * "Home FlashMac SF", ID 1442915, page_on_front — ereditata da flashmac-sf,
 * non riscritta qui), oggi senza stile perché il CSS del vecchio tema non è
 * più caricato. Contenuto già identico all'oracolo (stessi 4 titoli/sottotitoli).
 *
 * Sfondo band "b" a piena larghezza + contenuto centrato via il trucco CSS
 * del "breakout" (::before assoluto largo 100vw, ricentrato) invece di una
 * seconda <div> wrapper: .fm-trust è l'unico elemento reale disponibile nel
 * markup della pagina, non aggiungibile senza toccare il contenuto editabile.
 *
 * Nota: il markup reale ha `role="button" tabindex="0" data-fm-modal-open`
 * su ogni card (apriva un modale nel vecchio tema, JS mai portato qui —
 * l'oracolo stesso NON ha interattività su questi elementi). Nessun cursor
 * pointer/hover aggiunto: le card restano visivamente statiche, come
 * nell'oracolo, senza promettere un'interazione che non esiste.
 */
.fm-trust {
	position: relative;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--wp--preset--spacing--4);
	max-width: var(--wp--custom--shell--default);
	margin-inline: auto;
	padding: var(--wp--preset--spacing--6) var(--wp--custom--gutter-shell);
}
.fm-trust::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 100vw;
	transform: translateX(-50%);
	background: var(--wp--custom--band--b);
	z-index: -1;
}
@media (max-width: 767px) {
	.fm-trust {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.fm-trust .t {
	display: flex;
	align-items: center;
	gap: 13px;
	padding: 16px 18px;
	background: var(--wp--custom--surface-card);
	border: var(--wp--custom--border-width--hair) solid var(--wp--custom--border-subtle);
	border-radius: var(--wp--custom--radius--md);
	box-shadow: var(--wp--custom--shadow--xs);
}
@media (max-width: 767px) {
	.fm-trust .t {
		gap: 10px;
		padding: var(--wp--preset--spacing--3);
	}
}

.fm-trust .ic {
	width: 40px;
	height: 40px;
	flex: 0 0 40px;
	border-radius: var(--wp--custom--radius--sm);
	background: var(--wp--custom--accent-soft);
	color: var(--wp--preset--color--flash-pink);
	display: flex;
	align-items: center;
	justify-content: center;
}
.fm-trust .ic svg {
	width: 19px;
	height: 19px;
}
@media (max-width: 767px) {
	.fm-trust .ic {
		width: 32px;
		height: 32px;
		flex-basis: 32px;
	}
	.fm-trust .ic svg {
		width: 16px;
		height: 16px;
	}
}

.fm-trust strong {
	display: block;
	font-family: var(--wp--preset--font-family--display);
	font-weight: var(--wp--custom--fw--bold);
	font-size: var(--wp--preset--font-size--sm);
	color: var(--wp--custom--text-strong);
}
.fm-trust small {
	display: block;
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--xs);
	color: var(--wp--custom--text-muted);
}