/* ══════════════════════════════════════════════════════════════════════
   I MODULI DEL SITO

   Qui si esce dalla regola del «identico», e di proposito: il modulo
   com'era ha tre difetti che si vedono a colpo d'occhio.

   1. La spunta del consenso e' un `<input>` con la veste dei campi di
      testo — 34x45 pixel, bordo e imbottitura da casella di testo — e
      resta alta sopra la sua etichetta. Non sembra una spunta, sembra un
      campo rotto. (E' cosi' anche su WordPress: verificato, stesse
      misure. Non e' una regressione, e' un difetto ereditato.)

   2. Fra la spunta e il pulsante c'era una barra grigia vuota: il
      contenitore del vecchio reCAPTCHA invisibile, che senza lo script
      di Google restava un rettangolo senza contenuto. Quello e' tolto
      nel componente; qui si toglie lo spazio che lasciava.

   3. Il riquadro di Cloudflare Turnstile arrivava attaccato al pulsante.

   Questo modulo NON e' dell'articolo: e' quello del pie' di pagina
   (`elementor-2033`), lo stesso che compare in fondo a ogni pagina del
   sito. Migliorarlo li' vuol dire migliorarlo dappertutto, ed e' giusto
   cosi': una spunta che sembra un campo rotto lo sembra ovunque.
   ══════════════════════════════════════════════════════════════════════ */

/* La spunta: una casella vera, allineata alla prima riga del testo. */
.elementor-widget-form .elementor-field-type-acceptance .elementor-field-option {
  display: flex !important;
  align-items: flex-start;
  gap: 10px;
}
/* PERCHE' IL SELETTORE E' COSI' LUNGO.

   Elementor genera per ogni modulo una regola come
     .elementor-3984 .elementor-element-3c832d8f .elementor-field
       { padding: 12px 16px !important }
   cioe' tre classi *e* !important. Con `!important` da entrambe le parti
   decide la specificita', e una regola da due classi come
   `.elementor-field-type-acceptance input` perdeva: arrivavano solo le
   proprieta' che nessun altro toccava (min-height, flex) e non
   larghezza, altezza e imbottitura. Da qui quattro classi piu'
   l'attributo, che passa davanti senza dover inseguire l'identificativo
   del singolo widget — che cambia da modulo a modulo. */
.elementor-widget-form .elementor-field-type-acceptance input[type="checkbox"].elementor-field {
  appearance: none;
  -webkit-appearance: none;
  flex: none;
  width: 20px !important;
  height: 20px !important;
  min-height: 0 !important;
  margin: 2px 0 0 !important;   /* la spunta scende all'altezza della prima riga */
  padding: 0 !important;
  border: 1.5px solid var(--blue-500, #3f6bc0) !important;
  border-radius: 5px !important;
  background-color: #fff !important;
  box-shadow: none !important;
  cursor: pointer;
  transition: background-color .15s ease, border-color .15s ease;
}
.elementor-widget-form .elementor-field-type-acceptance input[type="checkbox"].elementor-field:checked {
  background-color: var(--blue-600, #2B53A0) !important;
  border-color: var(--blue-600, #2B53A0) !important;
  /* Il segno di spunta e' disegnato qui dentro: nessun file da caricare
     e nessun font di icone da cui dipendere. */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M3.5 8.5l3 3 6-6'/%3E%3C/svg%3E");
  background-size: 14px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
.elementor-widget-form .elementor-field-type-acceptance input[type="checkbox"].elementor-field:focus-visible {
  outline: 2px solid var(--blue-500, #3f6bc0);
  outline-offset: 2px;
}
.elementor-field-type-acceptance label {
  cursor: pointer;
  line-height: 1.45;
}

/* Il gruppo del vecchio reCAPTCHA ora e' vuoto: non deve occupare posto. */
.elementor-field-type-recaptcha_v3:empty { display: none; }

/* Il riquadro di Turnstile: centrato e con aria attorno, non incollato
   al pulsante. */
.elementor-turnstile-field {
  display: flex !important;
  justify-content: center;
  margin: 18px 0 20px !important;
}