/*
Theme Name: Vita in iperattività
Theme URI: https://www.vitainiperattivita.it
Author: Vita in iperattività
Description: Tema del sito Vita in iperattività: divulgazione su neurodivergenza, ADHD, autismo, AuDHD, DSA e altri BES, con guida ai diritti e novità normative.
Version: 1.0.0
Requires at least: 6.0
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: vita-in-iperattivita
*/
@font-face{font-family:'Atkinson Hyperlegible';font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/atkinson-hyperlegible-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Atkinson Hyperlegible';font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/atkinson-hyperlegible-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:200 800;font-display:swap;src:url(assets/fonts/bricolage-grotesque-latin-wght-normal.woff2) format('woff2')}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Atkinson Hyperlegible',system-ui,-apple-system,'Segoe UI',sans-serif;color:#1B1F4B;background:#FFFFFF;line-height:1.6;font-size:18px}
img{max-width:100%;height:auto}
a{color:#2748A6}
a:hover{color:#1B3680}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #F2A900;outline-offset:2px;border-radius:4px}
[id]{scroll-margin-top:12px}
.skip{position:absolute;left:-9999px;top:8px;background:#FFFFFF;color:#14173A;padding:10px 14px;border-radius:6px;z-index:100}
.skip:focus{left:8px}
details>summary{cursor:pointer;list-style:none}
details>summary::-webkit-details-marker{display:none}
details[open]>summary .chev{transform:rotate(90deg)}
pre{white-space:pre-wrap;word-break:break-word}

/* intestazione */
.vi-header{background:#14173A;color:#F4F5FF}
.vi-header__in{max-width:1180px;margin:0 auto;padding:14px 28px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 32px}
.vi-brand{display:flex;align-items:center;gap:14px;font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:800;font-size:22px;line-height:1.2;color:#FFFFFF;text-decoration:none;padding:8px 0}
.vi-brand:hover{color:#FFFFFF}
.vi-brand img{height:50px;width:auto;display:block}
.vi-brand--sm img{height:44px}
.vi-menu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 24px;font-size:16px}
.vi-menu a{color:#D6DAFF;text-decoration:none;padding:11px 0;display:inline-block}
.vi-menu a:hover,.vi-menu .current-menu-item>a,.vi-menu .current_page_item>a{color:#FFFFFF;text-decoration:underline;text-underline-offset:4px}

/* hero */
.vi-hero{background:#14173A;color:#F4F5FF}
.vi-hero__in{max-width:1180px;margin:0 auto;padding:44px 28px 92px;display:flex;flex-wrap:wrap;gap:48px 56px;align-items:center}
.vi-hero__txt{flex:1 1 420px;min-width:0}
.vi-hero h1{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:800;font-size:clamp(46px,7vw,92px);line-height:1;letter-spacing:-0.025em;margin:0 0 26px;color:#FFFFFF}
.vi-lead{font-size:clamp(19px,2vw,23px);line-height:1.5;margin:0 0 34px;max-width:42ch;color:#D6DAFF}
.vi-btns{display:flex;flex-wrap:wrap;gap:14px}
.vi-btn{display:inline-block;background:#FFFFFF;color:#14173A;font-weight:700;padding:15px 24px;border-radius:12px;text-decoration:none}
.vi-btn:hover{color:#14173A;background:#E9EDFF}
.vi-btn--ghost{background:transparent;border:2px solid #8F97E8;color:#FFFFFF;padding:13px 24px}
.vi-btn--ghost:hover{color:#FFFFFF;background:#1D2150}
.vi-map{flex:1 1 420px;min-width:0;background:#1D2150;border-radius:20px;padding:30px 30px 26px}
.vi-map h2{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:700;font-size:24px;line-height:1.2;margin:0 0 6px;color:#FFFFFF}
.vi-map p{margin:0 0 22px;font-size:16px;color:#C9CEF5}
.vi-map__lines{display:flex;flex-wrap:wrap;gap:26px 30px}
.vi-line{flex:1 1 180px;min-width:0}
.vi-line__name{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:700;font-size:21px;line-height:1.2;color:var(--lc);text-decoration:none;display:inline-block;padding:6px 0}
.vi-line__name:hover{color:var(--lc);text-decoration:underline}
.vi-line__stops{margin-top:8px}
.vi-stop{display:flex;gap:12px;align-items:stretch}
.vi-stop__rail{position:relative;width:24px;flex:none}
.vi-stop__rail::before{content:"";position:absolute;left:10px;width:4px;background:var(--lc);top:0;bottom:0}
.is-first .vi-stop__rail::before{top:14px}
.is-last .vi-stop__rail::before{bottom:auto;height:14px}
.vi-stop__dot{position:relative;display:block;width:24px;height:24px;border-radius:50%;background:#14173A;border:4px solid var(--lc)}
.vi-stop__label{font-size:16px;line-height:1.3;color:#E4E7FF;padding:1px 0 18px}
.is-last .vi-stop__label{padding-bottom:0}

/* sezioni e pagine */
.vi-sec{background:#FFFFFF;padding:88px 28px}
.vi-sec--soft{background:#F3F5FB}
.vi-wrap{max-width:1180px;margin:0 auto}
.vi-wrap--narrow{max-width:860px}
.vi-h1,.vi-h2{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:800;font-size:clamp(30px,4.2vw,44px);line-height:1.1;letter-spacing:-0.015em;margin:0 0 26px;color:#1B1F4B}
.vi-h2{margin-bottom:22px}
.vi-p{margin:0 0 16px;max-width:68ch}
.vi-meta{margin:0 0 8px;font-size:16px;color:#4A4F7A}
.vi-more{margin:22px 0 0;font-weight:700}
.vi-cols{display:flex;flex-wrap:wrap;gap:28px 40px}
.vi-col{flex:1 1 240px;min-width:0;border-top:3px solid #1B1F4B;padding-top:14px}
.vi-col p{margin:6px 0 0}
.vi-col__name{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:700;font-size:22px;line-height:1.2;color:#1B1F4B;text-decoration:none;display:inline-block;padding:4px 0}
.vi-col__name:hover{text-decoration:underline}
.vi-cards{border-bottom:1px solid #CBD1EA}
.vi-card{padding:22px 0;border-top:1px solid #CBD1EA}
.vi-card h2,.vi-card h3{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:700;font-size:24px;line-height:1.2;margin:0 0 8px}
.vi-card h2 a,.vi-card h3 a{color:#1B1F4B;text-decoration:none}
.vi-card h2 a:hover,.vi-card h3 a:hover{text-decoration:underline}
.vi-card p{margin:0 0 8px;max-width:68ch}
.vi-chips{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.vi-chip{display:inline-block;font-weight:700;padding:12px 22px;border-radius:12px;border:2px solid var(--lc);color:#1B1F4B;text-decoration:none;background:#FFFFFF}
.vi-chip:hover{background:var(--lc);color:#14173A}
.vi-about{display:flex;flex-wrap:wrap;gap:36px 56px;align-items:center}
.vi-about__txt{flex:1 1 440px;min-width:0}
.vi-about__img{flex:0 1 340px;min-width:240px}
.vi-about__img img{display:block;width:100%;height:auto;border-radius:22px}
.navigation.pagination{margin-top:28px}
.navigation.pagination .nav-links{display:flex;flex-wrap:wrap;gap:14px}
.navigation.pagination a,.navigation.pagination span{display:inline-block;padding:10px 16px;border:2px solid #C3CAE6;border-radius:10px;text-decoration:none;color:#1B1F4B}
.navigation.pagination .current{background:#1B1F4B;color:#FFFFFF;border-color:#1B1F4B}

/* sfondi per pagina */
.vi-page-capire .vi-sec,.vi-page-adhd .vi-sec,.vi-page-dsa-bes .vi-sec,.vi-page-risorse .vi-sec{background:#F3F5FB}
.vi-page-diritti .vi-sec{background:#EEF1FB}

/* guida ai diritti: schede */
.tab{cursor:pointer;font-family:inherit;font-size:18px;font-weight:700;min-height:50px;padding:12px 24px;border-radius:12px;border:2px solid #C3CAE6;background:#FFFFFF;color:#1B1F4B}
.tab[aria-selected="true"]{background:var(--c);border-color:var(--c);color:#FFFFFF}
.js [data-panel]{display:none}
.js [data-panel].on{display:block}

/* testo degli articoli (editor a blocchi) */
:where(.vi-content) h2{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:700;font-size:28px;line-height:1.2;margin:1.8em 0 .5em;color:#1B1F4B}
:where(.vi-content) h3{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:700;font-size:22px;line-height:1.25;margin:1.6em 0 .4em;color:#1B1F4B}
:where(.vi-content) p,:where(.vi-content) ul,:where(.vi-content) ol{margin:0 0 1em;max-width:68ch}
:where(.vi-content) li{margin:0 0 .35em}
:where(.vi-content) blockquote{margin:1.4em 0;padding:.2em 0 .2em 1.1em;border-left:4px solid #C3CAE6;color:#4A4F7A}
:where(.vi-content) img{border-radius:12px}
:where(.vi-content) .wp-block-details{border-top:1px solid #CBD1EA;border-bottom:1px solid #CBD1EA;padding:12px 4px;margin:0 0 -1px}

/* piè di pagina */
.vi-footer{background:#14173A;color:#C9CEF5;padding:52px 28px}
.vi-footer__in{max-width:1180px;margin:0 auto;display:flex;flex-wrap:wrap;gap:28px 56px;justify-content:space-between}
.vi-footer__brand{flex:1 1 360px;min-width:0}
.vi-footer__brand p{margin:12px 0 0;max-width:56ch;font-size:16px}
.vi-footer__info{flex:1 1 240px;min-width:0;font-size:16px}
.vi-footer a{color:#E4E7FF}
.vi-footer a:hover{color:#FFFFFF}

.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}}

.vi-h3{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:700;font-size:24px;line-height:1.2;margin:48px 0 18px;color:#1B1F4B}

/* pulsanti, community, guestbook */
.vi-btn--dark{background:#1B1F4B;color:#FFFFFF;border:0;font:inherit;font-weight:700;cursor:pointer;padding:15px 24px;border-radius:12px;text-decoration:none;display:inline-block}
.vi-btn--dark:hover{background:#2C3270;color:#FFFFFF}
button.vi-btn{border:0;font:inherit;font-weight:700;cursor:pointer}
.vi-h3--first{margin-top:0}
.vi-community{display:flex;flex-wrap:wrap;gap:40px 56px}
.vi-community__col{flex:1 1 360px;min-width:0}
.vi-gb-hint{margin:8px 0 0;font-size:15px;color:#4A4F7A;max-width:68ch}
.vi-gb-notice{margin:0 0 18px;padding:14px 16px;border-radius:12px;background:#E8F6F1;border:2px solid #0B7A68;color:#0B3F36;max-width:68ch}
.vi-gb-list{margin:0 0 28px;border-bottom:1px solid #CBD1EA}
.vi-gb-entry{padding:16px 0;border-top:1px solid #CBD1EA}
.vi-gb-text{margin:0 0 6px;max-width:68ch}
.vi-gb-meta{margin:0;font-size:15px;color:#4A4F7A}
.vi-gb-reply{margin:12px 0 0 18px;padding:10px 0 0 16px;border-left:4px solid #C3CAE6}
.vi-gb-pages{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px}
.vi-gb-pages a,.vi-gb-pages .current{display:inline-block;padding:8px 14px;border:2px solid #C3CAE6;border-radius:10px;text-decoration:none;color:#1B1F4B}
.vi-gb-pages .current{background:#1B1F4B;border-color:#1B1F4B;color:#FFFFFF}
.vi-gb-form{max-width:640px;margin-top:20px}
.vi-gb-field{margin:0 0 16px}
.vi-gb-form label{display:block;font-weight:700;margin:0 0 6px}
.vi-gb-form input[type=text],.vi-gb-form textarea{width:100%;font:inherit;padding:12px 14px;border:2px solid #C3CAE6;border-radius:12px;background:#FFFFFF;color:#1B1F4B}
.vi-gb-form textarea{resize:vertical;min-height:130px}
.vi-gb-check{display:flex!important;gap:12px;align-items:flex-start;font-weight:400!important;margin:0 0 18px!important}
.vi-gb-check input{flex:none;width:22px;height:22px;margin-top:2px}
.vi-hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}

/* piè di pagina: link */
.vi-footer__info>div{margin:0 0 4px}
.vi-footer__links{display:flex;flex-wrap:wrap;gap:6px 18px;margin:10px 0 12px!important}
.vi-linkbtn{background:none;border:0;padding:0;font:inherit;color:#E4E7FF;text-decoration:underline;cursor:pointer}
.vi-linkbtn:hover{color:#FFFFFF}

/* avvertenza iniziale e avviso privacy */
.vi-modal{position:fixed;inset:0;z-index:1000;background:rgba(20,23,58,.82);display:flex;align-items:center;justify-content:center;padding:20px}
.vi-modal[hidden]{display:none}
.vi-modal__box{background:#FFFFFF;color:#1B1F4B;width:100%;max-width:560px;max-height:calc(100vh - 40px);overflow:auto;border-radius:20px;padding:30px 30px 28px;box-shadow:0 20px 60px rgba(0,0,0,.35);outline:none}
.vi-modal__box h2{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:800;font-size:28px;line-height:1.15;margin:0 0 14px}
.vi-modal__box p{margin:0 0 14px;line-height:1.55}
.vi-modal__box .vi-btn--dark{margin-top:6px}
body.vi-modal-open{overflow:hidden}
.vi-privacybar{position:fixed;left:12px;right:12px;bottom:12px;z-index:900;max-width:880px;margin:0 auto;background:#14173A;color:#F4F5FF;border-radius:16px;padding:16px 18px;display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;justify-content:space-between;box-shadow:0 10px 40px rgba(0,0,0,.35)}
.vi-privacybar[hidden]{display:none}
.vi-privacybar p{margin:0;flex:1 1 380px;font-size:16px;line-height:1.5}
.vi-privacybar a{color:#FFFFFF}
@media print{.vi-modal,.vi-privacybar{display:none!important}}

/* ricerca delle norme */
.vi-nsearch{margin:24px 0 8px;max-width:980px}
.vi-nsearch__label{display:block;font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:700;font-size:22px;margin:0 0 10px;color:#1B1F4B}
.vi-nsearch__row{display:flex;flex-wrap:wrap;gap:12px}
.vi-nsearch__row input[type=search]{flex:1 1 340px;min-width:0;font:inherit;font-size:19px;padding:15px 18px;border:2px solid #8F97E8;border-radius:12px;background:#FFFFFF;color:#1B1F4B}
.vi-nfilters{margin:20px 0 6px;display:flex;flex-direction:column;gap:16px}
.vi-nfilters fieldset{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.vi-nfilters legend{font-weight:700;margin:0 0 8px;padding:0}
.vi-nfilters__sel{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:flex-end}
.vi-nfilters__sel label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:16px}
.vi-nfilters__sel select{font:inherit;font-weight:400;padding:10px 12px;border:2px solid #C3CAE6;border-radius:10px;background:#FFFFFF;color:#1B1F4B;min-width:180px}
.vi-chip--btn,button.vi-chip{cursor:pointer;font:inherit;font-weight:700;border:2px solid #C3CAE6;background:#FFFFFF;color:#1B1F4B;padding:8px 14px;border-radius:999px;text-decoration:none;display:inline-block}
.vi-chip--btn[aria-pressed="true"]{background:#1B1F4B;border-color:#1B1F4B;color:#FFFFFF}
.vi-chip__n{font-weight:400;opacity:.75;font-size:14px}
.vi-chiprow{margin:14px 0 0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.vi-chiprow .vi-chip{padding:6px 14px;font-weight:400;border-color:#C3CAE6;background:#FFFFFF;color:#1B1F4B}
.vi-chiprow a.vi-chip:hover,.vi-chiprow button.vi-chip:hover{background:#1B1F4B;color:#FFFFFF;border-color:#1B1F4B}
.vi-linkbtn--dark{color:#2748A6}
.vi-sec--search{padding-top:64px;padding-bottom:64px}
.vi-nsearch--home{margin-top:18px}
.vi-nstatus{margin:22px 0 14px;font-weight:700}
.vi-nempty{padding:16px 18px;border:2px dashed #AEB6DD;border-radius:12px;color:#4A4F7A;max-width:68ch}
.vi-nlist{list-style:none;margin:0;padding:0;border-bottom:1px solid #CBD1EA}
.vi-norma{padding:20px 0;border-top:1px solid #CBD1EA}
.vi-norma[hidden]{display:none}
.vi-norma__head{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:baseline;justify-content:space-between}
.vi-norma__title{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:700;font-size:21px;line-height:1.25;margin:0;color:#1B1F4B;max-width:46ch}
.vi-badges{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.vi-badge{display:inline-block;font-size:14px;font-weight:700;padding:3px 10px;border-radius:999px;background:#EEF1FB;color:#1B1F4B;border:1px solid #C3CAE6}
.vi-badge--vigore{background:#E8F6F1;border-color:#0B7A68;color:#0B3F36}
.vi-badge--corso{background:#FFF3DC;border-color:#8F5400;color:#5C3600}
.vi-badge--abrogata{background:#FCE8EF;border-color:#A8204F;color:#701636}
.vi-badge--storica{background:#F0F0F4;border-color:#8A8EA8;color:#3C3F57}
.vi-badge--anno{background:#FFFFFF}
.vi-norma__sum{margin:8px 0 8px;max-width:76ch}
.vi-norma__more{margin:0 0 8px;max-width:76ch}
.vi-norma__more summary{cursor:pointer;font-weight:700;color:#2748A6}
.vi-norma__more p{margin:8px 0 0}
.vi-norma__meta{margin:0 0 6px;font-size:15px;color:#4A4F7A}
.vi-norma__links{margin:0;display:flex;flex-wrap:wrap;gap:6px 18px;align-items:baseline;font-weight:700}
.vi-norma__where{font-weight:400;color:#4A4F7A}
.vi-note-box{margin:26px 0 0;padding:16px 18px;background:#F3F5FB;border-radius:12px;color:#4A4F7A;max-width:76ch;font-size:16px}