/**
 * EventiNow — "Segnala un evento dal vivo" (UGC) — stile form.
 * Intonato al design system del tema (usa le --evn-* con fallback).
 * Accento corallo: si lega ai marker corallo degli eventi 'dal vivo'.
 * @version 1.1.0
 */

.ein-ugc{
	--c-cream: var(--evn-cream, #FBF8F1);
	--c-white:#FFFFFF;
	--c-blue:  var(--evn-blue, #1A4CC8);
	--c-coral: var(--evn-coral, #F4513A);
	--c-coral-d:#D63A25;
	--c-mint:#0BAD8C;
	--c-sun:#F9A825;
	--c-text: var(--evn-text, #1A1F36);
	--c-muted: var(--evn-muted, #6B7280);
	--c-border: var(--evn-border, #E2DAC8);

	max-width:560px;margin:2rem auto;position:relative;
	background:var(--c-white);
	border:1px solid var(--c-border);
	border-radius:22px;
	padding:2rem 2rem 1.75rem;
	box-shadow:0 1px 2px rgba(26,31,54,.04), 0 18px 50px rgba(26,76,200,.10);
	font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
	color:var(--c-text);box-sizing:border-box;overflow:hidden;
}
.ein-ugc *,.ein-ugc *::before,.ein-ugc *::after{box-sizing:border-box;}
/* barra accento in cima */
.ein-ugc::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;
	background:linear-gradient(90deg,var(--c-coral),var(--c-sun));}

/* ── Header ── */
.ein-ugc__head{margin-bottom:1.4rem;}
.ein-ugc__badge{display:inline-flex;align-items:center;gap:.5rem;
	background:#FFF0EE;color:var(--c-coral);padding:.32rem .9rem;border-radius:100px;
	font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:.9rem;}
.ein-ugc__live-dot{width:8px;height:8px;border-radius:50%;background:var(--c-coral);
	box-shadow:0 0 0 0 rgba(244,81,58,.5);animation:einPulse 1.6s ease-out infinite;}
@keyframes einPulse{0%{box-shadow:0 0 0 0 rgba(244,81,58,.55);}70%{box-shadow:0 0 0 8px rgba(244,81,58,0);}100%{box-shadow:0 0 0 0 rgba(244,81,58,0);}}
.ein-ugc__title{font-family:'Playfair Display',Georgia,serif;font-size:1.6rem;font-weight:900;
	line-height:1.15;letter-spacing:-.3px;margin:0 0 .5rem;color:var(--c-text);}
.ein-ugc__title em{font-style:italic;color:var(--c-coral);}
.ein-ugc__sub{font-size:.92rem;line-height:1.6;color:var(--c-muted);margin:0;}
.ein-ugc__sub a{color:var(--c-blue);font-weight:600;text-decoration:none;}
.ein-ugc__sub a:hover{text-decoration:underline;}

/* ── Stato GPS ── */
.ein-ugc__gps{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;
	padding:.85rem 1rem;border-radius:14px;border:1px solid var(--c-border);
	background:var(--c-cream);margin-bottom:1.5rem;}
.ein-ugc__gps-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;background:var(--c-muted);}
.ein-ugc__gps[data-state="loading"] .ein-ugc__gps-dot{background:var(--c-sun);animation:einBlink 1s ease infinite;}
.ein-ugc__gps[data-state="ok"] .ein-ugc__gps-dot{background:var(--c-mint);box-shadow:0 0 8px var(--c-mint);}
.ein-ugc__gps[data-state="error"] .ein-ugc__gps-dot{background:var(--c-coral);}
@keyframes einBlink{0%,100%{opacity:1;}50%{opacity:.3;}}
.ein-ugc__gps-text{flex:1;font-size:.85rem;color:var(--c-text);min-width:150px;line-height:1.35;}
.ein-ugc__gps-btn{border:0;cursor:pointer;background:var(--c-blue);color:#fff;
	padding:.55rem 1.1rem;border-radius:100px;font-weight:700;font-size:.82rem;font-family:inherit;
	transition:transform .15s,box-shadow .15s;white-space:nowrap;}
.ein-ugc__gps-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px rgba(26,76,200,.3);}
.ein-ugc__gps-btn:disabled{opacity:.5;cursor:default;}

/* ── Campi ── */
.ein-ugc__field{display:block;margin-bottom:1rem;}
.ein-ugc__row{display:flex;gap:1rem;}
.ein-ugc__field--half{flex:1;min-width:0;}
.ein-ugc__label{display:block;font-size:.82rem;font-weight:700;color:var(--c-text);margin-bottom:.4rem;}
.ein-ugc__req{color:var(--c-coral);}
.ein-ugc input[type="text"],
.ein-ugc input[type="datetime-local"],
.ein-ugc select,
.ein-ugc textarea{width:100%;padding:.75rem .9rem;border:2px solid #ECE6D8;border-radius:12px;
	font-family:inherit;font-size:.92rem;color:var(--c-text);background:var(--c-white);
	transition:border-color .15s,box-shadow .15s;}
.ein-ugc input::placeholder,.ein-ugc textarea::placeholder{color:#B7B2A6;}
.ein-ugc input:focus,.ein-ugc select:focus,.ein-ugc textarea:focus{outline:none;
	border-color:var(--c-coral);box-shadow:0 0 0 3px rgba(244,81,58,.12);}
.ein-ugc textarea{resize:vertical;min-height:76px;}

/* honeypot */
.ein-ugc__hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden;}

/* consenso */
.ein-ugc__consent{display:flex;align-items:flex-start;gap:.6rem;font-size:.85rem;
	color:var(--c-muted);line-height:1.5;margin:.4rem 0 1.4rem;}
.ein-ugc__consent input{margin-top:.2rem;flex-shrink:0;width:16px;height:16px;accent-color:var(--c-coral);}
.ein-ugc__consent a{color:var(--c-blue);}

/* submit */
.ein-ugc__submit{width:100%;border:0;cursor:pointer;color:#fff;
	background:linear-gradient(135deg,var(--c-coral),var(--c-coral-d));
	padding:.95rem;border-radius:100px;font-family:inherit;font-weight:800;font-size:1.02rem;
	box-shadow:0 8px 22px rgba(244,81,58,.32);
	transition:transform .15s,box-shadow .15s,opacity .15s;}
.ein-ugc__submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 30px rgba(244,81,58,.42);}
.ein-ugc__submit:active:not(:disabled){transform:translateY(0);}
.ein-ugc__submit:disabled{opacity:.45;cursor:default;box-shadow:none;}

.ein-ugc__note{font-size:.78rem;color:var(--c-muted);text-align:center;margin:.9rem 0 0;line-height:1.5;}

.ein-ugc button:focus-visible,.ein-ugc a:focus-visible{outline:2px solid var(--c-coral);outline-offset:2px;border-radius:6px;}

/* messaggi */
.ein-ugc__msg{margin-top:1rem;padding:0;font-size:.9rem;border-radius:12px;}
.ein-ugc__msg:not(:empty){padding:.85rem 1rem;}
.ein-ugc__msg--success{background:#E8FBF5;color:#087a63;border:1px solid rgba(11,173,140,.3);}
.ein-ugc__msg--error{background:#FFF0EE;color:#c0392b;border:1px solid rgba(244,81,58,.3);}
.ein-ugc__msg--info{background:#EEF3FF;color:var(--c-blue);border:1px solid rgba(26,76,200,.2);}

@media (max-width:560px){
	.ein-ugc{margin:1rem;padding:1.5rem 1.35rem 1.35rem;border-radius:18px;}
	.ein-ugc__row{flex-direction:column;gap:0;}
	.ein-ugc__title{font-size:1.4rem;}
}
@media (prefers-reduced-motion:reduce){
	.ein-ugc__live-dot,.ein-ugc__gps[data-state="loading"] .ein-ugc__gps-dot{animation:none;}
	.ein-ugc__submit,.ein-ugc__gps-btn{transition:none;}
}

/* badge "dal vivo" per card/popup (fallback; nel JS è già inline) */
.ein-live-badge{display:inline-flex;align-items:center;gap:.3rem;background:#FFF0EE;color:#F4513A;
	padding:2px 8px;border-radius:100px;font-size:.68rem;font-weight:700;
	font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;}