/*
Theme Name: LZILLIFV
Theme URI: https://www.lzillifv.com
Author: Lorenzo Zilli
Description: Home + sezioni one-page (grafica app) e blog WordPress reale in stile brand LZILLIFV.
Version: 2.2
Requires at least: 5.5
Tested up to: 6.6
License: GNU General Public License v2 or later
Text Domain: lzillifv
*/
:root{--blu:#1478B6;--blu-dark:#0F5F92;--ink:#16303F;--amber:#E9A13B;--sky:#9FD1EE;--muted:#4A5E6B;--border:#DCE6EC;--bg:#F5F9FC}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Karla",system-ui,sans-serif;font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--blu);text-decoration:none}a:hover{text-decoration:underline}
img{max-width:100%;height:auto;display:block}
.lz-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 32px;background:rgba(245,249,252,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.lz-brand{display:flex;align-items:center;gap:12px;color:var(--ink)}.lz-brand:hover{text-decoration:none}
.lz-mark{position:relative;width:34px;height:34px;background:var(--blu);flex:none;clip-path:polygon(16% 0,84% 0,100% 16%,100% 84%,84% 100%,16% 100%,0 84%,0 16%)}
.lz-mark-in{position:absolute;inset:24%;background:#fff}
.lz-brand-text{font-family:"Amatic SC",cursive;font-weight:700;font-size:26px;letter-spacing:1px;line-height:1;white-space:nowrap}
.lz-brand-text span{color:var(--muted)}
.lz-nav{display:flex;align-items:center;gap:20px}
.lz-nav a{font-size:14px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink)}
.lz-nav a.is-current{color:var(--blu)}
.lz-nav a.lz-cta{background:var(--blu);color:#fff;padding:9px 20px;border-radius:999px;letter-spacing:1px}
.lz-nav a.lz-cta:hover{background:var(--blu-dark);text-decoration:none}
.lz-burger{display:none;background:none;border:none;font-size:26px;color:var(--ink);cursor:pointer;line-height:1}
.lz-main{min-height:60vh}
.lz-blog-hero{max-width:1100px;margin:0 auto;padding:64px 32px 28px}
.lz-eyebrow{display:inline-block;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--amber);font-weight:700;margin-bottom:8px}
.lz-blog-hero h1{font-family:"Amatic SC",cursive;font-weight:700;font-size:clamp(48px,9vw,88px);margin:0 0 8px;line-height:.9;color:var(--ink)}
.lz-blog-hero p{font-size:19px;color:var(--muted);margin:0;max-width:60ch}
.lz-grid{max-width:1100px;margin:0 auto;padding:24px 32px 64px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px}
.lz-card{background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.lz-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(10,40,60,.12)}
.lz-card-cover{position:relative;display:block;aspect-ratio:16/10;overflow:hidden}
.lz-card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.lz-card:hover .lz-card-cover img{transform:scale(1.05)}
.lz-cat{position:absolute;top:12px;left:12px;background:rgba(22,48,63,.85);color:#fff;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:5px 12px;border-radius:999px}
.lz-card-body{padding:22px 24px 26px;display:flex;flex-direction:column;gap:10px;flex:1}
.lz-date{font-size:13px;color:#8FA3B0;letter-spacing:.5px}
.lz-card-body h2{font-family:"Amatic SC",cursive;font-weight:700;font-size:30px;line-height:1;margin:0}
.lz-card-body h2 a{color:var(--ink)}.lz-card-body h2 a:hover{color:var(--blu);text-decoration:none}
.lz-card-body p{font-size:15px;color:var(--muted);margin:0;flex:1}
.lz-read{font-size:14px;font-weight:700;color:var(--blu);margin-top:4px}
.lz-pagination{max-width:1100px;margin:0 auto;padding:0 32px 72px}
.lz-pagination .page-numbers{display:inline-flex;min-width:42px;height:42px;align-items:center;justify-content:center;padding:0 12px;margin:0 4px;border:1px solid var(--border);border-radius:999px;background:#fff;font-weight:700;color:var(--ink)}
.lz-pagination .page-numbers.current{background:var(--blu);color:#fff;border-color:var(--blu)}
.lz-article{max-width:780px;margin:0 auto;padding:48px 24px 72px}
.lz-article-head{margin-bottom:32px}
.lz-back{font-size:14px;font-weight:700;color:var(--blu)}
.lz-cat-inline{display:block;margin:18px 0 10px;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:var(--amber);font-weight:700}
.lz-article-head h1{font-family:"Amatic SC",cursive;font-weight:700;font-size:clamp(40px,7vw,68px);line-height:.95;margin:0;color:var(--ink)}
.lz-article-body{font-size:18px;line-height:1.78;color:#2C3E4A}
.lz-article-body p{margin:0 0 22px}
.lz-article-body img{border-radius:12px;margin:8px 0 28px}
.lz-article-body h2{font-family:"Amatic SC",cursive;font-weight:700;font-size:clamp(30px,5vw,44px);line-height:1;color:var(--blu);margin:44px 0 16px}
.lz-article-body h3{font-weight:700;font-size:22px;color:var(--ink);margin:28px 0 10px}
.lz-article-body ul,.lz-article-body ol{margin:0 0 22px;padding-left:24px}.lz-article-body li{margin-bottom:8px}
.lz-article-body strong{color:var(--ink)}
.lz-article-body a{font-weight:700;text-decoration:underline}
.lz-article-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:var(--blu);border-radius:18px;padding:32px 36px;margin-top:48px;color:#fff}
.lz-cta-title{font-family:"Amatic SC",cursive;font-weight:700;font-size:34px;line-height:1}
.lz-article-cta p{margin:6px 0 0;color:#D8ECF8;font-size:16px}
.lz-cta-btn{background:#fff;color:var(--blu);font-weight:700;padding:13px 28px;border-radius:999px;white-space:nowrap}
.lz-cta-btn:hover{background:#EAF3FA;text-decoration:none}
/* Footer identico all'app one-page */
.lz-site-footer{background:#16303F;margin-top:80px}
.lz-sf-grid{max-width:1200px;margin:0 auto;padding:48px 32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px}
.lz-sf-col{display:flex;flex-direction:column;gap:8px}
.lz-sf-brand{display:flex;align-items:center;gap:12px;margin-bottom:4px}
.lz-sf-mark{position:relative;width:30px;height:30px;background:#fff;flex:none;clip-path:polygon(16% 0,84% 0,100% 16%,100% 84%,84% 100%,16% 100%,0 84%,0 16%)}
.lz-sf-mark::after{content:"";position:absolute;inset:24%;background:#16303F}
.lz-sf-brandtext{font-family:"Amatic SC",cursive;font-weight:700;font-size:24px;letter-spacing:2px;color:#fff;line-height:1}
.lz-sf-muted{font-size:14px;color:#8FA3B0}
.lz-sf-label{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#9FD1EE;font-weight:700}
.lz-sf-text{font-size:15px;color:#B8C8D2;line-height:1.6}
.lz-sf-social{display:flex;gap:12px;margin-top:4px}
.lz-sf-social a{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;font-size:19px;transition:background .2s,border-color .2s}
.lz-sf-social a:hover{background:#1478B6;border-color:#1478B6;text-decoration:none}
.lz-sf-social .lz-sf-f{font-family:"Karla",sans-serif;font-weight:700;font-size:20px}
.lz-sf-bottom{border-top:1px solid rgba(255,255,255,.12);padding:16px 32px;text-align:center;font-size:13px;color:#7A8C98;display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap}
.lz-sf-bottom a{color:#9FD1EE;text-decoration:none;font-weight:400}
.lz-sf-dot{opacity:.5}
/* Pulsante WhatsApp flottante (come nell'app) */
.lz-wa-float{position:fixed;right:24px;bottom:24px;width:56px;height:56px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px rgba(10,40,60,.3);color:#fff;font-size:26px;text-decoration:none;z-index:60;transition:transform .2s}
.lz-wa-float:hover{transform:scale(1.06);text-decoration:none}
@media (max-width:900px){.lz-nav a:not(.lz-cta){display:none}.lz-burger{display:block}body.lz-menu-open .lz-nav{display:flex;position:absolute;top:100%;right:0;left:0;flex-direction:column;background:#fff;padding:16px 24px;gap:14px;border-bottom:1px solid var(--border);box-shadow:0 12px 30px rgba(10,40,60,.1)}body.lz-menu-open .lz-nav a:not(.lz-cta){display:block}}