/*
Theme Name: AICS Perugia
Theme URI: https://www.aicsperugia.it/
Author: AICS Comitato Provinciale di Perugia APS
Description: Tema del Comitato Provinciale AICS di Perugia: homepage, agenda eventi, podcast AICS Perugia On Air, Servizio Civile, affiliazione e Sportello digitale per ASD, SSD e APS.
Version: 1.2.4
Requires at least: 6.4
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: aics-perugia
*/

/* ---------- Fonts (self-hosted, SIL OFL) ---------- */
@font-face{font-family:"Bricolage Grotesque";src:url("assets/fonts/bricolage-grotesque-latin-wght-normal.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url("assets/fonts/instrument-sans-latin-400-normal.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url("assets/fonts/instrument-sans-latin-500-normal.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url("assets/fonts/instrument-sans-latin-600-normal.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url("assets/fonts/instrument-sans-latin-700-normal.woff2") format("woff2");font-weight:700;font-display:swap}

/* ---------- Tokens ---------- */
:root{
  --blue:#1F4A8F; --blue-light:#E7ECF6; --blue-soft:#C7D6F2; --blue-pale:#A9C1F0;
  --red:#B31B1B; --red-light:#FCE8E8; --red-pale:#FBD5D5;
  --green:#12993F; --green-dark:#0E7A31; --green-light:#E3F3E8; --orange:#D34A22;
  --ink:#13254A; --ink-2:#1E3A6E; --ink-3:#0F1E3D; --ink-line:#2B4478; --ink-line-2:#3B5590;
  --ground:#F5F5F0; --ground-2:#EEEFE9; --surface:#FFFFFF; --muted:#F2F3EE;
  --text:#13254A; --text-2:#3A4252; --text-3:#4A5263; --text-4:#5A6273;
  --line:#DCDDD5; --line-2:#C9CBC2; --line-3:#E4E5DE;
  --font-display:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;
  --font-body:"Instrument Sans",ui-sans-serif,system-ui,sans-serif;
  --wrap:1320px; --gutter:24px;
  --r-sm:14px; --r:20px; --r-lg:28px; --r-xl:36px;
}

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--ground);color:var(--text);font-family:var(--font-body);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
img,svg,video,iframe{max-width:100%}
img{height:auto;display:block}
a{color:var(--ink);text-underline-offset:3px}
a:hover{color:var(--blue)}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:6px}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4{font-family:var(--font-display);line-height:1.05;letter-spacing:-.02em;margin:0}
p{margin:0}
.screen-reader-text,.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link:focus{position:fixed;top:12px;left:12px;z-index:100;width:auto;height:auto;clip:auto;padding:12px 18px;background:var(--surface);border-radius:var(--r-sm);font-weight:600}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* ---------- Layout ---------- */
.wrap{max-width:var(--wrap);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}
.section{padding-top:96px;padding-bottom:96px}
.section--tight{padding-top:56px;padding-bottom:56px}
.section--white{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.section--ink{background:var(--ink);color:#fff}
.section--deep{background:var(--ink-3);color:#fff}
.section--blue{background:var(--blue);color:#fff}
.stack{display:flex;flex-direction:column;gap:16px}
.stack-lg{display:flex;flex-direction:column;gap:32px}
.row{display:flex;flex-wrap:wrap;gap:16px 48px;align-items:flex-end;justify-content:space-between}
.grid{display:grid;gap:14px}
.grid-auto-220{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.grid-auto-260{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.grid-auto-300{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}
.grid-auto-340{grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr))}
.split{display:flex;flex-wrap:wrap;gap:40px 56px}
.split > .grow{flex:999 1 560px;min-width:0}
.split > .side{flex:1 1 340px;min-width:0}

/* ---------- Type ---------- */
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.eyebrow--red{color:var(--red)} .eyebrow--light{color:var(--blue-pale)} .eyebrow--soft{color:var(--blue-soft)}
.square{display:inline-block;width:10px;height:10px;background:var(--red);flex:none}
.display-xl{font-weight:800;font-size:clamp(52px,9vw,136px);line-height:.9;letter-spacing:-.04em}
.display-l{font-weight:800;font-size:clamp(40px,5.5vw,76px);line-height:.95;letter-spacing:-.03em}
.display-m{font-weight:800;font-size:clamp(32px,3.8vw,52px);line-height:.98;letter-spacing:-.03em}
.title-s{font-weight:700;font-size:24px;line-height:1.08}
.lead{font-size:19px;color:var(--text-2);max-width:620px}
.on-dark .lead,.section--ink .lead,.section--deep .lead{color:#C9D3E6}
.section--blue .lead{color:#DCE5F5}
.muted{color:var(--text-4)} .small{font-size:14px} .xsmall{font-size:13px}

/* ---------- Buttons & chips ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;border:1.5px solid transparent;font-weight:600;text-decoration:none;cursor:pointer;line-height:1.2;transition:transform .15s ease,background-color .15s ease}
.btn:hover{transform:translateY(-1px)}
.btn svg{flex:none}
.btn--sm{min-height:44px;padding:0 18px;font-size:15px}
.btn--ink{background:var(--ink);color:#fff} .btn--ink:hover{color:#fff;background:#1b3366}
.btn--blue{background:var(--blue);color:#fff} .btn--blue:hover{color:#fff;background:#183d78}
.btn--red{background:var(--red);color:#fff} .btn--red:hover{color:#fff;background:#981616}
.btn--white{background:#fff;color:var(--ink)} .btn--white:hover{color:var(--ink)}
.btn--outline{border-color:var(--ink);color:var(--ink);background:transparent}
.btn--outline-light{border-color:var(--ink-line-2);color:#fff;background:transparent} .btn--outline-light:hover{color:#fff}
.btn--ghost{background:var(--muted);color:var(--ink)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{min-height:44px;padding:0 18px;border-radius:999px;border:1.5px solid var(--line-2);background:var(--surface);color:var(--ink);font-weight:600;font-size:15px;cursor:pointer}
.chip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.chip--blue[aria-pressed="true"]{background:var(--blue);border-color:var(--blue)}
.on-dark .chip{background:transparent;border-color:var(--ink-line-2);color:#fff}
.on-dark .chip[aria-pressed="true"]{background:#fff;border-color:#fff;color:var(--ink)}
.chip .count{opacity:.7;margin-left:4px}
.tag{display:inline-flex;align-items:center;font-size:13px;font-weight:600;padding:6px 12px;border-radius:999px;background:var(--muted);color:var(--ink)}
.tag--blue{background:var(--blue);color:#fff} .tag--red{background:var(--red);color:#fff} .tag--green{background:var(--green-dark);color:#fff}
.pill-badge{display:inline-flex;align-self:flex-start;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:14px;font-weight:600}

/* ---------- Cards ---------- */
.card{border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);padding:28px}
.card--flat{border:none}
.card--muted{background:var(--muted);border:none}
.card--ink{background:var(--ink);color:#fff;border:none}
.card--blue{background:var(--blue);color:#fff;border:none}
.card--red{background:var(--red);color:#fff;border:none}
.card-link{display:flex;flex-direction:column;justify-content:space-between;gap:18px;text-decoration:none;color:inherit;min-height:150px;transition:transform .15s ease}
.card-link:hover{transform:translateY(-2px);color:inherit}
.card--blue.card-link,.card--blue.card-link:hover,.card--red.card-link,.card--red.card-link:hover,.card--ink.card-link,.card--ink.card-link:hover{color:#fff}
.split > .side .display-l{font-size:clamp(36px,3.6vw,52px)}
.placeholder{border-radius:var(--r-lg);background:#D9DCE3;display:flex;align-items:flex-end;padding:20px;font-size:13px;color:var(--text-3);min-height:220px;overflow:hidden}
.media{border-radius:var(--r-lg);overflow:hidden;background:#D9DCE3}
.media img{width:100%;height:100%;object-fit:cover}

/* ---------- Header ---------- */
.tricolor{display:flex;height:6px}
.tricolor span{flex:1} .tricolor span:nth-child(1){background:var(--green)} .tricolor span:nth-child(2){background:#fff} .tricolor span:nth-child(3){background:var(--orange)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(245,245,240,.94);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}
.admin-bar .site-header{top:32px}
@media (max-width:782px){.admin-bar .site-header{top:46px}}
.site-header > .wrap{max-width:1560px}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px 28px;padding-top:12px;padding-bottom:12px}
.brand{flex:none}
.brand img{height:56px;width:auto}
.primary-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:2px}
.primary-nav a{display:block;padding:10px 11px;border-radius:999px;text-decoration:none;font-weight:500;font-size:15px;white-space:nowrap}
.primary-nav ul{flex-wrap:nowrap}
.header-actions .btn{white-space:nowrap}
@media (max-width:1500px){.header-actions .icon-btn.social{display:none}}
.primary-nav a:hover,.primary-nav .current-menu-item > a,.primary-nav .current_page_item > a{background:var(--surface)}
.primary-nav .menu-highlight > a{color:var(--red);font-weight:600}
.primary-nav .sub-menu{display:none}
.header-actions{display:flex;align-items:center;gap:8px}
.icon-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--line-2);display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--ink);text-decoration:none;cursor:pointer}
.nav-toggle{display:none}
.primary-nav .nav-extra{display:none}
@media (max-width:1240px){
  .nav-toggle{display:inline-flex}
  .primary-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--ground);border-bottom:1px solid var(--line);padding:12px var(--gutter) 20px}
  .primary-nav.is-open{display:block}
  .primary-nav ul{flex-direction:column;flex-wrap:wrap}
  .primary-nav a{font-size:18px;padding:14px 12px}
  .header-actions .social{display:none}
  .primary-nav .nav-extra{display:flex;align-items:center;gap:8px;margin-top:8px;padding:14px 12px;border-top:1px solid var(--line);text-decoration:none;font-weight:600;font-size:18px}
}
@media (max-width:520px){.brand img{height:46px}.header-actions .btn{display:none}}

/* ---------- Footer ---------- */
.site-footer{background:var(--ink-3);color:#C9D3E6}
.site-footer a{color:#C9D3E6;text-decoration:none} .site-footer a:hover{color:#fff;text-decoration:underline}
.footer-top{display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between;padding-top:72px}
.footer-col{flex:1 1 200px;display:flex;flex-direction:column;gap:8px}
.footer-col--brand{flex:1 1 320px;gap:16px}
.footer-col h2{font-family:var(--font-body);font-size:16px;font-weight:600;color:#fff;letter-spacing:0}
.footer-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.footer-logo{align-self:flex-start;background:#fff;border-radius:18px;padding:14px 18px}
.footer-logo img{height:72px;width:auto}
.footer-claim{font-family:var(--font-display);font-weight:800;font-size:clamp(56px,11vw,168px);line-height:.85;letter-spacing:-.05em;color:var(--blue);margin:56px 0 0}
.footer-bottom{border-top:1px solid var(--ink-line);margin-top:40px;padding:24px 0 32px;font-size:14px;color:#8D9AB4;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between}

/* ---------- Hero ---------- */
.hero{padding-top:40px;padding-bottom:32px}
.hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));gap:14px}
.hero-main{grid-column:1/-1;border-radius:var(--r-xl);background:var(--blue);color:#fff;padding:clamp(28px,5vw,64px);display:flex;flex-wrap:wrap;gap:32px;align-items:flex-end;justify-content:space-between;min-height:520px}
.hero-main .grow{flex:999 1 640px;min-width:0;display:flex;flex-direction:column;gap:28px}
.hero-main .side{flex:1 1 280px;min-width:0;display:flex;flex-direction:column;gap:18px;max-width:400px}
.hero-main .lead{color:#DCE5F5}
.hero-badge{display:inline-flex;align-self:flex-start;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.12);font-size:14px;font-weight:600}
.hero-badge .square{outline:2px solid #fff}
.rotator{display:block;color:#FFD9D3;min-height:.9em}
.rotator.is-in{animation:rise .5s cubic-bezier(.2,.8,.2,1)}
@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.hero-tile{border-radius:32px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;gap:18px;min-height:260px;text-decoration:none}
.countdown-n{font-family:var(--font-display);font-weight:800;font-size:112px;line-height:.8;letter-spacing:-.04em}
.pulse{display:inline-block;width:10px;height:10px;border-radius:50%;background:#fff;animation:pulse 1.6s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
.mini-wave{display:flex;align-items:center;gap:3px;height:64px}
.mini-wave span{flex:1;border-radius:2px;background:#5E86D1}

/* ---------- Marquee ---------- */
.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface);padding:18px 0}
.marquee-track{display:flex;width:max-content;animation:marquee 40s linear infinite}
.marquee-item{display:inline-flex;align-items:center;gap:28px;padding-right:28px;font-family:var(--font-display);font-weight:700;font-size:34px;white-space:nowrap}
.marquee-item:nth-child(6n+2){color:var(--blue)} .marquee-item:nth-child(6n+3){color:var(--green)} .marquee-item:nth-child(6n+4){color:var(--red)}
@keyframes marquee{to{transform:translateX(-50%)}}

/* ---------- Paths (Inizia da qui) ---------- */
.paths{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.path-tab{text-align:left;cursor:pointer;border-radius:24px;padding:22px;min-height:132px;display:flex;flex-direction:column;justify-content:space-between;gap:18px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink)}
.path-tab[aria-selected="true"]{background:var(--blue);border-color:var(--blue);color:#fff}
.path-tab .k{font-size:14px;font-weight:600;opacity:.8}
.path-tab .l{font-family:var(--font-display);font-weight:700;font-size:25px;line-height:1.05}
.path-panel{border-radius:32px;background:var(--surface);border:1px solid var(--line);padding:clamp(24px,4vw,48px);display:flex;flex-wrap:wrap;gap:32px 56px;align-items:center}
.path-panel[hidden]{display:none}
.path-panel .grow{flex:999 1 460px;min-width:0;display:flex;flex-direction:column;gap:16px}
.path-panel .side{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:10px}
.link-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;padding:0 20px;border-radius:18px;background:var(--muted);text-decoration:none;font-weight:600}
.link-row:hover{background:var(--blue-light)}

/* ---------- Agenda ---------- */
.agenda-list{display:flex;flex-direction:column;border-top:1px solid var(--ink-line)}
.agenda-item{display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px;padding:26px 0;border-bottom:1px solid var(--ink-line);text-decoration:none;color:#fff}
.agenda-item:hover{color:#fff}
.agenda-item:hover .agenda-title{text-decoration:underline;text-underline-offset:5px}
.agenda-item[hidden]{display:none}
.agenda-date{flex:none;width:128px;display:flex;flex-direction:column;line-height:1}
.agenda-date .big{font-family:var(--font-display);font-weight:800;font-size:44px;letter-spacing:-.02em}
.agenda-date .sm{font-size:13px;font-weight:600;color:var(--blue-pale);padding-top:6px;text-transform:uppercase}
.agenda-body{flex:999 1 360px;min-width:0;display:flex;flex-direction:column;gap:4px}
.agenda-title{font-family:var(--font-display);font-weight:700;font-size:30px;line-height:1.05}
.agenda-note{color:#C9D3E6}
.agenda-place{flex:none;font-size:15px;color:#C9D3E6;min-width:150px}
.agenda-empty{border-radius:24px;border:1.5px dashed var(--ink-line-2);padding:40px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}
.agenda-empty[hidden]{display:none}

/* ---------- News cards ---------- */
.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:24px}
.news-card{display:flex;flex-direction:column;gap:14px;text-decoration:none;color:var(--ink)}
.news-card .thumb{aspect-ratio:1/1;border-radius:20px;overflow:hidden;background:#E3E5EA}
.news-card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.news-card:hover .thumb img{transform:scale(1.04)}
.news-card .meta{font-size:13px;font-weight:600;color:var(--text-4);text-transform:uppercase;letter-spacing:.04em}
.news-card h3{font-size:22px;font-weight:700;line-height:1.15}
.news-card:hover h3{text-decoration:underline;text-underline-offset:4px}

/* ---------- Podcast ---------- */
.podcast{border-radius:40px;background:var(--ink-3);color:#fff;padding:clamp(28px,5vw,64px);display:flex;flex-direction:column;gap:40px}
.podcast-player{border-radius:28px;background:#172B54;padding:12px;overflow:hidden}
.podcast-player iframe{display:block;width:100%;border:0;border-radius:20px;background:#fff}
.podcast-player--video iframe{aspect-ratio:16/9;height:auto;background:#000}
.platforms{display:flex;flex-wrap:wrap;gap:8px}

/* ---------- Steps ---------- */
.steps-tabs{display:flex;gap:8px}
.step-tab{flex:1;cursor:pointer;text-align:left;min-height:64px;padding:12px 16px;border-radius:18px;border:none;background:var(--muted);color:var(--ink);display:flex;flex-direction:column;gap:2px}
.step-tab[aria-selected="true"]{background:var(--blue);color:#fff}
.step-tab .n{font-family:var(--font-display);font-weight:800;font-size:22px;line-height:1}
.step-tab .s{font-size:14px;font-weight:600}
.step-panel{border-radius:22px;background:var(--muted);padding:24px;display:flex;flex-direction:column;gap:8px;min-height:150px}
.step-panel[hidden]{display:none}

/* ---------- Forms ---------- */
.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:14px}
.field{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}
.field--full{grid-column:1/-1}
.input{min-height:54px;padding:0 18px;border-radius:16px;border:1.5px solid var(--line-2);background:#fff;color:var(--ink);font-weight:400;font-size:16px;width:100%}
textarea.input{padding:16px 18px;min-height:120px;resize:vertical}
.on-dark .input,.section--blue .input{border-color:transparent}
.check{display:flex;gap:10px;align-items:flex-start;font-size:14px;font-weight:400}
.check input{width:20px;height:20px;margin-top:1px;flex:none}
.form-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}
.hp-field{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.notice{border-radius:18px;padding:16px 20px;font-weight:600}
.notice--ok{background:var(--green-light);color:var(--green-dark)}
.notice--err{background:var(--red-light);color:var(--red)}

/* ---------- Page header & content ---------- */
.page-hero{padding-top:56px;padding-bottom:40px}
.breadcrumb{font-size:14px;color:var(--text-4);display:flex;gap:8px;flex-wrap:wrap}
.breadcrumb a{color:var(--text-4)}
.entry-content{font-size:18px;line-height:1.7;max-width:760px}
.entry-content > * + *{margin-top:1.1em}
.entry-content h2{font-size:clamp(28px,3vw,40px);margin-top:1.6em}
.entry-content h3{font-size:26px;margin-top:1.4em}
.entry-content a{color:var(--blue);text-decoration:underline}
.entry-content ul,.entry-content ol{padding-left:1.3em}
.entry-content img{border-radius:var(--r)}
.entry-content blockquote{margin-left:0;padding-left:20px;border-left:4px solid var(--blue);font-size:20px}
.entry-content .wp-block-button__link{display:inline-flex;min-height:52px;align-items:center;padding:0 26px;border-radius:999px;background:var(--blue);color:#fff;text-decoration:none;font-weight:600}
.entry-content iframe{border-radius:var(--r)}
.alignwide{max-width:1100px} .alignfull{max-width:none}
.wp-caption-text,.wp-element-caption{font-size:14px;color:var(--text-4);margin-top:8px}
.single-cover{border-radius:var(--r-xl);overflow:hidden;max-height:620px}
.single-cover img{width:100%;height:100%;object-fit:cover}
.pagination{display:flex;flex-wrap:wrap;gap:8px;margin-top:48px}
.pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;padding:0 14px;border-radius:999px;background:var(--surface);border:1px solid var(--line);text-decoration:none;font-weight:600}
.pagination .current{background:var(--ink);color:#fff;border-color:var(--ink)}
.cat-filter{display:flex;flex-wrap:wrap;gap:8px}
.cat-filter a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;border:1.5px solid var(--line-2);text-decoration:none;font-weight:600;font-size:15px;background:var(--surface)}
.cat-filter a.is-current{background:var(--ink);border-color:var(--ink);color:#fff}

/* ---------- Sportello ---------- */
.check-q{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line-3)}
.check-q[hidden]{display:none}
.check-q .q{flex:999 1 380px;min-width:0;display:flex;gap:14px;align-items:baseline}
.check-q .num{flex:none;font-family:var(--font-display);font-weight:800;font-size:18px;color:#8A93A6;width:28px}
.check-q .txt{display:flex;flex-direction:column;gap:2px}
.check-q .txt strong{font-weight:600}
.yn{flex:none;display:flex;gap:6px}
.yn button{min-width:72px;min-height:44px;border-radius:999px;border:1.5px solid var(--line-2);background:#fff;color:var(--ink);font-weight:600;cursor:pointer}
.yn button[data-v="si"][aria-pressed="true"]{background:var(--green-dark);border-color:var(--green-dark);color:#fff}
.yn button[data-v="no"][aria-pressed="true"]{background:var(--red);border-color:var(--red);color:#fff}
.result-card{position:sticky;top:110px;border-radius:32px;background:var(--ink);color:#fff;padding:32px;display:flex;flex-direction:column;gap:20px}
.result-n{font-family:var(--font-display);font-weight:800;font-size:96px;line-height:.8;letter-spacing:-.04em}
.result-bar{height:12px;border-radius:999px;background:var(--ink-line);overflow:hidden;display:flex}
.result-bar .ok{background:var(--green);height:100%;transition:width .3s ease}
.result-bar .ko{background:var(--red);height:100%;transition:width .3s ease}
.todo-item{border-radius:18px;background:var(--ink-2);padding:14px 16px;display:flex;flex-direction:column;gap:4px}
.todo-item .ref{font-size:13px;color:var(--blue-pale)}
.deadline{display:flex;flex-direction:column;gap:14px;min-height:230px}
.deadline[hidden]{display:none}
.deadline .when{font-family:var(--font-display);font-weight:800;font-size:34px;line-height:.95;letter-spacing:-.02em}
.deadline .what{font-weight:600;font-size:18px;line-height:1.3}
.deadline .ref{font-size:14px;color:var(--text-4);margin-top:auto}
.notice-preview{border-radius:28px;background:#fff;color:var(--ink);padding:32px;display:flex;flex-direction:column;gap:16px;box-shadow:0 30px 60px rgba(8,20,48,.35)}
.faq-q{cursor:pointer;text-align:left;font-weight:600;min-height:56px;padding:12px 18px;border-radius:18px;border:1.5px solid var(--line);background:#fff;color:var(--ink)}
.faq-q[aria-pressed="true"]{background:var(--blue-light);border-color:var(--blue)}
.chat{border-radius:32px;background:#fff;border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;gap:16px;min-height:440px}
.bubble-q{align-self:flex-end;max-width:80%;border-radius:20px 20px 6px 20px;background:var(--blue);color:#fff;padding:14px 18px}
.bubble-a{align-self:flex-start;max-width:88%;border-radius:20px 20px 20px 6px;background:var(--muted);padding:18px 20px;display:flex;flex-direction:column;gap:12px}
.source-pill{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;font-size:13px;font-weight:600;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid var(--line)}
.soon{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:#FDE9D9;color:#8A3A12}

/* ---------- Links on coloured sections ---------- */
.section--blue a:not(.btn),.section--ink a:not(.btn):not(.agenda-item),.section--deep a:not(.btn),.card--red a:not(.btn),.card--blue a:not(.btn){color:#fff;text-decoration:underline}

/* ---------- Comments ---------- */
.comment-form{display:flex;flex-direction:column;gap:14px}
.comment-form p{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;max-width:100%;min-height:50px;padding:12px 16px;border-radius:14px;border:1.5px solid var(--line-2);background:#fff;font-weight:400}
.comment-form .comment-form-cookies-consent{flex-direction:row;align-items:flex-start;font-weight:400}
.comment-list .comment-body{background:#fff;border-radius:var(--r);padding:20px;border:1px solid var(--line)}

/* ---------- Embed facade ---------- */
.embed-facade{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;padding:24px 20px}
.embed-facade .who{display:flex;gap:18px;align-items:center;flex:1 1 320px;min-width:0}

/* ---------- Editor colours ---------- */
.has-aics-blue-color{color:#1F4A8F}.has-aics-blue-background-color{background-color:#1F4A8F}
.has-aics-red-color{color:#B31B1B}.has-aics-red-background-color{background-color:#B31B1B}
.has-aics-green-color{color:#12993F}.has-aics-green-background-color{background-color:#12993F}
.has-aics-ink-color{color:#13254A}.has-aics-ink-background-color{background-color:#13254A}
.has-aics-ground-color{color:#F5F5F0}.has-aics-ground-background-color{background-color:#F5F5F0}
.has-aics-white-color{color:#fff}.has-aics-white-background-color{background-color:#fff}

/* ---------- Contenuti del vecchio costruttore di pagine (cmsms) ---------- */
body.has-legacy-layout .entry-content{max-width:none}
.cm-row{display:flex;flex-wrap:wrap;gap:32px;margin:0 0 40px}
.cm-col{flex:1 1 calc(var(--cm-basis,100%) - 32px);min-width:min(100%,280px)}
.cm-col > * + *{margin-top:1.25em}
.entry-content .news-card,.entry-content .news-card:hover{color:var(--ink);text-decoration:none}
.entry-content .news-card h3{font-size:22px;margin:0}
.cm-text p,.cm-text li{max-width:72ch}
.cm-text > * + *{margin-top:1em}
.entry-content .cm-heading,.cm-heading{font-size:clamp(28px,3vw,40px);margin:0 0 .5em;line-height:1.05}
h3.cm-heading{font-size:clamp(24px,2.4vw,30px)}
h4.cm-heading{font-size:22px}
h5.cm-heading,h6.cm-heading{font-size:18px;letter-spacing:0}
.entry-content .cm-lead,.cm-lead{font-family:var(--font-body);font-size:clamp(19px,1.6vw,22px);font-weight:500;line-height:1.55;color:var(--text-2);max-width:62ch;margin:0 0 1.2em}
.cm-lead[style*="center"]{margin-left:auto;margin-right:auto}
.cm-divider{border:0;border-top:1px solid var(--line);margin:32px 0}
.cm-figure{margin:0;border-radius:var(--r);overflow:hidden}
.cm-figure img{width:100%;height:auto;display:block;border-radius:0}
.cm-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:12px;margin:0}
.cm-gallery-item{margin:0;border-radius:var(--r);overflow:hidden;aspect-ratio:4/3;background:#E3E5EA}
.cm-gallery-item img{width:100%;height:100%;object-fit:cover;border-radius:0}
.entry-content .cm-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:12px;margin:0}
.cm-list-item{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px 18px}
.cm-list-badge{flex:none;min-width:36px;height:36px;padding:0 8px;border-radius:999px;background:var(--blue);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:16px}
.cm-list-badge--dot{min-width:12px;width:12px;height:12px;padding:0;margin-top:8px;border-radius:0;background:var(--red)}
.cm-list-body > * + *{margin-top:.5em}
.cm-box{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:28px}
.cm-box > * + *{margin-top:.8em}
.cm-box-title{font-size:24px;margin:0}
.cm-cards{margin:8px 0 0}
.cm-button{margin:8px 0}
.entry-content .cm-button a{color:#fff;text-decoration:none}
.entry-content iframe{width:100%;max-width:100%;border:0}
.profile-card .thumb{aspect-ratio:1/1;border-radius:50%;max-width:220px}

/* ---------- Menu compatto quando le voci non ci stanno ---------- */
.site-header.is-compact .nav-toggle{display:inline-flex}
.site-header.is-compact .primary-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--ground);border-bottom:1px solid var(--line);padding:12px var(--gutter) 20px}
.site-header.is-compact .primary-nav.is-open{display:block}
.site-header.is-compact .primary-nav ul{flex-direction:column;flex-wrap:wrap}
.site-header.is-compact .primary-nav a{font-size:18px;padding:14px 12px}
.site-header.is-compact .header-actions .social{display:none}
.site-header.is-compact .primary-nav .nav-extra{display:flex;align-items:center;gap:8px;margin-top:8px;padding:14px 12px;border-top:1px solid var(--line);text-decoration:none;font-weight:600;font-size:18px}
.site-header.is-measuring .primary-nav{display:block!important;position:static!important;padding:0!important;border:0!important;background:none!important}
.site-header.is-measuring .primary-nav ul{flex-direction:row!important;flex-wrap:nowrap!important}
.site-header.is-measuring .primary-nav a{font-size:15px!important;padding:10px 11px!important}

/* ---------- Utilities ---------- */
.mt-0{margin-top:0}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-40{margin-top:40px}
.self-start{align-self:flex-start}
.text-white{color:#fff}
.no-underline{text-decoration:none}