/*
Theme Name: HeartSocial Solidale
Theme URI: https://heartsocial.charity/
Author: L'Alchimista APS
Description: Tema WordPress autonomo per HeartSocial, compatibile con WooCommerce e Gutenberg.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: heartsocial-solidale
*/

:root{--ink:#081426;--navy:#07111f;--paper:#f6f3ee;--white:#fff;--coral:#ff5b62;--pink:#db175e;--blue:#1d55ff;--muted:#637083;--line:rgba(8,20,38,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}.notice{background:var(--coral);color:#26050a;text-align:center;padding:.42rem 1rem;font-size:.82rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.site-header{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.25rem,5vw,5rem);background:rgba(7,17,31,.94);color:#fff;position:absolute;top:34px;left:0;right:0;z-index:10;border-bottom:1px solid rgba(255,255,255,.13)}.brand{display:flex;align-items:center;gap:.6rem;font-size:1.3rem;font-weight:700}.brand>span:last-child span{color:var(--coral)}.brand-mark{width:34px;height:34px;border-radius:50%;display:inline-grid;place-items:center;background:var(--coral);color:#fff;font-size:1.05rem}.site-header nav{display:flex;align-items:center;gap:2rem}.site-header nav a{font-size:.92rem;font-weight:600}.site-header nav a:hover{color:var(--coral)}.nav-cta{border:1px solid rgba(255,255,255,.55);border-radius:999px;padding:.55rem 1rem}.menu-toggle{display:none}.hero{min-height:760px;height:calc(100vh - 34px);position:relative;display:flex;align-items:center;overflow:hidden;background:var(--navy);color:#fff}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,12,25,.98) 0%,rgba(4,12,25,.88) 34%,rgba(4,12,25,.18) 70%,rgba(4,12,25,.08) 100%)}.hero-copy{position:relative;z-index:2;width:min(720px,88vw);margin-left:clamp(1.25rem,8vw,8rem);padding-top:80px}.eyebrow{margin:0 0 1rem;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:700;color:#ff8990}.eyebrow.coral{color:#d63249}.hero h1,.section h2{font-family:"Fraunces",serif;letter-spacing:-.035em;line-height:.98}.hero h1{font-size:clamp(3.1rem,6.2vw,6.6rem);margin:0 0 1.5rem;max-width:900px}.hero h1 em{font-weight:600;color:var(--coral)}.hero-copy>p:not(.eyebrow){font-size:clamp(1.05rem,1.5vw,1.25rem);max-width:580px;color:#d3d9e3}.hero-actions{display:flex;gap:.8rem;margin-top:2rem;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:.92rem 1.35rem;font:inherit;font-weight:700;cursor:pointer}.button.primary{background:var(--coral);color:#22070b}.button.ghost{border:1px solid rgba(255,255,255,.52);color:#fff}.button.light{background:#fff;color:var(--pink)}.scroll-hint{position:absolute;z-index:2;bottom:2rem;right:4rem;font-size:.82rem;color:#d7dce5;letter-spacing:.06em;text-transform:uppercase}.scroll-hint span{margin-left:.5rem;color:var(--coral)}.section{padding:clamp(5rem,9vw,9rem) clamp(1.25rem,7vw,7rem)}.section-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:4rem;align-items:end;margin-bottom:3.25rem}.section h2{font-size:clamp(2.7rem,5vw,5.2rem);margin:.25rem 0}.section-heading>p{font-size:1.08rem;color:var(--muted);max-width:580px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(300px,auto);gap:1rem}.category{position:relative;min-height:320px;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;color:#fff;transition:transform .25s ease,box-shadow .25s ease}.category:hover{transform:translateY(-5px);box-shadow:0 20px 46px rgba(8,20,38,.18)}.category-wide{grid-column:span 2}.category-number{position:absolute;top:1.2rem;left:1.3rem;font-size:.75rem;opacity:.72}.category-icon{font-size:5rem;align-self:flex-end;line-height:1;opacity:.82}.category h3{font-family:"Fraunces",serif;font-size:2rem;line-height:1.05;margin:0 0 .6rem}.category p{margin:0 0 1.2rem;max-width:390px;color:rgba(255,255,255,.78)}.discover{font-size:.85rem;font-weight:700;letter-spacing:.04em}.autografi{background:linear-gradient(135deg,#162740,#09111e)}.creazioni{background:linear-gradient(145deg,#ff6e60,#c82e57)}.arte{background:linear-gradient(145deg,#325dff,#1732a4)}.toys{background:linear-gradient(145deg,#8a2271,#42174d)}.music{background:linear-gradient(145deg,#182237,#1a6970)}.memorabilia{background:linear-gradient(145deg,#c73548,#6f152b)}.impact{background:var(--ink);color:#fff;display:grid;grid-template-columns:1.5fr .7fr;gap:1rem}.impact-card{padding:clamp(1rem,3vw,3rem)}.impact h2{max-width:850px}.impact-intro{color:#bcc5d2;font-size:1.15rem;max-width:670px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3rem}.steps article{border-top:1px solid rgba(255,255,255,.2);padding-top:1.2rem}.steps article>span{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--coral);color:#25070d;font-weight:800}.steps h3{font-size:1.2rem;margin:1rem 0 .25rem}.steps p{color:#9fabbc;margin:0}.quote-card{background:var(--coral);color:#2b0710;padding:2.5rem;display:flex;flex-direction:column;justify-content:space-between;min-height:500px}.big-heart{font-size:4rem}.quote-card blockquote{font-family:"Fraunces",serif;font-size:clamp(1.8rem,2.5vw,2.8rem);line-height:1.12;margin:1rem 0}.quote-card small{opacity:.72}.auth{display:grid;grid-template-columns:.55fr 1.2fr;gap:clamp(3rem,8vw,9rem);align-items:center;background:#fff}.auth-seal{width:min(310px,60vw);aspect-ratio:1;border-radius:50%;border:2px solid var(--ink);display:grid;place-content:center;text-align:center;box-shadow:inset 0 0 0 12px #fff,inset 0 0 0 14px var(--ink);transform:rotate(-7deg)}.auth-seal span{font-family:"Fraunces",serif;font-size:5rem;line-height:1}.auth-seal small{text-transform:uppercase;letter-spacing:.2em;font-weight:700}.auth>div:last-child>p:not(.eyebrow){color:var(--muted);font-size:1.08rem;max-width:760px}.inline-actions{display:flex;gap:1.5rem;margin-top:1.5rem;flex-wrap:wrap}.inline-actions a{font-weight:700;border-bottom:2px solid var(--coral)}.support{background:linear-gradient(120deg,#d91c59,#ff625f);color:#fff;text-align:center}.support h2{font-size:clamp(3.2rem,6vw,6rem)}.support>p:not(.eyebrow){max-width:720px;margin:1rem auto 2rem}.donation-details{max-width:620px;margin:2rem auto 0;padding:1.5rem;background:rgba(50,2,20,.18);border:1px solid rgba(255,255,255,.35);text-align:left}.donation-details p{margin:.35rem}.copy{margin-top:1rem;background:transparent;color:#fff;border:1px solid #fff;border-radius:999px;padding:.55rem 1rem;font-weight:700;cursor:pointer}footer{background:#050b14;color:#d2d9e3;padding:4rem clamp(1.25rem,7vw,7rem) 2rem;display:grid;grid-template-columns:1.15fr .85fr 1.1fr 1.55fr .8fr;gap:2.25rem}footer h3{color:#fff;font-size:.9rem;text-transform:uppercase;letter-spacing:.1em}footer a{display:block;margin:.4rem 0;color:#c2cbd8}.footer-support p{font-size:.86rem;line-height:1.45;margin:.45rem 0}.footer-support strong{color:#fff}.footer-brand strong{font-size:1.4rem;color:#fff;margin-left:.5rem}.copyright{grid-column:1/-1;padding-top:2rem;border-top:1px solid rgba(255,255,255,.12);font-size:.8rem;color:#7f8b9b}.toast{position:fixed;right:1.5rem;bottom:1.5rem;background:#fff;color:var(--ink);padding:.8rem 1rem;border-radius:999px;box-shadow:0 12px 40px rgba(0,0,0,.25);font-weight:700;transform:translateY(140%);transition:transform .25s;z-index:20}.toast.show{transform:translateY(0)}
@media(max-width:900px){.site-header{top:34px}.menu-toggle{display:block;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5);border-radius:999px;padding:.45rem .8rem}.site-header nav{display:none;position:absolute;top:79px;left:0;right:0;background:#07111f;padding:1.5rem;flex-direction:column;align-items:flex-start}.site-header nav.open{display:flex}.hero{min-height:720px}.hero>img{object-position:62% center}.hero-shade{background:linear-gradient(90deg,rgba(4,12,25,.96) 0%,rgba(4,12,25,.83) 62%,rgba(4,12,25,.35) 100%)}.hero-copy{margin:0 1.25rem}.scroll-hint{display:none}.section-heading{grid-template-columns:1fr;gap:1rem}.category-grid{grid-template-columns:repeat(2,1fr)}.category-wide{grid-column:span 2}.impact{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.quote-card{min-height:400px}.auth{grid-template-columns:1fr}.auth-seal{margin:auto}footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:560px){.notice{font-size:.67rem}.site-header{height:68px}.hero{height:auto;min-height:700px}.hero-copy{padding-top:110px}.hero h1{font-size:3.2rem}.hero-actions{flex-direction:column;align-items:stretch}.category-grid{grid-template-columns:1fr}.category,.category-wide{grid-column:span 1;min-height:280px}.section{padding:4.5rem 1.25rem}.impact-card{padding:0}.quote-card{padding:1.7rem;min-height:360px}.auth-seal{width:220px}.auth-seal span{font-size:3.8rem}footer{grid-template-columns:1fr}.footer-brand{grid-column:auto}.copyright{grid-column:auto}.inline-actions{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Photographic category cards */
.category{isolation:isolate;background-image:var(--category-image);background-size:cover;background-position:var(--category-position,center)}
.category::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(5,11,20,.08),rgba(5,11,20,.32) 40%,rgba(5,11,20,.94))}
.category::after{content:"";position:absolute;inset:0;z-index:-1;border:1px solid rgba(255,255,255,.14);pointer-events:none}
.category h3{position:relative;text-shadow:0 2px 18px rgba(0,0,0,.55)}
.category p,.category .discover,.category-number,.category-icon{position:relative;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.autografi{--category-image:url('https://heartsocial.charity/wp-content/uploads/2017/04/Foto-di-Sophia-Loren-con-Vittorio-De-Sica-autografata-200x200.jpg');--category-position:center}
.creazioni{--category-image:url('https://heartsocial.charity/wp-content/uploads/2025/01/nostre-creazioni-200x200.jpg');--category-position:center}
.arte{--category-image:url('https://heartsocial.charity/wp-content/uploads/2019/08/libri-e-riviste-storia-600x600.jpg');--category-position:center}
.toys{--category-image:url('https://heartsocial.charity/wp-content/uploads/2024/08/Cuphead-1.webp');--category-position:center}
.music{--category-image:url('https://heartsocial.charity/wp-content/uploads/2023/01/IMG_0008-1.webp');--category-position:center}
.memorabilia{--category-image:url('https://heartsocial.charity/wp-content/uploads/2026/09/lampade-da-collezione.webp');--category-position:center}

/* WordPress e WooCommerce */
.primary-menu{display:flex;align-items:center;gap:2rem;list-style:none;margin:0;padding:0}
.wp-content-area{min-height:60vh;padding-top:9rem;background:#fff}
.wp-entry{width:min(920px,100%);margin:0 auto 3rem}
.wp-entry h1{font-family:"Fraunces",serif;font-size:clamp(2.4rem,5vw,4.5rem);line-height:1.05}
.wp-entry img{max-width:100%;height:auto}
.woocommerce-area{color:var(--ink)}
.woocommerce ul.products li.product .button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:var(--coral);color:#26050a;border-radius:999px}
.woocommerce span.onsale{background:var(--pink)}
@media(max-width:900px){.primary-menu{flex-direction:column;align-items:flex-start}.site-header nav.open .primary-menu{display:flex}}