/*
Theme Name: Guida Chiara - customizzato IPA
Theme URI: https://informaticaperanziani.it/
Author: Rocco Di Vincenzo
Description: Tema accessibile per siti di guide e assistenza, personalizzato per Informatica per Anziani.
Version: 0.4.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: ipa
*/

:root{--ink:#183039;--muted:#52656b;--brand:#126b63;--brand-dark:#07534c;--paper:#faf9f5;--cream:#f1eee6;--line:#d8dfdb;--accent:#e9ad59;--white:#fff;--focus:#b54d13}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}button,input{font:inherit}.skip{position:absolute;top:-100px;left:12px;padding:10px;background:#fff;z-index:30}.skip:focus{top:12px}.wrap{max-width:1180px;margin:auto;padding:0 28px}.topbar{background:#143e41;color:#fff;font-size:14px;font-weight:650;letter-spacing:.02em;padding:8px 0}.topbar .wrap{display:flex;justify-content:space-between;gap:16px}.topbar a{color:#fff}.header{background:#fff;border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:100px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;line-height:1.1}.brandmark{width:50px;height:50px;border:3px solid var(--brand);border-radius:15px;display:grid;place-items:center;color:var(--brand);font-weight:850;font-size:25px;letter-spacing:-.07em}.brand strong{display:block;font-size:21px;letter-spacing:-.04em}.brand small{display:block;color:var(--muted);font-size:13px;letter-spacing:.02em;margin-top:5px;font-weight:650}.nav{display:flex;align-items:center;gap:26px;font-size:15px;font-weight:750}.nav a{text-decoration:none}.nav a:hover{color:var(--brand);text-decoration:underline}.nav .nav-cta{border:1px solid var(--brand);border-radius:8px;color:var(--brand);padding:10px 15px}.mobile-nav{display:none}.hero{background:linear-gradient(120deg,#e9f0e9 0%,#f7f4eb 66%,#f7e9d6 100%);border-bottom:1px solid var(--line)}.hero-inner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);align-items:center;gap:60px;padding-top:76px;padding-bottom:82px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--brand);font-weight:850;font-size:12px;margin:0 0 18px}.hero h1{font-family:Georgia,serif;font-weight:700;font-size:clamp(43px,5.1vw,69px);line-height:1.08;letter-spacing:-.045em;margin:0 0 23px;max-width:700px}.hero h1 em{color:var(--brand);font-weight:400}.lede{font-size:21px;line-height:1.55;color:#39545a;max-width:640px;margin:0 0 29px}.search{display:flex;background:#fff;border:2px solid var(--brand);border-radius:10px;padding:5px;max-width:640px;box-shadow:0 9px 22px #18303913}.search input{border:0;min-width:0;flex:1;padding:14px 17px;color:var(--ink);background:#fff;outline:none}.search input:focus-visible{outline:3px solid var(--focus);outline-offset:-4px}.search button,.button{border:0;border-radius:7px;background:var(--brand);color:#fff;padding:13px 23px;font-weight:750;cursor:pointer;text-decoration:none;display:inline-block}.search button:hover,.button:hover{background:var(--brand-dark)}.search-note{font-size:14px;color:var(--muted);margin:14px 0 0}.hero-panel{background:#fff;border:1px solid #dce3db;box-shadow:0 18px 45px #294e3617;border-radius:16px;padding:32px}.panel-top{display:flex;align-items:center;gap:13px;margin-bottom:21px}.panel-icon{width:43px;height:43px;display:grid;place-items:center;background:#e4f0ed;color:var(--brand);border-radius:11px;font-weight:850;font-size:25px}.panel-top strong{font-size:17px}.panel-top small{display:block;color:var(--muted);font-size:13px}.panel-link{display:flex;justify-content:space-between;gap:16px;align-items:center;text-decoration:none;padding:17px 0;border-top:1px solid var(--line);font-size:16px;font-weight:700;line-height:1.35}.panel-link span:last-child{color:var(--brand);font-size:23px}.panel-link:hover{color:var(--brand)}section{padding:74px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:29px}.section-head h2{font-family:Georgia,serif;font-size:clamp(32px,3.3vw,43px);line-height:1.18;letter-spacing:-.035em;margin:0}.section-head p{margin:11px 0 0;color:var(--muted);max-width:670px}.text-link{font-weight:750;color:var(--brand);font-size:16px;white-space:nowrap}.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.topic{min-height:240px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:26px;text-decoration:none;display:flex;flex-direction:column;align-items:flex-start;transition:transform .2s,box-shadow .2s}.topic:hover,.article:hover{transform:translateY(-3px);box-shadow:0 12px 24px #1a3b3520}.topic-icon{width:52px;height:52px;border-radius:12px;background:#e5f2ed;display:grid;place-items:center;color:var(--brand);font-size:25px;font-weight:800;line-height:1;margin-bottom:22px}.topic:nth-child(2) .topic-icon{background:#f8ecd9;color:#946013}.topic:nth-child(3) .topic-icon{background:#e9edf8;color:#344c83}.topic:nth-child(4) .topic-icon{background:#f6e9e5;color:#a14b3f}.topic strong{font-size:20px;line-height:1.2;letter-spacing:-.02em}.topic p{font-size:15px;line-height:1.5;color:var(--muted);margin:10px 0 0}.topic .arrow{margin-top:auto;padding-top:15px;color:var(--brand);font-size:14px;font-weight:800}.feature{background:var(--cream)}.feature-layout{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.feature-art{min-height:410px;border-radius:18px;background:#174944;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:45px}.feature-art:before{content:"";position:absolute;width:420px;height:420px;border:1px solid #ffffff33;border-radius:50%;top:-175px;right:-160px;box-shadow:0 0 0 55px #ffffff08,0 0 0 115px #ffffff08}.phone{width:208px;height:330px;background:#fbfbf7;border:9px solid #1b2d34;border-radius:29px;transform:rotate(-9deg);box-shadow:28px 34px 40px #001c1a55;padding:26px 15px}.phone:before{content:"";display:block;width:50px;height:5px;border-radius:5px;background:#1b2d34;margin:-17px auto 30px}.call{background:#f5e3df;border-radius:9px;padding:15px;font-size:13px;color:#6b3f37;font-weight:800;line-height:1.35}.call small{display:block;font-size:11px;font-weight:500;margin-top:7px}.call-badge{background:#f4bf68;color:#573a13;position:absolute;bottom:54px;right:9%;padding:14px 17px;border-radius:9px;font-weight:800;box-shadow:0 7px 20px #001c1a44}.feature-copy h2{font:700 clamp(32px,3.4vw,46px)/1.16 Georgia,serif;letter-spacing:-.035em;margin:0 0 19px}.feature-copy p{color:#3f565a;max-width:500px;margin:0 0 25px}.feature-copy ul{padding-left:22px;margin:0 0 29px}.feature-copy li{margin:9px 0}.latest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:28px;min-height:300px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.tag{font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:850;color:var(--brand)}.article h3{font-size:22px;line-height:1.28;letter-spacing:-.025em;margin:16px 0 12px}.article h3 a{text-decoration:none}.article h3 a:hover{text-decoration:underline;color:var(--brand)}.article p{color:var(--muted);font-size:15px;margin:0 0 24px}.article .article-foot{margin-top:auto;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:14px;color:var(--muted)}.article-foot a{font-weight:800;color:var(--brand)}.mission{padding-top:0}.mission-box{background:#e7efeb;border-radius:17px;padding:38px 43px;display:flex;align-items:center;justify-content:space-between;gap:35px}.mission h2{font:700 30px/1.2 Georgia,serif;margin:0 0 10px}.mission p{margin:0;color:#41595b;max-width:720px}.footer{background:#143e41;color:#e5f0ec;padding:54px 0 30px;font-size:15px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}.footer h2{font-size:22px;margin:0 0 9px;color:#fff}.footer h3{font-size:16px;margin:0 0 14px;color:#fff}.footer p{max-width:410px;margin:0}.footer ul{list-style:none;margin:0;padding:0}.footer li{margin:8px 0}.footer a{color:#e5f0ec}.copyright{border-top:1px solid #ffffff33;margin-top:42px;padding-top:20px;font-size:13px}
@media(max-width:900px){.nav{display:none}.mobile-nav{display:block}.mobile-nav summary{cursor:pointer;font-weight:750;list-style:none;border:1px solid var(--line);padding:8px 14px;border-radius:7px}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav[open]{position:relative}.mobile-nav div{position:absolute;right:0;top:45px;width:210px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 20px #0002;padding:14px;z-index:10;border-radius:8px}.mobile-nav a{display:block;padding:9px}.hero-inner{grid-template-columns:1fr;gap:38px}.hero-panel{max-width:630px}.topic-grid{grid-template-columns:repeat(2,1fr)}.feature-layout{gap:30px}.call-badge{right:4%}}@media(max-width:680px){body{font-size:17px}.wrap{padding:0 20px}.topbar .wrap span:last-child{display:none}.header-inner{min-height:80px}.brandmark{width:43px;height:43px;font-size:22px}.brand strong{font-size:17px}.brand small{font-size:11px}.hero-inner{padding-top:51px;padding-bottom:55px}.hero h1{font-size:43px}.lede{font-size:18px}.search{display:block;padding:5px}.search input{width:100%;padding:12px}.search button{width:100%}.hero-panel{padding:22px}.section-head{display:block}.section-head .text-link{display:inline-block;margin-top:16px}.topic-grid,.latest-grid,.feature-layout,.footer-grid{grid-template-columns:1fr}.topic{min-height:200px}.feature-art{min-height:360px}.mission-box{display:block;padding:28px}.mission-box .button{margin-top:20px}section{padding:55px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* WordPress templates and editorial content */
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);height:1px;width:1px;overflow:hidden;white-space:nowrap}
.screen-reader-text:focus{clip:auto;height:auto;width:auto;left:12px;top:12px;background:#fff;padding:10px;z-index:30}
.admin-bar .skip:focus{top:44px}.entry-shell{padding:58px 0 90px}.entry-narrow{max-width:790px;margin:auto}.entry-title{font:700 clamp(36px,4vw,56px)/1.13 Georgia,serif;letter-spacing:-.035em;margin:0 0 18px}.entry-meta{color:var(--muted);font-size:14px;margin:0 0 28px}.entry-meta a{color:var(--brand)}.entry-image{margin:0 0 31px}.entry-image img{display:block;width:100%;height:auto;border-radius:12px}.entry-content{font-size:19px;line-height:1.75;overflow-wrap:break-word}.entry-content h2,.entry-content h3{font-family:Georgia,serif;line-height:1.2;letter-spacing:-.02em;margin:1.5em 0 .5em}.entry-content h2{font-size:34px}.entry-content h3{font-size:27px}.entry-content p{margin:0 0 1.3em}.entry-content img{max-width:100%;height:auto}.entry-content a{color:var(--brand);text-decoration:underline}.entry-content figure{max-width:100%}.entry-content blockquote{border-left:4px solid var(--brand);padding-left:20px;margin-left:0;color:#40595d}.entry-content :where(.wp-block-image,.wp-block-gallery){margin:1.6em 0}.entry-content :where(.alignwide){max-width:1080px;margin-left:50%;transform:translateX(-50%);width:calc(100vw - 40px)}.entry-content :where(.alignfull){max-width:none;margin-left:50%;transform:translateX(-50%);width:100vw}.archive-intro{padding:63px 0 23px}.archive-intro h1{font:700 clamp(37px,4vw,53px)/1.15 Georgia,serif;letter-spacing:-.035em;margin:0 0 12px}.archive-intro p{color:var(--muted);max-width:700px;margin:0}.listing{padding:20px 0 85px}.listing .latest-grid{margin-bottom:32px}.pagination .nav-links{display:flex;gap:8px;flex-wrap:wrap}.pagination a,.pagination span{display:inline-block;padding:9px 15px;border:1px solid var(--line);border-radius:7px;background:#fff}.pagination .current{background:var(--brand);color:#fff;border-color:var(--brand)}.post-links{border-top:1px solid var(--line);padding-top:24px;margin-top:45px}.post-links a{color:var(--brand)}.comments-area{margin-top:45px}.comments-area input:not([type=submit]),.comments-area textarea{max-width:100%;border:1px solid #8b9c9d;padding:10px}.comments-area input[type=submit]{background:var(--brand);color:#fff;border:0;border-radius:7px;padding:10px 18px}.wp-block-button__link{background:var(--brand)}.wp-caption{max-width:100%}.wp-caption-text{font-size:14px;color:var(--muted)}
@media(max-width:680px){.entry-shell{padding:40px 0 65px}.entry-content{font-size:18px}.entry-content h2{font-size:29px}}

/* IPA 0.2 visual refresh */
:root{--ink:#172b3d;--muted:#566779;--brand:#15528a;--brand-dark:#0d3d69;--paper:#f7f9fc;--cream:#edf4fa;--line:#d9e2eb;--accent:#ed8a2c;--focus:#c85d00}
.topbar,.footer{background:#123d67}
.header-inner{min-height:108px}
.brand .ipa-logo{width:auto;max-width:230px;max-height:78px;height:auto}
.hero{background:linear-gradient(120deg,#eaf3fb 0%,#f8fafc 65%,#fff0df 100%)}
.search{display:grid;grid-template-columns:minmax(0,1fr) auto;border-color:#b9cadb;border-radius:12px;padding:6px;box-shadow:0 10px 28px #153d6715}
.search:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px #15528a18}
.search input{width:100%}
.search button,.button{background:var(--accent);color:#172b3d;border-radius:8px;font-weight:800}
.search button:hover,.button:hover{background:#d9771f;color:#fff}
.article{padding:0;min-height:390px;border-radius:15px;overflow:hidden}
.article-media{display:block;aspect-ratio:16/9;background:linear-gradient(135deg,#dbeafb,#fff0df);overflow:hidden;text-decoration:none}
.article-media img{width:100%;height:100%;object-fit:cover;display:block}
.article-placeholder{width:100%;height:100%;display:grid;place-items:center;color:var(--brand);font:800 34px/1 Georgia,serif;letter-spacing:-.04em}
.article-body{padding:23px 24px 24px;display:flex;flex-direction:column;flex:1}
@media(max-width:680px){.hero h1{font-size:41px}.search{display:grid;grid-template-columns:1fr;padding:6px}.search button{width:100%}.brand .ipa-logo{max-width:190px;max-height:65px}}
/* WordPress menus and custom logo */
.nav-list,.mobile-list{list-style:none;margin:0;padding:0}.nav-list{display:flex;align-items:center;gap:26px}.nav-list li{margin:0}.mobile-list li{margin:0}.mobile-nav .mobile-list a{display:block}.brand .ipa-logo{max-width:70px;height:auto;display:block}
.archive-description{color:var(--muted);max-width:700px}.archive-description p{margin:0}.archive-intro .search{margin-top:22px}.article.ipa-card{margin:0}.post-links .nav-links{display:flex;justify-content:space-between;gap:20px}.post-links .nav-next{text-align:right}

/* Guida Chiara 0.3 - historical IPA palette */
:root{--ink:#2d3036;--muted:#626b72;--brand:#3399cc;--brand-dark:#217eac;--paper:#f8f9fa;--cream:#eef6fa;--line:#dbe1e5;--accent:#82bd5d;--focus:#176f9b}
.topbar,.footer{background:#303136}
.brand .ipa-logo{width:auto;max-width:230px;max-height:78px;height:auto}
.hero{background:linear-gradient(120deg,#eef7fb 0%,#fff 64%,#f1f7ed 100%)}
.hero h1 em,.eyebrow,.tag,.text-link,.article-foot a,.panel-link:hover,.article h3 a:hover{color:var(--brand)}
.lede,.feature-copy p,.mission p{color:#4e5d64}
.panel-icon,.topic-icon{background:#e7f4fa;color:var(--brand)}
.feature-art{background:#303136}
.call-badge{background:var(--accent);color:#23331b}
.search{border-color:#b8d9e8;box-shadow:0 10px 28px #236f9516}
.search:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px #3399cc20}
.search button,.button{background:var(--accent);color:#20321a}
.search button:hover,.button:hover{background:#6ea84b;color:#fff}
.mission-box{background:#e9f4e3}
.social{padding-top:0}.social-box{background:#303136;color:#fff;border-radius:17px;padding:38px 43px;display:flex;align-items:center;justify-content:space-between;gap:35px}.social h2{font:700 30px/1.2 Georgia,serif;margin:0 0 10px}.social p{margin:0;color:#dce4e8;max-width:720px}.social .button{white-space:nowrap}
@media(max-width:680px){.social-box{display:block;padding:28px}.social-box .button{margin-top:20px}.brand .ipa-logo{max-width:190px;max-height:65px}}

/* Search form uses a namespaced class: WordPress adds .search to the body. */
.ipa-search{display:grid;grid-template-columns:minmax(0,1fr) auto;background:#fff;border:2px solid #b8d9e8;border-radius:12px;padding:6px;max-width:640px;box-shadow:0 10px 28px #236f9516}
.ipa-search:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px #3399cc20}
.ipa-search input{border:0;min-width:0;width:100%;padding:14px 17px;color:var(--ink);background:#fff;outline:none}
.ipa-search input:focus-visible{outline:3px solid var(--focus);outline-offset:-4px}
.ipa-search button{border:0;border-radius:8px;background:var(--accent);color:#20321a;padding:13px 23px;font-weight:800;cursor:pointer}
.ipa-search button:hover{background:#6ea84b;color:#fff}
.archive-intro .ipa-search{margin-top:22px}
body.search{display:block;max-width:none;width:auto;border:0;border-radius:0;padding:0;box-shadow:none}
@media(max-width:680px){.ipa-search{grid-template-columns:1fr}.ipa-search button{width:100%}}