/* ═══════════════════════════════════════════════════════════════════════════
   [unarma_richiesta_tutela] — riquadro compatto in fondo alla pagina Tutela legale.

   Stessa veste del riquadro d'accesso dell'elenco soci (plugin UNARMA Soci):
   carta calda, inchiostro navy, filo amaranto in alto, serif per il titolo.
   Nessun carattere esterno: Complianz li bloccherebbe senza consenso.
   I selettori partono tutti da .utr per non subire (né toccare) gli stili di Divi.
   ═══════════════════════════════════════════════════════════════════════════ */

.utr{
  --inchiostro:#12233b;
  --inchiostro-tenue:#5a6675;
  --inchiostro-lieve:#8b95a3;
  --carta:#f6f3ee;
  --carta-alta:#fffdfa;
  --linea:#e2ddd4;
  --linea-forte:#cdc5b8;
  --amaranto:#9b2226;
  --blu:#22457f;
  --verde:#1f6b45; --verde-fondo:#e7f2eb;
  --ambra:#8a5a00; --ambra-fondo:#fbf1de;
  --testo:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --titoli:Georgia,'Iowan Old Style','Palatino Linotype','Times New Roman',serif;
  --codici:ui-monospace,SFMono-Regular,'SF Mono',Menlo,Consolas,monospace;

  max-width:540px; margin:8px auto 40px;
  font-family:var(--testo); font-size:15px; line-height:1.5; color:var(--inchiostro);
  -webkit-font-smoothing:antialiased;
}
.utr *{box-sizing:border-box}
.utr p{padding:0; margin:0}

/* ── Scheda ──────────────────────────────────────────────────────────────── */

.utr .utr-scheda{
  position:relative; overflow:hidden; padding:24px 26px 20px;
  background:var(--carta-alta); border:1px solid var(--linea); border-radius:14px;
  box-shadow:0 1px 2px rgba(18,35,59,.05), 0 10px 28px -14px rgba(18,35,59,.22);
}
.utr .utr-scheda::before{
  content:""; position:absolute; inset:0 0 auto 0; height:4px; background:var(--amaranto);
}
.utr .utr-successo::before{background:var(--verde)}
.utr .utr-info::before{background:var(--blu)}
.utr .utr-avviso::before{background:var(--ambra)}

.utr .utr-testata{display:flex; align-items:center; gap:12px; margin:0 0 12px}
.utr .utr-icona{
  flex:0 0 42px; height:42px; display:grid; place-items:center; border-radius:50%;
  background:var(--carta); color:var(--amaranto); border:1px solid var(--linea);
}
.utr .utr-successo .utr-icona{color:var(--verde); background:var(--verde-fondo); border-color:transparent}
.utr .utr-info .utr-icona{color:var(--blu)}
.utr .utr-avviso .utr-icona{color:var(--ambra); background:var(--ambra-fondo); border-color:transparent}
.utr .utr-occhiello{
  font-size:.68rem; font-weight:600; letter-spacing:.12em; text-transform:uppercase;
  color:var(--amaranto); line-height:1.2;
}
.utr .utr-titolo{
  margin:2px 0 0; padding:0; font-family:var(--titoli); font-weight:500;
  font-size:1.4rem; line-height:1.2; color:var(--inchiostro);
}
.utr .utr-testo{margin:0 0 14px; font-size:.93rem; color:var(--inchiostro-tenue)}
.utr .utr-link{color:var(--inchiostro); border-bottom:1px solid var(--linea-forte); text-decoration:none}

.utr .utr-messaggio{
  margin:0 0 14px; padding:9px 12px; border-radius:8px; font-size:.86rem;
  background:var(--carta); color:var(--inchiostro-tenue); border:1px solid var(--linea);
}
.utr .utr-messaggio-avviso{background:var(--ambra-fondo); color:var(--ambra); border-color:rgba(138,90,0,.2)}

/* ── Etichette e campi ───────────────────────────────────────────────────── */

.utr .utr-etichetta,
.utr .utr-accesso label{
  display:block; margin:0 0 5px; font-size:.68rem; font-weight:600;
  letter-spacing:.08em; text-transform:uppercase; color:var(--inchiostro-lieve);
}
.utr .utr-etichetta span{font-weight:400; letter-spacing:0; text-transform:none; margin-left:4px}
.utr .utr-campo{margin:0 0 12px}
.utr input[type=text],
.utr input[type=password],
.utr input[type=tel],
.utr textarea{
  display:block; width:100%; margin:0; padding:10px 12px;
  font:inherit; font-size:.93rem; color:var(--inchiostro);
  background:#fff; border:1px solid var(--linea-forte); border-radius:7px; box-shadow:none;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.utr textarea{min-height:76px; resize:vertical}
.utr input:focus,
.utr textarea:focus{outline:none; border-color:var(--inchiostro); box-shadow:0 0 0 3px rgba(18,35,59,.08)}
.utr .utr-nota{display:block; margin-top:5px; font-size:.78rem; color:var(--inchiostro-lieve)}

/* ── Pulsanti ────────────────────────────────────────────────────────────── */

.utr .utr-pulsante,
.utr #utr-accedi{
  display:block; width:100%; margin:0; padding:11px 18px;
  font:inherit; font-size:.95rem; font-weight:600; line-height:1.3; text-align:center;
  color:#fff; background:var(--inchiostro); border:1px solid var(--inchiostro); border-radius:8px;
  cursor:pointer; transition:background .15s ease;
}
.utr .utr-pulsante:hover,
.utr #utr-accedi:hover{background:#0b1829}
.utr .utr-pulsante:active,
.utr #utr-accedi:active{transform:translateY(1px)}

