/*
Theme Name: Clean-Tech
Theme URI: https://clean-tech.it
Author: Clean-Tech
Description: Tema dedicato Clean-Tech — recupero e valorizzazione dei residui metallurgici. Leggero, responsive, SEO-ready.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 7.1
Requires PHP: 8.1
License: GNU General Public License v2 or later
Text Domain: cleantech
*/

:root{
  --ct-deep:#0D7157;
  --ct-green:#1A9E76;
  --ct-mint:#5CCAA5;
  --ct-mint-soft:#DCF3EA;
  --ct-ink:#16302A;
  --ct-slate:#4F6A5F;
  --ct-ash:#97A29C;
  --ct-paper:#F3F7F5;
  --ct-white:#FFFFFF;
  --ct-line:#D6E1DC;
  --font:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --maxw:1180px;
  --gutter:clamp(20px,4vw,48px);
  --radius:6px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;font-family:var(--font);font-size:17px;line-height:1.6;color:var(--ct-ink);background:var(--ct-white);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--ct-deep);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--ct-green)}
:focus-visible{outline:3px solid var(--ct-mint);outline-offset:3px}
h1,h2,h3,h4{font-weight:800;line-height:1.12;letter-spacing:-0.015em;margin:0 0 .5em;color:var(--ct-ink)}
h1{font-size:clamp(2.2rem,5vw,3.6rem)}
h2{font-size:clamp(1.7rem,3.4vw,2.5rem)}
h3{font-size:clamp(1.2rem,2vw,1.45rem);font-weight:700}
h4{font-size:1.05rem;font-weight:700}
p{margin:0 0 1.1em}
.lead{font-size:clamp(1.1rem,1.6vw,1.3rem);line-height:1.5;color:var(--ct-slate);max-width:38em}
.measure{max-width:62ch}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}
.skip-link{position:absolute;left:-999px;top:0;background:var(--ct-ink);color:#fff;padding:8px 12px;z-index:100}
.skip-link:focus{left:8px;top:8px}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:.5em;font-weight:700;font-size:1rem;padding:.8em 1.4em;border-radius:999px;text-decoration:none;border:2px solid transparent;transition:background .2s,color .2s,border-color .2s;cursor:pointer;font-family:inherit;line-height:1.2}
.btn-primary{background:var(--ct-deep);color:#fff}
.btn-primary:hover{background:var(--ct-green);color:#fff}
.btn-ghost{background:transparent;color:var(--ct-deep);border-color:var(--ct-deep)}
.btn-ghost:hover{background:var(--ct-deep);color:#fff}
.btn-light{background:#fff;color:var(--ct-deep)}
.btn-light:hover{background:var(--ct-mint-soft);color:var(--ct-deep)}
.btn svg{width:1em;height:1em}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--ct-line)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:78px}
.brand img{height:62px;width:auto}
.brand{display:flex;align-items:center}
.nav-toggle{display:none;background:none;border:0;padding:8px;cursor:pointer;color:var(--ct-ink)}
.nav-toggle svg{width:28px;height:28px}
.main-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:4px;align-items:center}
.main-nav a{display:block;padding:.55em .85em;font-weight:600;font-size:.98rem;color:var(--ct-ink);text-decoration:none;border-radius:999px}
.main-nav a:hover{background:var(--ct-paper);color:var(--ct-deep)}
.main-nav .current-menu-item>a,.main-nav .current_page_item>a,.main-nav .current_page_parent>a{color:var(--ct-deep);box-shadow:inset 0 -2px 0 var(--ct-mint)}
.main-nav .menu-cta>a{background:var(--ct-deep);color:#fff;margin-left:8px}
.main-nav .menu-cta>a:hover{background:var(--ct-green);color:#fff}
@media (max-width:900px){
  .nav-toggle{display:inline-flex}
  .main-nav{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--ct-line);display:none;padding:12px var(--gutter) 20px}
  .main-nav.is-open{display:block}
  .main-nav ul{flex-direction:column;align-items:stretch;gap:2px}
  .main-nav a{padding:.75em .9em;font-size:1.05rem;border-radius:var(--radius)}
  .main-nav .menu-cta>a{margin:8px 0 0;text-align:center}
}

/* Hero */
.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,var(--ct-paper) 100%)}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,5vw,72px);align-items:center;min-height:min(82vh,760px);padding-top:56px;padding-bottom:56px}
.hero h1{margin-bottom:.4em}
.hero .lead{margin-bottom:1.6em}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.hero-visual{position:relative;aspect-ratio:1/1;max-width:560px;width:100%;justify-self:end}
.hero-visual svg{width:100%;height:100%;overflow:visible}
.hero-note{margin-top:2.4em;display:flex;gap:28px;flex-wrap:wrap;color:var(--ct-slate);font-size:.95rem}
.hero-note span{display:flex;align-items:center;gap:.5em}
.hero-note svg{width:18px;height:18px;color:var(--ct-green);flex:none}
@media (max-width:900px){
  .hero .wrap{grid-template-columns:1fr;min-height:0;padding-top:40px}
  .hero-visual{max-width:360px;justify-self:center;order:-1}
}

