/*
Theme Name: Studio Legale Andrea Marinucci
Theme URI: https://example.com/
Author: OpenAI
Description: Homepage elegante per studio legale, con palette blu notte e oro.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: studio-legale-marinucci
*/

:root{--navy:#0b1d2a;--navy2:#102838;--gold:#c7a66a;--gold2:#e2c58c;--cream:#f7f5f0;--ink:#172b3b;--muted:#64717a}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65;background:#fff}
a{color:inherit}
.container{width:min(1160px,calc(100% - 44px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);border-bottom:1px solid #e8e4dc}
.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;min-width:230px}
.brand-mark{font-family:Georgia,serif;color:var(--gold);font-size:38px;letter-spacing:-4px;border-right:1px solid var(--gold);padding-right:16px;line-height:1}
.brand-name{font-family:Georgia,serif;font-size:14px;letter-spacing:1.4px;text-transform:uppercase;line-height:1.4}
.menu{display:flex;gap:25px;align-items:center}
.menu a{text-decoration:none;font-size:13px;color:#233746}
.menu a:hover{color:#9b783d}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--gold2);color:var(--navy);padding:13px 22px;text-decoration:none;font-weight:700;font-size:13px;border:1px solid #b89556;transition:.2s}
.button:hover{background:#efd9aa;transform:translateY(-1px)}
.button-dark{background:var(--navy);color:white;border-color:var(--navy)}
.hero{position:relative;isolation:isolate;background:var(--navy);color:white;min-height:440px;display:flex;align-items:center;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;z-index:-2;background-image:url('assets/hero-giustizia.jpg');background-size:cover;background-position:center 48%;opacity:.85}
.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,22,32,.98) 0%,rgba(7,22,32,.91) 35%,rgba(7,22,32,.34) 72%,rgba(7,22,32,.05) 100%)}
.hero-content{padding:72px 0;max-width:620px}
.eyebrow{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--gold2);font-weight:700}
h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:500;line-height:1.15}
h1{font-size:clamp(38px,5.2vw,64px);margin:16px 0 12px;letter-spacing:-1.4px}
.hero .lead{font-family:Georgia,serif;font-style:italic;font-size:clamp(19px,2vw,25px);margin:0 0 18px}
.hero p{max-width:510px;color:#f0f2f3;font-size:15px}
.hero .button{margin-top:12px}
.section{padding:68px 0}
.section-cream{background:var(--cream)}
.section-heading{text-align:center;max-width:760px;margin:0 auto 38px}
.section-heading .eyebrow{color:#7d633a}
.section-heading h2{font-size:clamp(30px,3.8vw,42px);margin:12px 0}
.section-heading p{margin:0;color:var(--muted)}
.services{display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:980px;margin:auto}
.service{padding:20px 42px;display:grid;grid-template-columns:76px 1fr;gap:22px}
.service+ .service{border-left:1px solid #ddd8cf}
.service-icon{width:72px;height:72px;border-radius:50%;background:#eeeae2;display:grid;place-items:center;color:var(--navy);font-size:29px}
.service h3{font-size:25px;margin:2px 0 12px}
.service p{font-size:14px;color:#4e5c65;margin:0 0 15px}
.text-link{color:#8b6834;text-decoration:none;font-weight:700;font-size:13px}
.text-link:hover{text-decoration:underline}
.about{display:grid;grid-template-columns:40% 60%;min-height:350px}
.about-photo{background:url('assets/studio-legale.jpg') center/cover no-repeat;min-height:350px}
.about-copy{padding:54px clamp(28px,6vw,84px);align-self:center}
.about-copy .eyebrow{color:#8b6834}
.about-copy h2{font-size:clamp(29px,3vw,39px);margin:12px 0 18px}
.about-copy p{font-size:14px;color:#53616b}
.values{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
.value{font-size:13px;font-weight:700}
.value span{color:#9a793f;margin-right:8px}
.contact{background:var(--navy);color:white;position:relative;isolation:isolate;overflow:hidden}
.contact:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.22}
.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;padding:58px 0}
.contact h2{font-size:clamp(29px,3.4vw,40px);margin:12px 0}
.contact p{color:#e0e6e9;font-size:14px}
.contact-details{border-left:1px solid rgba(255,255,255,.25);padding-left:35px}
.contact-details p{margin:10px 0}
.contact-details strong{color:var(--gold2);display:inline-block;min-width:90px}
.site-footer{background:#f8f7f3;color:#52616b;font-size:11px;padding:18px 0}
.footer-inner{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
.notice{font-size:12px;color:#9da7ac}
@media(max-width:850px){.header-inner{padding:14px 0;flex-wrap:wrap}.menu{order:3;width:100%;justify-content:center;gap:18px;flex-wrap:wrap}.header-cta{display:none}.hero{min-height:420px}.hero:after{background:linear-gradient(90deg,rgba(7,22,32,.97),rgba(7,22,32,.75) 70%,rgba(7,22,32,.35))}.services{grid-template-columns:1fr}.service{padding:24px 8px}.service+.service{border-left:0;border-top:1px solid #ddd8cf}.about{grid-template-columns:1fr}.about-photo{min-height:260px}.about-copy{padding:38px 24px}.contact-grid{grid-template-columns:1fr;gap:22px}.contact-details{border-left:0;border-top:1px solid rgba(255,255,255,.25);padding:20px 0 0}}
@media(max-width:520px){.container{width:min(100% - 30px,1160px)}.brand{min-width:0}.brand-mark{font-size:32px}.brand-name{font-size:11px}.menu{gap:12px}.menu a{font-size:12px}.hero-content{padding:56px 0}.service{grid-template-columns:58px 1fr;gap:14px}.service-icon{width:56px;height:56px;font-size:24px}.values{grid-template-columns:1fr}}