/* A360 · Segnalazioni — modulo pubblico in calce alle pagine.
   Deve farsi notare solo da chi lo cerca: eredita il carattere del tema,
   niente riquadri colorati, niente icone grandi. */

.a360segn{
  --a-bordo:rgba(0,0,0,.14);
  --a-tenue:rgba(0,0,0,.55);
  --a-debole:rgba(0,0,0,.42);
  --a-fondo:rgba(0,0,0,.02);
  --a-acc:#1D7A54;
  max-width:640px;margin:40px auto 22px;padding:0 16px;
  font-size:13.5px;line-height:1.5;box-sizing:border-box}
.a360segn *,.a360segn *::before,.a360segn *::after{box-sizing:border-box}
.a360segn [hidden]{display:none !important}

/* la riga chiusa */
.a360segn__riga{display:flex;gap:6px;align-items:baseline;justify-content:center;flex-wrap:wrap;margin:0;padding-top:14px;border-top:1px solid var(--a-bordo)}
.a360segn__eti{color:var(--a-debole)}
.a360segn__apri{
  font:inherit;color:var(--a-tenue);background:none;border:0;padding:0;cursor:pointer;
  text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:var(--a-bordo)}
.a360segn__apri:hover,.a360segn__apri:focus-visible{color:var(--a-acc);text-decoration-color:currentColor}
.a360segn__apri[aria-expanded="true"]{color:var(--a-acc)}

.a360segn__grazie{margin:12px 0 0;text-align:center;color:var(--a-acc);font-size:13.5px}

/* il pannello */
.a360segn__pannello{margin-top:14px;border:1px solid var(--a-bordo);border-radius:8px;background:var(--a-fondo)}
.a360segn__form{display:grid;gap:12px;padding:16px}

.a360segn__tipi{display:flex;gap:6px;flex-wrap:wrap}
.a360segn__tipo{display:inline-flex;align-items:center;gap:7px;cursor:pointer;
  padding:6px 12px;border:1px solid var(--a-bordo);border-radius:999px;background:transparent;color:var(--a-tenue)}
.a360segn__tipo input{position:absolute;opacity:0;width:0;height:0}
.a360segn__punto{width:7px;height:7px;border-radius:50%;background:var(--c);opacity:.45;flex:0 0 auto}
.a360segn__tipo:hover{border-color:var(--c)}
.a360segn__tipo:has(input:checked){border-color:var(--c);color:var(--c);background:color-mix(in srgb,var(--c) 7%,transparent)}
.a360segn__tipo:has(input:checked) .a360segn__punto{opacity:1}
.a360segn__tipo:has(input:focus-visible){outline:2px solid var(--c);outline-offset:2px}
.a360segn__spiega{margin:-4px 0 0;color:var(--a-debole);font-size:12px;line-height:1.45}

.a360segn__campo{display:grid;gap:4px}
.a360segn__campo>span{font-size:12px;color:var(--a-debole)}
.a360segn__campo textarea,.a360segn__campo input{
  font:inherit;font-size:13.5px;width:100%;padding:8px 10px;
  border:1px solid var(--a-bordo);border-radius:6px;background:#fff;color:inherit}
.a360segn__campo textarea{resize:vertical;min-height:72px;line-height:1.5}
.a360segn__campo textarea::placeholder,.a360segn__campo input::placeholder{color:var(--a-debole);opacity:.7}
.a360segn__campo textarea:focus,.a360segn__campo input:focus{outline:2px solid var(--a-acc);outline-offset:0;border-color:var(--a-acc)}
.a360segn__due{display:grid;gap:10px}
@media(min-width:520px){.a360segn__due{grid-template-columns:1fr 1fr}}
.a360segn__mini{margin:-6px 0 0;font-size:12px;color:var(--a-debole)}

.a360segn__cosa{font-size:12px;color:var(--a-debole)}
.a360segn__cosa summary{cursor:pointer;color:var(--a-tenue)}
.a360segn__cosa ul{margin:6px 0 0;padding-left:16px;display:grid;gap:3px;line-height:1.45}
.a360segn__esca{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;margin:0}

.a360segn__azioni{display:flex;gap:8px;align-items:center;margin:0}
.a360segn__invia{
  font:inherit;font-size:13.5px;cursor:pointer;color:#fff;background:var(--a-acc);
  border:1px solid var(--a-acc);border-radius:6px;padding:8px 18px}
.a360segn__invia:hover{filter:brightness(1.08)}
.a360segn__invia:disabled{opacity:.55;cursor:default}
.a360segn__chiudi{font:inherit;font-size:13px;cursor:pointer;color:var(--a-tenue);background:none;border:0;padding:8px 6px;text-decoration:underline;text-underline-offset:3px}
.a360segn__esito{margin:0;font-size:12.5px;color:var(--a-debole);min-height:1em}
.a360segn__esito.e-ok{color:var(--a-acc)}
.a360segn__esito.e-ko{color:#B3382B}
.a360segn.e-inviata .a360segn__form>*:not(.a360segn__esito){display:none}
.a360segn.e-inviata .a360segn__esito{font-size:13.5px;padding:2px 0}

/* temi scuri: si adatta senza chiedere niente a nessuno */
@media (prefers-color-scheme: dark){
  .a360segn{--a-bordo:rgba(255,255,255,.18);--a-tenue:rgba(255,255,255,.72);--a-debole:rgba(255,255,255,.5);--a-fondo:rgba(255,255,255,.03)}
  .a360segn__campo textarea,.a360segn__campo input{background:rgba(255,255,255,.04)}
}

@media print{.a360segn{display:none}}
@media (prefers-reduced-motion: reduce){.a360segn *{transition:none !important}}