/* Sections */
.section{padding:clamp(56px,8vw,112px) 0}
.section-tight{padding:clamp(40px,5vw,72px) 0}
.section-paper{background:var(--ct-paper)}
.section-ink{background:var(--ct-ink);color:#E6EFEB}
.section-ink h2,.section-ink h3{color:#fff}
.section-ink .lead{color:#B7CCC3}
.section-head{max-width:720px;margin-bottom:clamp(28px,4vw,56px)}
.section-head p{color:var(--ct-slate);font-size:1.1rem}
.section-ink .section-head p{color:#B7CCC3}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:center}
.two-col.reverse>*:first-child{order:2}
@media (max-width:860px){.two-col{grid-template-columns:1fr}.two-col.reverse>*:first-child{order:0}}
.photo{border-radius:var(--radius);overflow:hidden;background:var(--ct-paper)}
.photo img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.photo.tall img{aspect-ratio:3/4}

/* Process (sequence) */
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:2px solid var(--ct-line);counter-reset:step}
.process li{list-style:none;padding:28px 28px 0 0;position:relative}
.process li::before{counter-increment:step;content:counter(step,decimal-leading-zero);display:block;font-weight:800;font-size:.95rem;color:var(--ct-green);margin-bottom:14px;letter-spacing:.04em}
.process li::after{content:"";position:absolute;top:-2px;left:0;width:42px;height:2px;background:var(--ct-green)}
.process h3{margin-bottom:.35em}
.process p{color:var(--ct-slate);font-size:.98rem;margin:0}
.process{margin:0;padding:0}
@media (max-width:860px){.process{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.process{grid-template-columns:1fr}}

/* Services list (rows, not cards) */
.service-rows{margin:0;padding:0;list-style:none;border-top:1px solid var(--ct-line)}
.service-rows li{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.6fr) auto;gap:24px 40px;padding:28px 0;border-bottom:1px solid var(--ct-line);align-items:start}
.service-rows h3{margin:0;font-size:1.3rem}
.service-rows p{margin:0;color:var(--ct-slate)}
.service-rows .arrow{color:var(--ct-deep);font-weight:700;white-space:nowrap;text-decoration:none;padding-top:.2em}
.service-rows .arrow:hover{color:var(--ct-green)}
@media (max-width:760px){.service-rows li{grid-template-columns:1fr;gap:10px}}

/* Outputs (what comes out) */
.outputs{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.outputs article{padding:28px;border-radius:var(--radius);background:#fff;border:1px solid var(--ct-line)}
.section-ink .outputs article{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14)}
.outputs .mark{width:44px;height:44px;border-radius:50%;background:var(--ct-mint-soft);display:grid;place-items:center;margin-bottom:18px;color:var(--ct-deep)}
.section-ink .outputs .mark{background:rgba(92,202,165,.18);color:var(--ct-mint)}
.outputs .mark svg{width:22px;height:22px}
.outputs h3{font-size:1.2rem}
.outputs p{margin:0;color:var(--ct-slate);font-size:.98rem}
.section-ink .outputs p{color:#B7CCC3}
@media (max-width:860px){.outputs{grid-template-columns:1fr}}

/* Values / why */
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.pillars h3{margin-bottom:.4em}
.pillars p{color:var(--ct-slate);margin:0}
.pillars .rule{width:42px;height:3px;background:var(--ct-mint);margin-bottom:18px}
@media (max-width:860px){.pillars{grid-template-columns:1fr;gap:28px}}

/* CTA band */
.cta-band{background:var(--ct-deep);color:#fff}
.cta-band .wrap{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;padding-top:48px;padding-bottom:48px}
.cta-band h2{color:#fff;margin:0 0 .25em;font-size:clamp(1.5rem,2.6vw,2rem)}
.cta-band p{margin:0;color:#CFEAE0;max-width:46ch}

/* Page header (inner pages) */
.page-header{background:var(--ct-paper);border-bottom:1px solid var(--ct-line)}
.page-header .wrap{padding-top:clamp(40px,6vw,72px);padding-bottom:clamp(32px,5vw,56px)}
.page-header h1{margin-bottom:.3em}
.page-header .lead{margin:0}
.page-header.has-image{background:var(--ct-ink);color:#fff;position:relative;isolation:isolate;overflow:hidden}
.page-header.has-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;opacity:.35}
.page-header.has-image h1{color:#fff}
.page-header.has-image .lead{color:#D7E6DF}
.page-header.has-image .wrap{padding-top:clamp(64px,10vw,120px);padding-bottom:clamp(48px,7vw,88px)}

/* Entry content (pages written in HTML) */
.entry{padding:clamp(48px,6vw,88px) 0}
.entry-content h2{margin-top:1.6em;scroll-margin-top:100px}
.entry-content h2:first-child{margin-top:0}
.entry-content h3{margin-top:1.4em}
.entry-content p,.entry-content ul,.entry-content ol{max-width:68ch}
.entry-content ul{padding-left:1.2em}
.entry-content .gallery,.entry-content .anchor-nav,.entry-content .timeline{max-width:none;padding-left:0}
.entry-content li{margin-bottom:.4em}
.entry-content .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);align-items:center;margin:2.5em 0}
.entry-content .grid-2 p{max-width:none}
.entry-content .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:2em 0}
.entry-content .box{background:var(--ct-paper);border-left:4px solid var(--ct-mint);padding:22px 26px;border-radius:0 var(--radius) var(--radius) 0;margin:1.5em 0}
.entry-content .box p:last-child{margin-bottom:0}
.entry-content .stat-row{display:flex;gap:40px;flex-wrap:wrap;margin:2em 0;padding:24px 0;border-top:1px solid var(--ct-line);border-bottom:1px solid var(--ct-line)}
.entry-content .stat-row div{min-width:160px}
.entry-content .stat-row strong{display:block;font-size:1.9rem;color:var(--ct-deep);line-height:1.1;letter-spacing:-.02em}
.entry-content .stat-row span{color:var(--ct-slate);font-size:.95rem}
.entry-content .checklist{list-style:none;padding:0}
.entry-content .checklist li{padding-left:30px;position:relative}
.entry-content .checklist li::before{content:"";position:absolute;left:0;top:.45em;width:16px;height:16px;border-radius:50%;background:var(--ct-mint-soft);box-shadow:inset 0 0 0 2px var(--ct-green)}
.entry-content .checklist li::after{content:"";position:absolute;left:5px;top:calc(.45em + 4px);width:5px;height:8px;border:solid var(--ct-deep);border-width:0 2px 2px 0;transform:rotate(45deg)}
.entry-content figure{margin:0}
.entry-content figure img{border-radius:var(--radius)}
.entry-content figcaption{font-size:.9rem;color:var(--ct-slate);margin-top:.6em}
.entry-content .service-block{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);padding:clamp(36px,5vw,64px) 0;border-top:1px solid var(--ct-line);align-items:start}
.entry-content .service-block:first-of-type{border-top:0;padding-top:0}
.entry-content .service-block h2{margin-top:0}
.entry-content .service-block .photo img{aspect-ratio:4/3}
.entry-content .service-block ul{margin-bottom:0}
.entry-content .service-block .photo{margin-top:.5em}
.entry-content .anchor-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 2.5em;padding:0;list-style:none}
.entry-content .anchor-nav a{display:inline-block;padding:.45em .9em;border:1px solid var(--ct-line);border-radius:999px;text-decoration:none;font-weight:600;font-size:.92rem;color:var(--ct-ink);background:#fff}
.entry-content .anchor-nav a:hover{border-color:var(--ct-green);color:var(--ct-deep)}
.entry-content .timeline{list-style:none;padding:0;margin:2em 0;border-left:2px solid var(--ct-line)}
.entry-content .timeline li{padding:0 0 1.4em 28px;position:relative}
.entry-content .timeline li::before{content:"";position:absolute;left:-7px;top:.5em;width:12px;height:12px;border-radius:50%;background:var(--ct-green);box-shadow:0 0 0 3px #fff}
.entry-content .timeline strong{display:block;color:var(--ct-deep)}
@media (max-width:860px){.entry-content .grid-2,.entry-content .grid-3,.entry-content .service-block{grid-template-columns:1fr}}

/* Gallery */
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0;padding:0;list-style:none}
.gallery li{margin:0}
.gallery figure{margin:0;position:relative;border-radius:var(--radius);overflow:hidden;background:var(--ct-paper)}
.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .5s ease}
.gallery li.wide{grid-column:span 2}
.gallery li.wide img{aspect-ratio:2.05/1}
.gallery figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 18px 16px;color:#fff;font-size:.95rem;font-weight:600;background:linear-gradient(180deg,transparent,rgba(22,48,42,.85))}
@media (hover:hover){.gallery figure:hover img{transform:scale(1.03)}}
@media (max-width:860px){.gallery{grid-template-columns:1fr 1fr}.gallery li.wide{grid-column:span 2}}
@media (max-width:520px){.gallery{grid-template-columns:1fr}.gallery li.wide{grid-column:span 1}.gallery li.wide img{aspect-ratio:4/3}}
.gallery-group{margin-bottom:clamp(40px,6vw,72px)}
.gallery-group h2{margin-bottom:.3em}
.gallery-group>p{color:var(--ct-slate);margin-bottom:1.4em;max-width:60ch}

/* News */
.post-list{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.post-card{display:flex;flex-direction:column}
.post-card .photo img{aspect-ratio:16/10}
.post-card time{font-size:.88rem;color:var(--ct-slate);margin:16px 0 6px;display:block}
.post-card h2,.post-card h3{font-size:1.25rem;margin:0 0 .4em;line-height:1.3}
.post-card h2 a,.post-card h3 a{text-decoration:none;color:var(--ct-ink)}
.post-card h2 a:hover,.post-card h3 a:hover{color:var(--ct-deep)}
.post-card p{color:var(--ct-slate);font-size:.98rem;margin:0}
.post-card .more{margin-top:auto;padding-top:12px;font-weight:700;text-decoration:none}
@media (max-width:860px){.post-list{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.post-list{grid-template-columns:1fr}}
.single-post .entry-content{max-width:720px}
.single-post .post-meta{color:var(--ct-slate);font-size:.95rem;margin-bottom:2em}
.single-post .featured{margin:0 0 2.5em}
.single-post .featured img{border-radius:var(--radius);aspect-ratio:16/8;object-fit:cover;width:100%}
.pagination{display:flex;gap:8px;justify-content:center;margin-top:48px}
.pagination .page-numbers{padding:.5em .9em;border:1px solid var(--ct-line);border-radius:999px;text-decoration:none}
.pagination .current{background:var(--ct-deep);color:#fff;border-color:var(--ct-deep)}
.post-nav{display:flex;justify-content:space-between;gap:20px;margin-top:3em;padding-top:1.5em;border-top:1px solid var(--ct-line);font-weight:600}

/* Contact */
.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(32px,6vw,88px);align-items:start}
@media (max-width:860px){.contact-grid{grid-template-columns:1fr}}
.contact-details dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:10px 20px;font-size:1rem}
.contact-details dt{font-weight:700;color:var(--ct-slate)}
.contact-details dd{margin:0}
.contact-details .note{margin-top:2em;padding:18px 22px;background:var(--ct-paper);border-radius:var(--radius);font-size:.95rem;color:var(--ct-slate)}
.form{display:grid;gap:16px}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:560px){.form .row{grid-template-columns:1fr}}
.form label{display:block;font-weight:600;font-size:.95rem;margin-bottom:6px}
.form input,.form select,.form textarea{width:100%;font:inherit;padding:.75em .9em;border:1px solid var(--ct-line);border-radius:var(--radius);background:#fff;color:var(--ct-ink)}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--ct-green);outline:none;box-shadow:0 0 0 3px var(--ct-mint-soft)}
.form textarea{min-height:150px;resize:vertical}
.form .consent{display:flex;gap:10px;align-items:flex-start;font-size:.92rem;color:var(--ct-slate)}
.form .consent input{width:auto;margin-top:.3em}
.form .hp{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}
.form-notice{padding:16px 20px;border-radius:var(--radius);margin-bottom:20px;font-weight:600}
.form-notice.ok{background:var(--ct-mint-soft);color:var(--ct-deep)}
.form-notice.err{background:#FBE7E3;color:#8A2B1D}
.map-placeholder{margin-top:40px;border-radius:var(--radius);background:var(--ct-paper);border:1px dashed var(--ct-ash);min-height:260px;display:grid;place-items:center;color:var(--ct-slate);text-align:center;padding:24px}

/* Footer */
.site-footer{background:var(--ct-ink);color:#B7CCC3;padding:64px 0 28px;font-size:.95rem}
.site-footer a{color:#E6EFEB;text-decoration:none}
.site-footer a:hover{color:var(--ct-mint)}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.12)}
.footer-grid h4{color:#fff;margin-bottom:.8em;font-size:.95rem}
.footer-grid ul{list-style:none;margin:0;padding:0}
.footer-grid li{margin-bottom:.5em}
.footer-brand img{height:54px;width:auto;margin-bottom:16px}
.footer-brand p{max-width:34ch;margin:0}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:24px;font-size:.86rem;color:#8EA69B}
.footer-bottom a{color:#8EA69B}
@media (max-width:860px){.footer-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.footer-grid{grid-template-columns:1fr}}

/* 404 */
.error-page{text-align:center;padding:120px 0}

/* Utilities */
.mt-0{margin-top:0}.mb-0{margin-bottom:0}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}
.alignwide,.alignfull{max-width:none}
.wp-block-image img{border-radius:var(--radius)}

/* Hero particle animation */
.hero-visual .particle{transform-box:fill-box;transform-origin:center}
@media (prefers-reduced-motion:no-preference){
  .hero-visual .particle{animation:ct-settle 1.6s cubic-bezier(.2,.7,.2,1) both}
  .hero-visual .arc{stroke-dasharray:1000;stroke-dashoffset:1000;animation:ct-draw 1.4s ease-out forwards}
  .hero-visual .arc.a2{animation-delay:.15s}
  .hero-visual .arc.a3{animation-delay:.3s}
  @keyframes ct-settle{from{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}to{transform:translate(0,0) scale(1);opacity:1}}
  @keyframes ct-draw{to{stroke-dashoffset:0}}
}