/* Trascriviamo – intestazione fattura: layout dei campi (checkout a blocchi e modulo classico) */

/* ---------- Checkout a blocchi ----------
 * Il blocco dispone i campi con flex (gap 12px, mezza riga = flex 1 0 calc(50% - 12px), margin-top 12px)
 * e azzera il margine del primo campo E del campo di testo che lo segue: con la nostra select in testa
 * ciò toglieva il margine a Cognome (o a Intestazione), che risultava disallineato/attaccato.
 * NON usiamo "order": ordine visivo = ordine del DOM = ordine del Tab (nessun salto).
 */
.wc-block-components-address-form > [class*="trascriviamo-tipo"] {
	flex: 0 0 100% !important;
	max-width: 100% !important;
}
.wc-block-components-address-form > [class*="trascriviamo-tipo"]:first-child .wc-blocks-components-select {
	margin-top: 0;
}
.wc-block-components-address-form > [class*="trascriviamo-cognome"],
.wc-block-components-address-form > [class*="trascriviamo-nome"] {
	flex: 1 0 calc(50% - 12px) !important;
	max-width: none !important;
	margin-top: 12px !important;
}
.wc-block-components-address-form > [class*="trascriviamo-intestazione"],
.wc-block-components-address-form > [class*="trascriviamo-codice_fiscale"],
.wc-block-components-address-form > [class*="trascriviamo-partita_iva"],
.wc-block-components-address-form > [class*="trascriviamo-sdi_pec"] {
	flex: 0 0 100% !important;
	max-width: 100% !important;
	margin-top: 12px !important;
}
/* "Paese" non è più il primo campo: WooCommerce gli toglie il margine superiore (pensato per quando sta in
 * cima) e risultava attaccato a Cognome/Nome o Intestazione → lo ripristiniamo. */
.wc-block-components-address-form > .wc-block-components-address-form__country:not(:first-child) .wc-blocks-components-select {
	margin-top: 12px !important;
}
@media (max-width: 600px) {
	.wc-block-components-address-form > [class*="trascriviamo-cognome"],
	.wc-block-components-address-form > [class*="trascriviamo-nome"] {
		flex-basis: 100% !important;
	}
}

/* Intestazione salvata scelta dalla rubrica: i campi dell'indirizzo spariscono (si modifica da Il mio account) */
.wc-block-checkout__billing-fields.tr-rubrica-locked .wc-block-components-address-address-wrapper { display: none !important; }
.wc-block-checkout__billing-fields.tr-rubrica-locked .tr-rubrica { margin-bottom: 0; }

/* Campi standard che non fanno più parte dell'indirizzo */
.wc-block-components-address-form__first_name,
.wc-block-components-address-form__last_name,
.wc-block-components-address-form__company { display: none !important; }

/* Utente loggato: e-mail e telefono li ha già forniti in fase di registrazione,
 * non vanno mostrati né modificati alla conferma dell'ordine → nascondiamo la sezione contatti. */
body.logged-in .wc-block-checkout__contact-fields { display: none !important; }

/* Codici sempre in maiuscolo */
.wc-block-components-address-form input[data-tr-upper],
.woocommerce-address-fields input[name*="codice_fiscale"],
.woocommerce-address-fields input[name*="partita_iva"] { text-transform: uppercase; }

/* ---------- Rubrica al checkout: schede di scelta sopra l'indirizzo di fatturazione ---------- */
.tr-rubrica { margin: 0 0 20px; }
.tr-rubrica__title { font-weight: 600; font-size: 1rem; margin: 0 0 10px; }
.tr-rubrica__list { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; }
.tr-rubrica__item {
	display: flex; align-items: flex-start; gap: 12px; margin: 0; padding: 12px 14px; cursor: pointer;
	border: 1px solid #d9dfe3; border-radius: 8px; background: #fff; line-height: 1.4;
	transition: border-color .15s, box-shadow .15s;
}
.tr-rubrica__item:hover { border-color: #9fb0ba; }
.tr-rubrica__item.is-selected { border-color: #0d7d88; box-shadow: 0 0 0 2px rgba(13,125,136,.15); background: #f3fafb; }
.tr-rubrica__item input[type="radio"] { flex: 0 0 auto; width: 18px; height: 18px; margin: 3px 0 0; accent-color: #0d7d88; cursor: pointer; }
.tr-rubrica__body { flex: 1 1 auto; min-width: 0; display: block; }
.tr-rubrica__name { display: block; font-weight: 600; font-size: .98rem; }
.tr-rubrica__meta { display: block; font-size: .85rem; color: #4b5a63; margin-top: 2px; }
.tr-rubrica__tag { display: inline-block; vertical-align: 2px; margin-left: 8px; background: #0d7d88; color: #fff; font-size: .68rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; padding: 2px 8px; border-radius: 999px; }
.tr-rubrica__item--new { border-style: dashed; background: #fafbfc; }
.tr-rubrica__item--new .tr-rubrica__name { color: #0d7d88; }
.tr-rubrica__item--new.is-selected { border-style: solid; }
.tr-rubrica__hint { margin: 10px 0 0; font-size: .85rem; color: #4b5a63; }
.tr-rubrica__hint a { color: #1d5fa8; text-decoration: underline; }
.tr-rubrica__note { margin: 0; padding: 12px 14px; border: 1px dashed #b9c2c8; border-radius: 8px; background: #fafbfc; font-size: .92rem; color: #33424b; }
.tr-rubrica__note--warn { margin-top: 10px; border-style: solid; border-color: #e0a800; background: #fff8e1; }

/* ---------- Modulo classico (Il mio account → Intestazioni fattura) ---------- */
.woocommerce-address-fields .tr-bill-field.tr-hidden { display: none; }
.tr-book__intro { color: #4b5a63; margin: 0 0 18px; }
.tr-book__back { margin: 0 0 10px; font-size: .9rem; }
.tr-book__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; margin: 0 0 20px; }
.tr-book__card { position: relative; border: 1px solid #d9dfe3; border-radius: 10px; padding: 18px 16px 14px; background: #fff; }
.tr-book__card.is-default { border-color: #0d7d88; box-shadow: 0 0 0 2px rgba(13,125,136,.12); }
.tr-book__badge { position: absolute; top: -10px; left: 14px; background: #0d7d88; color: #fff; font-size: .72rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; padding: 3px 9px; border-radius: 999px; }
.tr-book__name { font-weight: 700; font-size: 1.05rem; margin: 4px 0 6px; }
.tr-book__lines { font-size: .92rem; color: #33424b; line-height: 1.5; margin: 0 0 12px; }
.tr-book__actions { display: flex; flex-wrap: wrap; gap: 8px; }
.tr-book__actions .button { margin: 0; }

/* ---------- Il mio account → Dettagli account ----------
 * "Nome visualizzato" non si chiede (è sempre nome e cognome dell'account). */
.woocommerce-EditAccountForm .form-row:has(> #account_display_name) { display: none; }