/* Active News - Agenda: filtri, sezione della home, modulo Segnala evento */

/* Barra: menu Quando + pulsante */
.an-wowbar{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-start;margin:18px 0 0}
.an-dd{position:relative;min-width:260px}
.an-dd>summary{list-style:none;cursor:pointer;position:relative;background:var(--card);border:2px solid var(--line2);border-radius:6px;padding:8px 46px 8px 16px;line-height:1.25;min-height:56px}
.an-dd>summary::-webkit-details-marker{display:none}
.an-dd>summary small{display:block;font-size:13px;color:var(--muted)}
.an-dd>summary strong{display:block;font:600 18px var(--hf);color:var(--ink)}
.an-dd>summary::after{content:'';position:absolute;right:18px;top:50%;width:9px;height:9px;border:solid var(--ink);border-width:0 2px 2px 0;transform:translateY(-70%) rotate(45deg)}
.an-dd[open]>summary{border-color:var(--ink)}
.an-dd[open]>summary::after{transform:translateY(-30%) rotate(-135deg)}
.an-dd>summary:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.an-dd__list{position:absolute;z-index:60;top:calc(100% + 6px);left:0;min-width:100%;margin:0;padding:6px 0;list-style:none;background:#fff;border:1px solid var(--line2);border-radius:8px;box-shadow:0 14px 30px rgba(11,18,32,.22)}
.an-dd__list a{display:block;padding:9px 18px;color:var(--ink);text-decoration:none;white-space:nowrap;font:600 17px var(--bf)}
.an-dd__list a small{display:block;font:400 14px var(--bf);color:var(--muted)}
.an-dd__list a:hover{background:var(--foot)}
.an-dd__list a[aria-current=true]{background:var(--accent)}
.an-wowbar__cta{height:56px;font-size:18px}

/* Sezione Agenda della home */
.an-wow{--wp:clamp(20px,4vw,48px);position:relative;background:#0b1220;color:var(--bg);border-radius:12px;padding:clamp(24px,4vw,48px) 0 28px;overflow:hidden;isolation:isolate}
.an-wow::before{content:'';position:absolute;z-index:-1;top:-20%;right:-8%;width:38%;height:140%;background:rgba(244,197,66,.09);transform:skewX(-16deg)}
.an-wow__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px 36px;padding:0 var(--wp);margin-bottom:30px}
.an-wow__title{margin:0;font:600 clamp(52px,9vw,104px)/.9 var(--hf);letter-spacing:-.03em;color:#fff}
.an-wow__title::after{content:'';display:block;width:1.6em;height:.12em;background:var(--accent);margin-top:.14em;transform:skewX(-22deg);transform-origin:left;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.an-wow__sub{margin:14px 0 0;color:#cfd5e2;font-size:19px}
.an-wow .an-wowbar{margin:0}
.an-wow .an-dd>summary{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.4)}
.an-wow .an-dd>summary small{color:#b5bdcf}
.an-wow .an-dd>summary strong{color:#fff}
.an-wow .an-dd>summary::after{border-color:#fff}
.an-wow .an-dd[open]>summary{border-color:var(--accent)}
.an-wow .an-wowbar__cta:hover{background:#fff;color:#0b1220}

.an-wow__rail{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:14px var(--wp) 28px;scroll-padding-inline:var(--wp);scrollbar-width:none}
.an-wow__rail::-webkit-scrollbar{display:none}
.an-wc{flex:0 0 auto;width:280px;scroll-snap-align:start;transition:transform .35s cubic-bezier(.2,.7,.2,1),opacity .22s ease}
.an-wc.is-out{opacity:0;transform:scale(.9)}
.an-wc:not(.an-wc--all):hover{transform:translateY(-10px)}
.an-wc__a{position:relative;display:block;aspect-ratio:3/4.1;overflow:hidden;color:#fff;text-decoration:none;border-radius:8px;background:linear-gradient(160deg,#2b3a5c,#0f1830)}
.an-wc__a:focus-visible{outline:4px solid var(--accent);outline-offset:-8px}
.an-wc__img{position:absolute;inset:0}
.an-wc__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s ease}
.an-wc:hover .an-wc__img img{transform:scale(1.08)}
.an-wc__a::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(11,18,32,.97) 0%,rgba(11,18,32,.75) 40%,rgba(11,18,32,0) 70%)}
.an-wc__date{position:absolute;z-index:2;top:14px;left:14px;width:76px;background:var(--accent);color:#0b1220;border-radius:6px;padding:8px 0;text-align:center;font-family:var(--hf);line-height:1}
.an-wc__date b{display:block;font-size:40px;font-weight:600;letter-spacing:-.03em}
.an-wc__date i{display:block;font-style:normal;font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-top:3px}
.an-wc__now{position:absolute;z-index:2;top:14px;right:14px;background:#d63a2f;color:#fff;font:700 13px var(--bf);letter-spacing:.04em;padding:4px 10px;border-radius:999px}
.an-wc__body{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:18px 20px 22px;display:flex;flex-direction:column;gap:4px}
.an-wc__t{font:600 22px/1.15 var(--hf);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#fff}
.an-wc__m{font-size:15px;color:#cfd5e2;line-height:1.35}
.an-wc--all{display:flex;align-items:flex-end;width:220px;padding:22px;border:3px solid var(--accent);border-radius:8px;color:#fff;text-decoration:none}
.an-wc--all:hover{background:rgba(244,197,66,.12)}
.an-wc__allin{display:flex;flex-direction:column;gap:16px;font:600 26px/1.1 var(--hf)}
.an-wc__arrow{position:relative;display:block;width:56px;height:56px;background:var(--accent);border-radius:6px}
.an-wc__arrow::after{content:'';position:absolute;left:50%;top:50%;width:15px;height:15px;border:solid #0b1220;border-width:4px 4px 0 0;transform:translate(-62%,-50%) rotate(45deg)}
.an-wow__foot{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 var(--wp)}
.an-wow__count{color:#b5bdcf}
.an-wow__nav{display:flex;gap:10px}
.an-wow__btn{position:relative;width:54px;height:46px;background:transparent;border:2px solid rgba(255,255,255,.5);border-radius:6px;cursor:pointer;padding:0}
.an-wow__btn span{position:absolute;left:50%;top:50%;width:12px;height:12px;border:solid #fff;border-width:3px 3px 0 0;transform:translate(-35%,-50%) rotate(-135deg)}
.an-wow__btn--next span{transform:translate(-65%,-50%) rotate(45deg)}
.an-wow__btn:hover:not(:disabled){background:var(--accent);border-color:var(--accent)}
.an-wow__btn:hover:not(:disabled) span{border-color:#0b1220}
.an-wow__btn:disabled{opacity:.35;cursor:default}
.an-wow [hidden]{display:none!important}
.an-wow__empty{margin:0;padding:0 var(--wp) 12px;color:#cfd5e2;font-size:19px}
.an-wow__empty a{color:var(--accent)}

/* Entrata animata, una sola volta */
.an-wow--pre .an-wc{opacity:0;transform:translateX(70px) scale(.95)}
.an-wow--pre .an-wow__title::after{transform:skewX(-22deg) scaleX(0)}
.an-wow--in .an-wc{transition:opacity .6s ease,transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:calc(min(var(--i),10)*70ms)}
.an-wow--in .an-wow__title::after{transform:skewX(-22deg) scaleX(1)}

/* Modulo Segnala evento */
.an-form{display:grid;gap:4px;max-width:720px}
.an-form label{display:block;font-weight:600;margin-bottom:4px}
.an-form input[type=text],.an-form input[type=email],.an-form input[type=url],.an-form input[type=date],.an-form textarea{width:100%;min-height:50px;border:2px solid #8c8068;border-radius:6px;padding:12px 14px;font:17px var(--bf);background:#fff;color:var(--ink)}
.an-form__row{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.an-form .an-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.an-form__small{font-size:15px;color:var(--muted)}
.an-note{padding:14px 20px;border-left:6px solid;border-radius:6px;margin:0 0 24px;background:#fff}
.an-note h2{margin:0 0 6px;font-size:24px}
.an-note p{margin:0}
.an-note--ok{border-color:#2f8f5b;background:#eaf6ee}
.an-note--err{border-color:#d63a2f;background:#fdeceb}

@media (prefers-reduced-motion:reduce){
 .an-wc,.an-wc__img img,.an-wow__title::after{transition:none!important}
 .an-wc:not(.an-wc--all):hover{transform:none}
 .an-wc:hover .an-wc__img img{transform:none}
}
@media (max-width:820px){
 .an-dd{min-width:100%}
 .an-wc{width:250px}
 .an-wc--all{width:200px}
 .an-wow .an-wowbar{width:100%}
 .an-wowbar__cta{width:100%;justify-content:center}
 .an-wow__btn{display:none}
}
@media (max-width:640px){.an-form__row{grid-template-columns:1fr}}

.an-form input[type=file]{width:100%;padding:10px 0;font:16px var(--bf)}
.an-form__err{display:block;color:#d63a2f;font-weight:600}