/* Pagina Contatti (ws_page_contactSF.tpl, tutte le lingue): foto a sinistra, form a destra.
   LABOO 2026-11-09. Se si cambia, aggiornare il ?v= nel link dei template. */

.contact-split { display:flex; gap:36px; align-items:flex-start; margin:10px 0 30px 0; }
.contact-photo { flex:0 0 50%; }
.contact-photo img { display:block; width:100%; height:auto; border-radius:4px; }
.contact-form { flex:1 1 auto; min-width:0; }
.contact-form #homemainwrapper { margin:0; width:auto; box-sizing:border-box; }

/* form su due colonne */
.contact-form #contactform { display:grid; grid-template-columns:1fr 1fr; column-gap:16px; }
.contact-form #contactform .col { float:none; width:auto; margin:0; padding:0; }
.contact-form #contactform .span_12,
.contact-form #contactform > div[style*="clear"] { grid-column:1 / -1; }
#main .contact-form ul { margin:0!important; padding:0; }
#main .contact-form li { list-style:none; margin:0 0 12px 0!important; }
#main .contact-form li > .js-form-message { flex:1 1 auto; }
/* Interest: le caselle Products/Services vanno sotto il menu, non accanto */
#main .contact-form li[style*="flex"] { flex-wrap:wrap; gap:8px!important; }
#main .contact-form li[style*="flex"] > div { flex:0 0 100%; box-sizing:border-box; }
.contact-form #Products label, .contact-form #Services label { display:block; font-size:13px; line-height:1.35; margin:0 0 6px 0; }
.contact-form #contactform input[type="text"],
.contact-form #contactform input[type="email"],
.contact-form #contactform select,
.contact-form #contactform textarea { width:100%!important; box-sizing:border-box; }

/* consensi, reCAPTCHA e pulsante */
.contact-form #contactform label.privacy-text { font-size:12px; line-height:1.45!important; display:block; margin-top:4px; }
.consent-box { display:flex; flex-wrap:wrap; align-items:center; column-gap:18px; }
.consent-box > * { flex:0 0 100%; }
.consent-box > br { display:none; }
.consent-box > .form-check { margin:6px 0 2px 0; }
.consent-box > .g-recaptcha { flex:0 0 100%; display:flex; justify-content:center; margin-top:16px; }
.consent-box > #button2 { flex:0 0 auto; margin-top:16px; }
.consent-box > #g-recaptcha-error { order:10; }

/* JP: form con etichette sopra i campi, i campi vanno a coppie */
.contact-form--jp #contactform .col,
.contact-form--jp #contactform ul { display:contents; }
.contact-form--jp #contactform .col::before, .contact-form--jp #contactform .col::after,
.contact-form--jp #contactform ul::before, .contact-form--jp #contactform ul::after { display:none; }
.contact-form--jp #contactform .span_6 + .span_6 li:last-child,
.contact-form--jp #contactform #contacts_popup,
.contact-form--jp #contactform #recaptcha-error,
.contact-form--jp #contactform .g-recaptcha,
.contact-form--jp #contactform #button2 { grid-column:1 / -1; }
.contact-form--jp #contactform #contacts_popup { font-size:12px; line-height:1.45; }
.contact-form--jp #contactform .g-recaptcha { display:flex; justify-content:center; margin-top:16px; }
.contact-form--jp #contactform #button2 { justify-self:center; margin-top:16px; }

@media (max-width: 900px) {
	.contact-split { display:block; }
	.contact-photo { margin-bottom:25px; }
	.contact-form #contactform { grid-template-columns:1fr; }
}