/*
Theme Name: Memoria e Azione
Author: Associazione Vittime della Strada
Description: Tema elegante con contrasti netti e storytelling visivo.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: memoria-e-azione
*/
:root{--bg:#09090b;--fg:#fafafa;--acc:#22c55e;--mut:#a1a1aa;--panel:#18181b}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:Manrope,Arial,sans-serif;line-height:1.65}
.wrap{max-width:1080px;margin:0 auto;position:relative}
header,footer{padding:1.25rem 1rem;background:#000}
.hero{padding:5.5rem 1rem;border-bottom:1px solid #27272a;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;left:-10%;right:-10%;top:12%;height:2px;background:linear-gradient(90deg,transparent,#22c55e,transparent);filter:drop-shadow(0 0 8px #22c55e);animation:scan 3s linear infinite}
.hero h1{font-size:clamp(2rem,5.6vw,4rem);margin:.2rem 0 1rem;animation:rise .9s ease both}
.hero p{animation:rise 1.15s ease both}
.kicker{color:var(--acc);font-weight:700;text-transform:uppercase;letter-spacing:.08em;animation:flicker 2.6s infinite}
.cta{background:var(--acc);color:#03120a;padding:.8rem 1.2rem;border-radius:8px;text-decoration:none;font-weight:800;display:inline-block;transition:transform .25s ease,filter .25s ease}
.cta:hover{transform:translateY(-4px);filter:brightness(1.06)}
.timeline{padding:2rem 1rem;display:grid;gap:1rem}
.item{background:var(--panel);padding:1.1rem;border-left:4px solid var(--acc);border-radius:8px;opacity:0;transform:translateX(-18px);animation:reveal .8s ease forwards;transition:transform .25s ease,box-shadow .25s ease}
.item:nth-child(2){animation-delay:.18s}.item:nth-child(3){animation-delay:.36s}
.item:hover{transform:translateX(0) translateY(-4px);box-shadow:0 10px 28px rgba(34,197,94,.15)}
.memorial-light{position:absolute;right:10%;bottom:10%;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(34,197,94,.35),transparent 70%);animation:float 4.5s ease-in-out infinite}
small{color:var(--mut)}
.stop-zone{padding:1rem 1rem 0}
.stop-banner{max-width:1080px;margin:0 auto 1rem;display:flex;align-items:center;gap:1rem;background:#140d0e;border:1px solid #3f1b1f;border-radius:12px;padding:1rem;position:relative;overflow:hidden}
.stop-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);animation:stopSweep 3s linear infinite}
.stop-sign{width:82px;height:82px;clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);background:#b91c1c;color:#fff;font-weight:900;display:grid;place-items:center;box-shadow:0 0 0 0 rgba(185,28,28,.55);animation:stopPulse 1.6s infinite;flex:0 0 auto}
.stop-copy strong{display:block;font-size:1.05rem}
.stop-copy span{color:#fca5a5}
.metrics,.impact-timeline,.testimonials,.final-cta{max-width:1080px;margin:0 auto;padding:2rem 1rem}
.metrics-grid,.timeline-grid,.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.metric,.timeline-step,.quote-card{background:var(--panel);border:1px solid #27272a;border-radius:10px;padding:1rem;opacity:0;transform:translateY(14px);animation:reveal .8s ease forwards}
.metric strong{display:block;font-size:1.8rem;color:#86efac}
.timeline-step{border-left:4px solid #22c55e}
.quote-card em{display:block;margin-top:.6rem;color:#d4d4d8}
.final-cta{background:#101214;border:1px solid #2a2f33;border-radius:12px;text-align:center}
@keyframes scan{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
@keyframes flicker{0%,18%,22%,100%{opacity:1}20%,21%{opacity:.45}}
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes reveal{to{opacity:1;transform:translateX(0)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes stopPulse{0%{box-shadow:0 0 0 0 rgba(185,28,28,.55)}100%{box-shadow:0 0 0 16px rgba(185,28,28,0)}}
@keyframes stopSweep{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}
.unified-header{position:sticky;top:0;z-index:60;box-shadow:0 10px 24px rgba(0,0,0,.3)}
.u-topbar{background:#050505}.u-topbar .wrap{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;padding:.4rem .8rem}
.u-topbar a{color:#fff;text-decoration:none;font-weight:700;font-size:.8rem;background:rgba(255,255,255,.1);padding:.28rem .6rem;border-radius:999px}
.u-menu{background:#0b0b0c;border-bottom:1px solid #27272a}.u-menu-inner{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center;padding:.75rem 1rem}
.u-menu-list{list-style:none;margin:0;padding:0;display:flex;gap:.4rem;flex-wrap:wrap}.u-menu-list a{display:inline-flex;padding:.35rem .65rem;border-radius:999px;background:#18181b;color:#fafafa;text-decoration:none;font-weight:700;font-size:.82rem}
.u-donate{background:#1b0f12}.u-donate .wrap{display:flex;justify-content:center;align-items:center;gap:.6rem;flex-wrap:wrap;padding:.5rem .8rem}
.u-donate strong{font-size:.82rem;color:#fca5a5}
@media (max-width:760px){.u-menu-inner{grid-template-columns:1fr}.u-menu-list a{font-size:.76rem}}