/*
Theme Name: OPLITA Advanced Carbon Solutions
Theme URI: https://oplitasrl.it
Author: OPLITA
Description: Tema aziendale personalizzato, con sei pagine modificabili in WordPress.
Version: 1.2.0
Requires at least: 6.0
Text Domain: oplita
*/
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Inter:wght@400;500;600&display=swap');:root{--bg:#0a0a0b;--panel:#151518;--red:#b21c25;--txt:#f5f5f5;--muted:#a6a6aa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--txt);font-family:Inter,Arial,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}header.site-header{border-bottom:1px solid #29292c;position:sticky;top:0;background:#0a0a0bf2;z-index:10}.wrap{max-width:1180px;margin:auto;padding:0 28px}.nav{min-height:85px;display:flex;align-items:center;justify-content:space-between;gap:22px}.logo{font-family:'Barlow Condensed',Arial,sans-serif;font-size:34px;letter-spacing:.2em;font-weight:600}.logo span{color:var(--red)}.logo small{display:block;font:8px Inter,Arial,sans-serif;letter-spacing:.35em;color:#999;margin-top:-8px}.links{display:flex;flex-wrap:wrap;gap:20px;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.links a:hover,.active{color:#f45b63}.hero{padding:115px 0 105px;background:radial-gradient(ellipse at 85% 35%,#272729 0%,#111114 38%,#080809 75%);border-bottom:1px solid #27272b}.eyebrow{text-transform:uppercase;color:#dd414a;font-size:12px;letter-spacing:.23em;font-weight:600}.hero h1{font:700 clamp(48px,7vw,92px)/.98 'Barlow Condensed',Arial,sans-serif;max-width:940px;text-transform:uppercase;margin:24px 0}.lead{font-size:19px;color:#bcbcc0;max-width:760px}.redline{height:4px;width:100px;background:var(--red);margin:30px 0}.btn{display:inline-block;padding:14px 24px;background:var(--red);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin:22px 12px 0 0}.btn.secondary{background:transparent;border:1px solid #555}section{padding:85px 0}section.alt{background:#111113}h2{font:600 clamp(36px,4.5vw,60px)/1.08 'Barlow Condensed',Arial,sans-serif;text-transform:uppercase;margin:12px 0 25px}h3{font:600 26px/1.2 'Barlow Condensed',Arial,sans-serif;margin:8px 0 12px}p{color:#b7b7bb}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.grid.two{grid-template-columns:repeat(2,1fr)}.card{background:#1a1a1d;padding:32px;border-top:2px solid #842027;min-height:170px}.card p{margin:0}.num{color:#d33b44;font-size:12px;letter-spacing:.16em}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:32px}.step{padding:25px;background:#19191b;border-left:2px solid var(--red)}.step strong{display:block;font:600 23px 'Barlow Condensed',Arial,sans-serif}.cta{background:#190d10;border-top:1px solid #532128;border-bottom:1px solid #532128}footer.site-footer{padding:35px 0;color:#888;font-size:12px}footer.site-footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}ul{color:#b7b7bb;padding-left:22px}li{margin:8px 0}.tag{display:inline-block;border:1px solid #48484b;padding:8px 14px;margin:6px 8px 0 0;font-size:12px;color:#ddd}@media(max-width:850px){.nav{align-items:flex-start;flex-direction:column;padding-top:18px;padding-bottom:18px}.links{gap:12px}.grid,.grid.two{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.hero{padding:80px 0}}@media(max-width:520px){.grid,.grid.two,.steps{grid-template-columns:1fr}.wrap{padding:0 20px}.hero h1{font-size:52px}section{padding:60px 0}}
.admin-bar .site-header{top:32px} .wp-block-image img{height:auto} .entry-content{min-height:35vh} .site-header .links .current-menu-item a{color:#f45b63} .site-header .links a:focus-visible,.btn:focus-visible{outline:2px solid white;outline-offset:4px} @media(max-width:782px){.admin-bar .site-header{top:46px}}

/* Menu mobile responsive */
.menu-toggle{display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:44px;height:44px;background:transparent;border:1px solid #444;color:#fff;cursor:pointer;padding:10px}
.menu-toggle span{display:block;width:22px;height:2px;background:currentColor;transition:transform .2s,opacity .2s}
@media(max-width:850px){
 .site-header .nav{flex-direction:row;align-items:center;flex-wrap:wrap;padding-top:12px;padding-bottom:12px;min-height:72px}
 .site-header .logo{font-size:29px;letter-spacing:.14em}
 .menu-toggle{display:flex;margin-left:auto}
 .site-header .links{display:none;flex-direction:column;flex-basis:100%;width:100%;gap:0;border-top:1px solid #333;padding:8px 0 4px}
 .site-header .links.is-open{display:flex}
 .site-header .links a{display:block;padding:12px 6px;border-bottom:1px solid #29292c;font-size:13px}
 .menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
 .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
 .menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}
/* Elementor: evitare margini imposti sui contenitori full-width */
body.elementor-page .entry-content{min-height:0}
.elementor-page section.elementor-section{padding:0}

/* OPLITA — collegamenti legali nel footer */
.site-footer .footer-legal{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;width:100%;margin-top:8px;padding-top:16px;border-top:1px solid #29292c}
.site-footer .footer-legal a{display:inline-block;color:#b7b7bb;text-decoration:none;line-height:1.6}
.site-footer .footer-legal a:hover{color:#f45b63}
.site-footer .footer-legal a:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:520px){.site-footer .footer-legal{gap:10px 16px}}