/* ── Accesso (markup di wp_login_form) ───────────────────────────────────── */

.utr .utr-accesso form{margin:0}
.utr .utr-accesso p{margin:0 0 10px}
.utr .utr-accesso .login-username,
.utr .utr-accesso .login-password{display:inline-block; width:calc(50% - 5px); vertical-align:top}
.utr .utr-accesso .login-username{margin-right:6px}
/* WordPress annida la casella dentro l'etichetta: il flex va messo lì. */
.utr .utr-accesso .login-remember label{
  display:flex; align-items:center; gap:8px; margin:2px 0 0;
  font-size:.83rem; font-weight:400; letter-spacing:0; text-transform:none; color:var(--inchiostro-tenue);
}
.utr .utr-accesso .login-remember input{margin:0; flex:0 0 auto}
.utr .utr-accesso .login-submit{margin:12px 0 0}
.utr .utr-aiuto{margin:12px 0 0; font-size:.82rem; text-align:center}
.utr .utr-aiuto a{color:var(--inchiostro-tenue); text-decoration:none; border-bottom:1px solid var(--linea-forte)}
.utr .utr-aiuto a:hover{color:var(--amaranto); border-color:var(--amaranto)}
.utr .utr-aiuto span{margin:0 8px; color:var(--inchiostro-lieve)}

/* ── Dati trasmessi (sempre visibili) ────────────────────────────────────── */

.utr .utr-dati{margin:0 0 12px; background:var(--carta); border:1px solid var(--linea); border-radius:9px}
.utr .utr-dati-testata{
  display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 8px; min-width:0;
  padding:9px 12px;
}
.utr .utr-dati-testata .utr-etichetta{margin:0}
.utr .utr-dati-testata strong{font-size:.92rem; font-weight:600}
.utr .utr-cip{font-family:var(--codici); font-size:.8rem; color:var(--inchiostro-tenue)}
.utr .utr-dati dl{
  display:grid; grid-template-columns:1fr 1fr; gap:8px 16px; margin:0;
  padding:10px 12px 4px; border-top:1px solid var(--linea);
}
.utr .utr-dati dt{margin:0; font-size:.68rem; letter-spacing:.06em; text-transform:uppercase; color:var(--inchiostro-lieve)}
.utr .utr-dati dd{margin:0; font-size:.88rem; font-weight:600; word-break:break-word}
.utr .utr-dati .utr-nota{padding:0 12px 10px}

/* ── Conferma ────────────────────────────────────────────────────────────── */

.utr .utr-consenso{
  display:flex; gap:9px; align-items:flex-start; margin:0 0 14px;
  font-size:.8rem; line-height:1.45; color:var(--inchiostro-tenue); cursor:pointer;
}
.utr .utr-consenso input{margin:3px 0 0; flex:0 0 auto; accent-color:var(--inchiostro)}

/* ── Urgenze ─────────────────────────────────────────────────────────────── */

.utr .utr-urgenza{
  display:flex; gap:10px; align-items:flex-start; margin:16px -26px -20px; padding:12px 26px;
  font-size:.83rem; line-height:1.45; color:var(--inchiostro-tenue);
  background:var(--carta); border-top:1px solid var(--linea);
}
.utr .utr-urgenza svg{flex:0 0 auto; margin-top:1px; color:var(--amaranto)}
.utr .utr-urgenza strong{color:var(--amaranto)}
.utr .utr-urgenza a{color:var(--inchiostro); font-weight:700; white-space:nowrap; text-decoration:none; border-bottom:1px solid var(--linea-forte)}
.utr .utr-orari{white-space:nowrap}

@media (max-width:560px){
  .utr .utr-scheda{padding:20px 18px 16px}
  .utr .utr-urgenza{margin:14px -18px -16px; padding:12px 18px}
  .utr .utr-accesso .login-username,
  .utr .utr-accesso .login-password{display:block; width:100%; margin-right:0}
  .utr .utr-dati dl{grid-template-columns:1fr}
}