/* Contatti: solo gli stati che le tavole (Contact, ContactStates) non mostrano come elementi reali.
   Le misure stanno in board/site.css (classi s-…, caricate da pages/site.css). Richiede ttm.css. */

/* campo trappola per i bot */
.ttm-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* campi veri dentro i riquadri disegnati dalle tavole */
.pg-contact .ttm-inp {
  flex: 1 1 auto; min-width: 0; width: 100%; box-sizing: border-box; margin: 0; padding: 0; border: 0; border-radius: 0;
  background: transparent; color: #2E211B; font: inherit; line-height: inherit; outline: 0; box-shadow: none;
}
.pg-contact .ttm-inp::placeholder { color: #9A8B80; opacity: 1; }
.pg-contact .ttm-ta { resize: none; display: block; min-height: 96px; }
.pg-contact .ttm-box { cursor: text; transition: border-color .15s, box-shadow .15s; }
/* campo attivo: stato mostrato dalla tavola Contact sul messaggio */
.pg-contact .ttm-box:focus-within:not(.s-9ea5976):not(.s-3c189e5) { border-color: #2E211B !important; box-shadow: 0 0 0 4px #FFE4D9 !important; }

/* argomenti rapidi: pulsanti al posto dei riquadri della tavola */
.pg-contact .ttm-topics > button { border: 0; cursor: pointer; font-family: inherit; line-height: 1.2; text-align: left; }
.pg-contact .ttm-topics > button[aria-checked="false"] > .s-c40d127 { display: none !important; }
.pg-contact .ttm-topics > button[aria-checked="true"] > .ttm-tico { display: none !important; }
.pg-contact .ttm-topics > button[aria-checked="false"]:hover { background: #EFE4D9 !important; }
.pg-contact .ttm-topics > button:focus-visible,
.pg-contact .s-a53d1bb:focus-visible,
.pg-contact .s-2201262:focus-visible { outline: 3px solid #2E211B; outline-offset: 2px; }
.pg-contact .s-a53d1bb { cursor: pointer; }
.pg-contact .s-2201262 { cursor: pointer; }
.pg-contact .s-2201262:hover { background: #E8400F !important; }
.pg-contact .s-2201262:disabled { cursor: default; }

/* invio in corso: l'anello della tavola ruota */
.pg-contact .s-51789fa { animation: ttm-spin .8s linear infinite; }
@keyframes ttm-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .pg-contact .s-51789fa { animation-duration: 2.4s; } }

/* regole responsive della tavola, riportate sui pulsanti (nella tavola gli argomenti sono span) */
@media (max-width: 599px) {
  .pg-contact .ttm-topics > button { min-height: 52px; box-sizing: border-box; border-radius: 16px !important; padding: 10px 12px !important; }
  .pg-contact .ttm-topics > button:last-child { grid-column: span 2; }
}