/* Modulo contatti del sito (13/09/2026), vedi includes/class-contact-form.php.
   Usa i token del tema (tokens.css) e il pulsante .sacc-btn di components.css. */

.sacc-contact { max-width: var(--container-text, 760px); margin: var(--space-5, 48px) auto 0; padding: 32px;
  background: #fff; border: 1px solid rgba(10, 10, 10, .08); border-radius: var(--radius, 2px); }
.sacc-contact h2 { margin-top: 0; font-family: var(--font-display); }
.sacc-contact__intro, .sacc-contact__hint { color: var(--ink-secondary, #55524a); }
.sacc-contact__hint { margin: -6px 0 18px; font-size: .85rem; }

.sacc-contact__form { display: flex; flex-direction: column; gap: 18px; }
.sacc-contact__row { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.sacc-contact__field { display: flex; flex-direction: column; gap: 6px; font-family: var(--font-ui); font-size: .85rem; letter-spacing: .02em; }
.sacc-contact__field input, .sacc-contact__field select, .sacc-contact__field textarea {
  width: 100%; padding: 12px 14px; border: 1px solid rgba(10, 10, 10, .18); border-radius: var(--radius, 2px);
  background: var(--sacc-ivory, #f8f7f5); font: inherit; font-size: 1rem; color: var(--sacc-black, #0a0a0a); }
.sacc-contact__field input:focus, .sacc-contact__field select:focus, .sacc-contact__field textarea:focus {
  outline: 2px solid var(--sacc-gold-dark, #9c7c1c); outline-offset: 1px; background: #fff; }
.sacc-contact [aria-invalid="true"] { border-color: #8a1f1f; background: #fdf3f3; }

.sacc-contact__check { display: flex; gap: 10px; align-items: flex-start; font-size: .9rem; line-height: 1.45; }
.sacc-contact__check input { margin-top: 4px; width: 18px; height: 18px; accent-color: var(--sacc-gold-dark, #9c7c1c); }
.sacc-contact__check a { color: var(--sacc-gold-dark, #9c7c1c); }

.sacc-contact__error { padding: 14px 18px; border-left: 3px solid #8a1f1f; background: #fdf3f3; color: #8a1f1f; }
.sacc-contact--sent { border-left: 3px solid var(--sacc-gold-dark, #9c7c1c); }
.sacc-contact .sacc-btn { align-self: flex-start; cursor: pointer; }

/* Campo trappola: fuori dallo schermo, non con display:none (alcuni programmi di spam lo saltano). */
.sacc-contact__trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }

@media (max-width: 640px) {
  .sacc-contact { padding: 22px 18px; }
  .sacc-contact__row { grid-template-columns: 1fr; }
}