/*
Theme Name: Happy Channel — Storie e passioni
Theme URI: https://happychannel.it/
Author: Rocco Di Vincenzo
Description: Un magazine luminoso di buone notizie, nostalgia e culto. Tre sezioni in apertura, archivi e articoli responsive. Nessun plugin richiesto.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.8
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: happy-channel
*/
:root{--yellow:#eded00;--ink:#20211e;--paper:#fffef5;--muted:#62645b;--blue:#274cc9;--line:#d7d8c8;--radius:18px}*{box-sizing:border-box}body{margin:0;background:var(--yellow);color:var(--ink);font:17px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button,input,textarea,select{font:inherit}button,a,input,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}img{display:block;max-width:100%;height:auto}svg{max-width:100%}.wrap{width:min(1260px,calc(100% - 64px));margin:auto}.skip{position:absolute;top:-100px;left:16px;background:white;padding:12px;z-index:20}.skip:focus{top:8px}.topline{border-bottom:1px solid #20211e33;font-size:11px;font-weight:750;letter-spacing:1.6px;text-transform:uppercase}.topline .wrap{display:flex;justify-content:space-between;padding-block:10px}.topline span:before{content:"";display:inline-block;background:var(--ink);width:7px;height:7px;border-radius:50%;margin-right:8px}.masthead{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:32px 27px}.brand{display:block;flex-shrink:0}.brand img{width:340px;max-height:110px;object-fit:contain;object-position:left center}.custom-logo-link img{width:340px;max-height:110px;object-fit:contain}.tagline{font-size:14px;margin:7px 0 0 2px;font-weight:600}.head-right{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.utility{display:flex;gap:22px;font-size:13px;font-weight:650}.search{display:flex;align-items:center;border:1px solid var(--ink);border-radius:50px;background:transparent;overflow:hidden;max-width:255px}.search input{background:transparent;border:0;padding:10px 14px;width:175px;min-width:0;font-size:13px;color:var(--ink)}.search button{background:var(--ink);border:0;color:var(--yellow);padding:10px 14px;font-size:14px;cursor:pointer}.primary{border-top:2px solid var(--ink);border-bottom:1px solid var(--ink);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 0}.primary ul{list-style:none;display:flex;gap:27px;flex-wrap:wrap;padding:0;margin:0;font-size:14px;font-weight:750}.primary .signature{font:italic 15px Georgia,serif;white-space:nowrap}.opening{padding:38px 0 24px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.eyebrow{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:2px;margin:0 0 12px}.opening h1{font-size:clamp(30px,3.4vw,48px);line-height:1.05;letter-spacing:-2px;margin:0;font-weight:850}.opening p:last-child{font-size:13px;max-width:245px;margin:0;color:#36372f}.channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-bottom:38px}.channel{background:var(--ink);border-radius:20px;overflow:hidden;color:var(--paper);border:2px solid var(--ink);display:flex;flex-direction:column;box-shadow:0 5px 0 #20211e18}.channel-label{padding:13px 17px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:800;letter-spacing:-.2px}.channel-label small{font:10px/1 monospace;border:1px solid #ffffff55;padding:5px;border-radius:4px;font-weight:400;letter-spacing:1px}.channel-label a:last-child{margin-left:auto;font-size:22px;line-height:1}.channel .screen{display:block;position:relative;margin:0 7px;background:#44483d;overflow:hidden;border-radius:10px;aspect-ratio:16/10}.screen img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.screen:hover img{transform:scale(1.025)}.screen:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 24px #0003;pointer-events:none;border-radius:10px}.channel-text{padding:18px 19px 21px}.channel-text .category{color:var(--yellow)}.channel h2{font-size:21px;line-height:1.22;letter-spacing:-.6px;margin:8px 0 13px}.channel .meta{color:#d4d5c9}.read{font-size:12px;font-weight:700;display:flex;justify-content:space-between;border-top:1px solid #ffffff30;padding-top:12px}.category{font-size:10px;text-transform:uppercase;letter-spacing:1.3px;font-weight:800;color:var(--blue)}.meta{font-size:11px;color:var(--muted)}.channel.empty .screen{background:repeating-linear-gradient(90deg,#414738 0 15%,#666750 15% 28%,#8f9160 28% 45%);display:grid;place-items:center;color:var(--paper);font-size:44px}.decades{border-top:1px solid var(--ink);display:flex;gap:24px;align-items:center;padding:17px 0 24px;font-size:13px}.decades span{font-weight:750}.decades a{border:1px solid var(--ink);border-radius:50px;padding:5px 16px;font-size:12px;font-weight:650}.decades .tiny{margin-left:auto;border:0;padding-right:0;font-weight:500}.magazine{background:var(--paper);border-top:2px solid var(--ink);padding:42px 0 55px}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:42px}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:2px solid var(--ink);padding-bottom:13px;margin-bottom:25px}.section-head h2{font-size:26px;line-height:1.2;letter-spacing:-1px;margin:0}.section-head>span,.section-head>a{font-size:11px;font-weight:700}.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 25px}.post-card .thumb{display:block;overflow:hidden;aspect-ratio:16/10;border-radius:12px;background:#e5e5d4;margin-bottom:13px}.thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.thumb:hover img{transform:scale(1.03)}.placeholder{height:100%;display:grid;place-items:center;font-size:46px;color:var(--ink);background:var(--yellow)}.post-card h2,.post-card h3{font-size:22px;line-height:1.25;letter-spacing:-.5px;margin:7px 0 10px}.post-card p{font-size:14px;color:var(--muted);margin:9px 0}.about-card{border:1px solid var(--ink);padding:25px;border-radius:16px;background:var(--yellow)}.about-card .smile{font-size:34px;line-height:1;display:block;margin:8px 0 18px}.about-card h2{font-size:28px;line-height:1.12;letter-spacing:-1px;margin:0 0 16px}.about-card p{font-size:13px;line-height:1.7}.text-link{font-size:12px;font-weight:800;border-bottom:1px solid;padding-bottom:3px}.sidebar-links{padding-top:28px}.sidebar-links h3{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px}.sidebar-links a{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:13px 0;font-size:14px;font-weight:650}.cult{border-top:1px solid var(--line);margin-top:45px;padding-top:30px}.cult-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.cult .post-card h3{font-size:19px}.pagination{margin-top:35px}.pagination .nav-links{display:flex;gap:8px;flex-wrap:wrap}.page-numbers{border:1px solid var(--ink);padding:7px 13px;border-radius:6px;font-size:13px}.page-numbers.current{background:var(--ink);color:var(--yellow)}.closing{padding-block:33px;display:flex;gap:25px;justify-content:space-between;align-items:center;border-bottom:1px solid #20211e44}.closing p{margin:0;font-size:clamp(23px,3vw,35px);font-weight:800;letter-spacing:-1px}.closing span{font:italic 15px Georgia,serif;max-width:280px}.footer-main{padding:30px 0;display:flex;align-items:center;gap:30px;justify-content:space-between}.footer-logo{width:210px}.footer-links{display:flex;gap:20px;font-size:12px;flex-wrap:wrap}.fineprint{font-size:11px;border-top:1px solid #20211e44;padding:18px 0 24px;display:flex;justify-content:space-between;gap:20px}.page-main{background:var(--paper);padding:38px 0 60px;margin-top:30px;border-top:2px solid var(--ink)}.article{max-width:820px;margin:auto}.article h1{font-size:clamp(30px,4.3vw,53px);line-height:1.12;letter-spacing:-1.8px}.article-hero{width:100%;border-radius:16px;margin:25px 0}.entry-content{font-size:18px;line-height:1.8;overflow-wrap:anywhere}.entry-content a{text-decoration:underline;text-decoration-color:var(--blue);text-underline-offset:3px}.entry-content h2{font-size:30px;line-height:1.25;letter-spacing:-.8px;margin-top:1.8em}.entry-content h3{line-height:1.3}.entry-content iframe{max-width:100%;aspect-ratio:16/9;height:auto}.entry-content figure{max-width:100%;margin-inline:0}.entry-content img{height:auto}.entry-content blockquote{border-left:5px solid var(--yellow);padding-left:22px;margin-inline:0;font-family:Georgia,serif}.entry-content table{display:block;overflow-x:auto;max-width:100%}.entry-content td,.entry-content th{padding:8px;border:1px solid var(--line)}.entry-content pre{overflow-x:auto}.post-navigation{border-block:1px solid var(--line);margin:30px 0;padding:20px 0;font-size:14px}.post-navigation .nav-links{display:flex;justify-content:space-between;gap:25px}.post-navigation .nav-previous,.post-navigation .nav-next{max-width:48%}.comment-form input:not([type=checkbox]),.comment-form textarea{max-width:100%;border:1px solid var(--line);padding:12px;background:white;border-radius:6px}.comment-form label{display:block;font-size:14px}.comment-form .comment-form-cookies-consent label{display:inline}.comment-form .submit{background:var(--ink)!important;color:var(--yellow);cursor:pointer}.comment-list{padding-left:20px}.comment-body{margin:20px 0}.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!important;width:1px;word-wrap:normal!important}.alignwide{width:100%}.aligncenter{margin:auto}.wp-caption-text,figcaption{font-size:12px;color:var(--muted)}
@media(min-width:1400px){.wrap{width:min(1320px,calc(100% - 100px))}}@media(max-width:1000px){.head-right{justify-content:flex-end;gap:15px}.primary .signature{display:none}.content-layout{grid-template-columns:minmax(0,1fr) 240px;gap:25px}.channels{gap:14px}.channel h2{font-size:19px}.channel-label{font-size:12px;padding:12px}.brand img{width:290px}}@media(max-width:760px){.wrap{width:calc(100% - 32px)}.topline .wrap{font-size:9px;letter-spacing:.8px}.masthead{flex-direction:column;align-items:flex-start;padding-block:22px;gap:18px}.brand img,.custom-logo-link img{width:280px}.head-right{width:100%;justify-content:space-between;gap:12px}.utility{gap:15px;font-size:12px}.search{max-width:185px}.search input{width:125px}.primary ul{gap:15px;font-size:12px}.opening{align-items:flex-start;flex-direction:column;padding-top:27px;gap:12px}.opening h1{letter-spacing:-1px}.opening p:last-child{max-width:none}.channels{grid-template-columns:1fr;gap:20px}.channel .screen{aspect-ratio:16/9}.channel h2{font-size:24px}.channel-label{font-size:15px}.decades{gap:9px;flex-wrap:wrap}.decades span{width:100%}.decades .tiny{margin-left:0}.content-layout{grid-template-columns:1fr}.post-grid{gap:25px 16px}.post-card h2{font-size:19px}.post-card p{display:none}.section-head h2{font-size:23px}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sidebar-links{padding-top:0}.about-card{padding:20px}.about-card h2{font-size:24px}.cult-grid{grid-template-columns:1fr}.cult .post-card{display:grid;grid-template-columns:130px 1fr;gap:15px}.cult .thumb{margin:0;aspect-ratio:1}.cult .post-card h3{font-size:18px}.closing,.footer-main{align-items:flex-start;flex-direction:column;gap:18px}.fineprint{flex-direction:column;gap:8px}.article h1{letter-spacing:-1px}.entry-content{font-size:17px}.magazine{padding-top:30px}}@media(max-width:420px){.post-grid{grid-template-columns:1fr}.post-card h2{font-size:23px}.sidebar{grid-template-columns:1fr}.search{max-width:160px}.search input{width:105px}.search button{padding-inline:10px}.utility{gap:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.footer-menu{list-style:none;display:flex;gap:20px;flex-wrap:wrap;margin:0;padding:0}

/* 1.1 — magazine editoriale, senza cornici televisive */
.primary .signature{font-style:normal;font-family:inherit;font-size:12px;font-weight:500}
.channel{background:var(--paper);color:var(--ink);border:1px solid var(--ink);border-radius:10px;box-shadow:none}
.channel-label{padding:15px 17px;font-size:15px;border-bottom:1px solid var(--line)}
.channel-label small{background:var(--yellow);color:var(--ink);border:0;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;font:700 11px system-ui;letter-spacing:0}
.channel .screen{margin:0;border-radius:0;aspect-ratio:16/10}.screen:after{display:none}.channel-text{padding:19px 20px 22px}
.channel-text .category{color:var(--blue)}.channel h2{font-size:22px;line-height:1.24}.channel .meta{color:var(--muted)}
.read{border-color:var(--line)}.opening{padding-top:34px}.about-card{border-radius:10px}.about-card .smile{display:none}
.closing p{font-size:clamp(22px,2.8vw,34px);max-width:700px;line-height:1.2}.footer-logo{width:210px}
@media(max-width:760px){.channel h2{font-size:24px}.channel .screen{aspect-ratio:16/9}.primary .signature{display:none}}