/*
 * Foglio di stile Findomestic: touchpoint (spec §6.1-§6.3: riga "Pagamento a
 * rate con [logo]" e pulsante "Calcola la tua rata" in scheda prodotto e nel
 * carrello, logo e link nel riquadro del metodo al checkout), legal nel footer
 * (§6.4) e banner dello shortcode (§6.5).
 *
 * Il logo PNG è ritagliato al contenuto: l'area di rispetto chiesta dalle
 * regole del documento V3 la dà il padding (ticket 2). Non scende mai sotto
 * 123 px (32,5 mm a 96 dpi, minimo istituzionale 30 mm).
 */

.tun2u-findomestic-logo {
	box-sizing: content-box;
	width: 123px;
	min-width: 123px;
	max-width: none;
	height: auto;
	padding: 6px;
	vertical-align: middle;
}

.tun2u-findomestic-touchpoint {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 8px 16px;
	margin: 16px 0;
}

.tun2u-findomestic-touchpoint__line {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0;
	font-size: 14px;
	line-height: 1.4;
}

.tun2u-findomestic-touchpoint__line .tun2u-findomestic-logo {
	margin-left: 2px;
}

.tun2u-findomestic-touchpoint a.button.tun2u-findomestic-touchpoint__button {
	padding: 10px 20px;
	border: 1px solid #391c00;
	background: #fff;
	color: #391c00;
	font-size: 13px;
	font-weight: 900;
	font-family: 'Lato', sans-serif;
	line-height: 1.2;
	text-transform: none;
	border-radius: 0;
}

.tun2u-findomestic-touchpoint a.button.tun2u-findomestic-touchpoint__button:hover,
.tun2u-findomestic-touchpoint a.button.tun2u-findomestic-touchpoint__button:focus {
	background: #391c00;
	color: #fff;
}

/* In scheda prodotto il pulsante è un po' più grande (richiesta OroFirst, 2026-09-28). */
.single-product .tun2u-findomestic-touchpoint a.button.tun2u-findomestic-touchpoint__button {
	padding: 13px 28px;
	font-size: 15px;
}

/* Nel carrello i totali sono una colonna stretta: riga e pulsante uno sotto l'altro. */
.cart_totals .tun2u-findomestic-touchpoint {
	flex-direction: column;
	align-items: stretch;
	margin: 12px 0;
}

.cart_totals .tun2u-findomestic-touchpoint__button {
	text-align: center;
}

/* Checkout: WooCommerce allinea le icone dei metodi con un margine suo. */
#payment ul.payment_methods li img.tun2u-findomestic-logo {
	max-height: none;
	margin: -2px 0 0 0.5em;
	padding: 2px 6px;
}

.tun2u-findomestic-checkout__simulator {
	padding: 10px 20px;
	border: 1px solid #391c00;
	background: #fff;
	color: #391c00;
	font-size: 13px;
	font-weight: 900;
	font-family: 'Lato', sans-serif;
	line-height: 1.2;
	text-transform: none;
	border-radius: 0;
	display: block;
	max-width: 200px;
	text-align: center;
	margin: 15px auto 0 auto;
}

.tun2u-findomestic-checkout__simulator:hover {
	background: #391c00;
	color: #fff;
}

/*
 * Legal (spec §6.4): `orofirst-new` lo stampa nella fascia dei crediti, sotto
 * il copyright; corpo più piccolo del copyright e bianco attenuato, perché si
 * legga senza pesare sul footer. Il selettore batte `.footerCredits *` del
 * tema (bianco, 11px).
 */
.footerCredits .tun2u-findomestic-legal {
	margin-top: 6px;
	color: rgba(255, 255, 255, 0.6);
	font-size: 11px;
	line-height: 1.4;
}

/*
 * Se il tema non lo chiama, il legal esce da `wp_footer` subito dopo la fascia
 * dei crediti e ne riprende lo sfondo, con lo stesso corpo e colore di sopra.
 * Lo sfondo va a tutta larghezza, il testo parte dove partono i crediti: come
 * `.footerCredits .wrp`, al massimo 1840px centrati con 80px di margine.
 * Le regole valgono per il legal dopo la fascia, di cui è fratello in `body`
 * o in `main.site-main` negli archivi WooCommerce, dove il tema non chiude il
 * wrapper. Stampato dal tema altrove, il legal prende lo stile del punto in
 * cui sta.
 */
.footerCredits~.tun2u-findomestic-legal {
	padding: 0 max(80px, calc((100% - 1840px) / 2 + 80px)) 16px;
	background-color: #391c00;
	color: rgba(255, 255, 255, 0.6);
	font-size: 10px;
	line-height: 1.4;
}

@media screen and (max-width: 1200px) {
	.footerCredits~.tun2u-findomestic-legal {
		padding: 0 40px 16px;
	}
}

/*
 * Banner (spec §6.5): creatività da non modificare, sempre alla loro misura.
 * Contengono il logo, che non scende sotto i 30 mm: il tema restringe ogni
 * immagine al contenitore, il banner no.
 */
.tun2u-findomestic-banner {
	display: inline-block;
}

.tun2u-findomestic-banner img {
	display: block;
	max-width: none;
}
@media screen and (max-width: 480px) {
	.tun2u-findomestic-touchpoint {
		justify-content: center;
	}
	.tun2u-findomestic-touchpoint__line {
		display: block;
		text-align: center;
	}
	.tun2u-findomestic-touchpoint__line .tun2u-findomestic-logo {
		display: inline-block;
	}
}