/* =====================================================================
   Restyle.css -- messa a punto grafica dei moduli del portale (GESTIONALEFORM-584, 01/09/2026)
   Caricato DOPO Global.css e bootstrap-italia: qui stanno solo le regole che
   correggono l'aspetto dei campi dei moduli (caselle, tendine, date, pulsanti
   a scelta singola, casella di consenso, avvisi). Per tornare indietro basta
   togliere il collegamento a questo file in RootMP.Master(.vb).
   Colore d'azione del portale: #008C95. Carattere: ereditato (Titillium Web).
   Autore: Carlo Comincini -- Invisiblefarm s.r.l.
   ===================================================================== */

/* Modulo di iscrizione (GESTIONALEFORM-584): stile dei campi limitato a questa pagina.
   Colori del portale: #008C95 (azione), carattere Titillium Web ereditato. */
.datagroup { margin-top: 18px; }
.datagroup div.row { margin-bottom: 14px; align-items: center; }
.datagroup div.row div.label { width: 28%; padding-top: 0; font-weight: 600; color: #2b2b2b; line-height: 20px; }
.datagroup div.row div.label div.expl { font-weight: 400; font-style: normal; color: #6d6d6d; font-size: 14px; line-height: 16px; margin-top: 2px; }
.datagroup div.row div.data { width: 52%; }
.datagroup div.row div.error { width: 20%; padding-top: 0; font-size: 14px; line-height: 18px; }
.datagroup div.row div.data { line-height: 22px; }
.datagroup .txt, .datagroup .ddn, .datagroup input[type=date] {
    box-sizing: border-box; width: 100%; height: 42px; margin: 0; padding: 8px 12px;
    font-family: inherit; font-size: 16px; line-height: 24px; color: #222; background: #fff;
    border: 1px solid #c9d4d6 !important; border-radius: 6px; box-shadow: inset 0 1px 2px rgba(0,0,0,.04);
}
.datagroup .txt:focus, .datagroup .ddn:focus, .datagroup input[type=date]:focus {
    outline: none; border-color: #008C95 !important; box-shadow: 0 0 0 3px rgba(0,140,149,.18);
}
.datagroup .ddn {
    appearance: none; -webkit-appearance: none; -moz-appearance: none; padding-right: 40px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'><path d='M1 1l6 6 6-6' fill='none' stroke='%23008C95' stroke-width='2'/></svg>");
    background-repeat: no-repeat; background-position: right 14px center;
}
/* pulsanti a scelta singola: i cerchietti diventano bottoni */
.datagroup .scelte { display: inline-flex; flex-wrap: wrap; gap: 8px; padding-top: 2px; }
.datagroup .scelte input { position: absolute; opacity: 0; width: 0; height: 0; }
.datagroup .scelte label { display: inline-block; padding: 8px 20px; border: 1px solid #c9d4d6; border-radius: 21px; cursor: pointer; line-height: 20px; color: #333; background: #fff; }
.datagroup .scelte input:checked + label { background: #008C95; border-color: #008C95; color: #fff; font-weight: 600; }
.datagroup .scelte input:focus + label { box-shadow: 0 0 0 3px rgba(0,140,149,.25); }
/* casella di consenso con i collegamenti ai documenti */
.datagroup div.row.rowconsenso { align-items: flex-start; }
.datagroup div.row.rowconsenso div.label { display: none; }
.datagroup div.row.rowconsenso div.data { width: 80%; }
.datagroup .consenso { display: flex; align-items: flex-start; gap: 12px; padding: 14px 16px; background: #f2f8f8; border: 1px solid #cfe3e4; border-radius: 8px; line-height: 22px; font-size: 15px; }
.datagroup .consenso input { width: 20px; height: 20px; margin: 1px 0 0 0; flex: none; accent-color: #008C95; }
.datagroup .consenso a { color: #008C95; text-decoration: underline; font-weight: 600; }
/* avvisi dei criteri di accesso */
.avvisi { background: #fff7e6; border: 1px solid #f0c36d; border-radius: 8px; padding: 14px 18px; line-height: 22px; width: 80%; box-sizing: border-box; }
.avvisi ul { margin: 8px 0 12px 20px; }
.avvisi input { accent-color: #008C95; margin-right: 8px; }

/* campo data all'italiana (Scripts/gfData.js): testo gg/mm/aaaa + pulsante del calendario */
.gfdata-wrap { position: relative; display: inline-block; width: 15em; max-width: 100%; }
.gfdata-wrap .txt { padding-right: 46px; }
.gfdata-btn { position: absolute; right: 4px; top: 4px; width: 36px; height: 34px; border: 0; border-radius: 4px; background: transparent; color: #008C95; cursor: pointer; padding: 0; }
.gfdata-btn:hover { background: #e6f3f4; }
.gfdata-btn svg { width: 22px; height: 22px; vertical-align: middle; }
.gfdata-pick { position: absolute; right: 8px; bottom: 2px; width: 1px; height: 1px; opacity: 0; pointer-events: none; }

/* Suggerimenti (segnaposto) nei campi: grigio tenue, non devono sembrare
   campi gia' compilati (indicazione di Carlo 02/09/2026) */
.datagroup input::placeholder,
.datagroup textarea::placeholder {
    color: #c3cdd0;
    opacity: 1; /* Firefox altrimenti li scurisce da solo */
}