/* ============================================================================
   Costruire SRL - esiti dei moduli e campo trappola.

   Due cose che prima non c'erano:

   1. Il campo trappola per i robot. Prima era `style="display:none"` scritto
      dentro l'HTML. Lo sposto qui e lo nascondo portandolo fuori dallo
      schermo invece di spegnerlo: i programmi che riempiono i moduli sanno
      saltare i campi con display:none, mentre un campo che esiste, e'
      raggiungibile e sta a sinistra del bordo lo compilano. Nascosto peggio
      per il robot, invisibile uguale per la persona.

   2. Il messaggio di errore. Il gestore sul server, quando qualcosa non va,
      rimanda alla pagina con ?errore=... nell'indirizzo. Senza questo
      riquadro l'utente tornerebbe su una pagina identica a prima, senza
      capire che l'invio non e' andato - e riproverebbe, identico.
   ========================================================================= */

/* --------------------------------------------------- il campo per i robot */

.campo-trappola{
    position: absolute !important;
    left: -9999px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* ------------------------------------------------------- l'avviso di esito */

.modulo-avviso{
    display: none;             /* lo accende il JS solo se c'e' un errore */
    margin: 0 0 24px;
    padding: 16px 18px;
    border-left: 3px solid #b3261e;
    border-radius: 4px;
    background: rgba(179, 38, 30, .07);
    color: #7a1c15;
    font-family: var(--font-body, Inter, sans-serif);
    font-size: 15px;
    line-height: 1.55;
}

.modulo-avviso[hidden]{ display: none }
.modulo-avviso.e-visibile{ display: block }

.modulo-avviso strong{
    display: block;
    margin-bottom: 4px;
    font-weight: 700;
}

/* sul fondo scuro della pagina Gli Orti il rosso cupo non si legge:
   lì serve un rosso chiaro su una base trasparente */
.orti-final-cta .modulo-avviso,
.dark-section .modulo-avviso{
    border-left-color: #ff8a80;
    background: rgba(255, 138, 128, .10);
    color: #ffd7d3;
}

/* un campo che il server ha rifiutato: lo si vede, non si indovina */
.modulo-sito .campo-in-errore{
    border-color: #b3261e !important;
    box-shadow: 0 0 0 3px rgba(179, 38, 30, .14) !important;
}