/* ==========================================================================
   Contatti — scoped .lp-contatti. Dinamica ma sobria, buon contrasto sul nero.
   ========================================================================== */
body.page-template-page-contatti .wd-page-title,
body.page-template-page-contatti .page-header,
body.page-template-page-contatti .main-page-title,
body.page-template-page-contatti .title-wrapper,
body.page-template-page-contatti .woodmart-breadcrumbs,
body.page-template-page-contatti .wd-breadcrumbs,
body.page-template-page-contatti nav.woocommerce-breadcrumb{display:none!important;}
body.page-template-page-contatti .content-area,
body.page-template-page-contatti .site-content,
body.page-template-page-contatti .wd-page-content{padding-top:0!important;padding-bottom:0!important;}
body.page-template-page-contatti .wd-content-layout{padding-block:0!important;max-width:none!important;}

.lp-contatti{
  --bg:#141414; --panel:#1c1c22; --panel2:#17171b; --line:rgba(255,255,255,.10); --line2:rgba(255,255,255,.06);
  --text:#F4F6F8; --muted:#a6acb8; --muted2:#d3d8df; --title:wheat;
  --gold:#FFB80C; --gold2:#FFC838;
  --serif:Georgia,"Iowan Old Style","Times New Roman",Times,serif;
  --sans:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --s1:8px; --s2:16px; --s3:24px; --s4:32px; --s5:48px; --maxw:1000px; --r:14px;
  width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
  background:radial-gradient(1000px 480px at 78% -10%, rgba(255,184,12,.07), transparent 60%), var(--bg);
  color:var(--text); font-family:var(--sans); -webkit-font-smoothing:antialiased;
}
.lp-contatti *,.lp-contatti *::before,.lp-contatti *::after{box-sizing:border-box;}
.lp-contatti .lp-wrap{max-width:var(--maxw); margin:0 auto; padding:var(--s5) var(--s3);}
.lp-contatti h1{font-family:var(--serif); font-weight:600; color:var(--title); line-height:1.15; font-size:clamp(2rem,5vw,2.7rem); margin:0 0 12px; text-wrap:balance;}
.lp-contatti h2{font-family:var(--sans); font-weight:700; font-size:.92rem; text-transform:uppercase; letter-spacing:.08em; color:var(--gold); margin:0 0 var(--s3); display:flex; align-items:center; gap:11px;}
.lp-contatti h2::before{content:""; width:22px; height:2px; background:var(--gold); border-radius:2px;}
.lp-contatti .lp-intro{color:var(--muted2); line-height:1.65; margin:0 0 var(--s5); max-width:62ch; font-size:1.05rem;}
.lp-contatti a{color:var(--gold); text-decoration:none;}
.lp-contatti a:hover{text-decoration:underline;}
.lp-contatti :focus-visible{outline:2px solid var(--gold2); outline-offset:3px; border-radius:8px;}

.lp-contatti .lp-grid{display:grid; grid-template-columns:1fr; gap:var(--s3);}
@media(min-width:820px){ .lp-contatti .lp-grid{grid-template-columns:1.25fr .75fr; gap:var(--s4); align-items:start;} }

.lp-contatti .lp-form,.lp-contatti .lp-details{background:var(--panel); border:1px solid var(--line); border-radius:var(--r); padding:var(--s4);}
.lp-contatti .lp-details{background:linear-gradient(180deg,#1c1c22,#17171b);}

/* Contatti diretti con icona */
.lp-contatti .lp-clist{list-style:none; margin:0 0 var(--s3); padding:0; display:grid; gap:14px;}
.lp-contatti .lp-clist li{display:flex; gap:13px; align-items:center;}
.lp-contatti .lp-ci{width:40px; height:40px; flex:0 0 auto; border-radius:11px; display:grid; place-items:center; background:rgba(255,184,12,.12); border:1px solid rgba(255,184,12,.28);}
.lp-contatti .lp-ci svg{width:19px; height:19px; color:var(--gold);}
.lp-contatti .lp-clist .k{display:block; font-size:.7rem; text-transform:uppercase; letter-spacing:.05em; color:var(--muted);}
.lp-contatti .lp-clist .v{color:var(--text); font-size:1rem; font-weight:600;}
.lp-contatti .lp-clist .v a{color:var(--text);}
.lp-contatti .lp-clist .v a:hover{color:var(--gold2); text-decoration:none;}
.lp-contatti .lp-details p{color:var(--muted2); font-size:.92rem; line-height:1.6; margin:var(--s2) 0 0; padding-top:var(--s2); border-top:1px solid var(--line2);}

/* Contact Form 7 — contrasto migliore, accento oro */
.lp-contatti .wpcf7 label{display:block; color:var(--muted2); font-size:.88rem; margin-bottom:7px; font-weight:600;}
.lp-contatti .wpcf7 input[type=text],
.lp-contatti .wpcf7 input[type=email],
.lp-contatti .wpcf7 input[type=tel],
.lp-contatti .wpcf7 textarea{
  width:100%; background:var(--panel2); color:var(--text); border:1px solid var(--line);
  border-radius:10px; padding:13px 15px; font:inherit; margin-bottom:16px; transition:border-color .16s, box-shadow .16s;
}
.lp-contatti .wpcf7 ::placeholder{color:var(--muted);}
.lp-contatti .wpcf7 textarea{min-height:150px; resize:vertical;}
.lp-contatti .wpcf7 input:focus,.lp-contatti .wpcf7 textarea:focus{border-color:var(--gold); box-shadow:0 0 0 3px rgba(255,184,12,.18); outline:none;}
.lp-contatti .wpcf7 input[type=submit]{
  background:var(--gold); color:#141414; border:0; border-radius:10px; padding:13px 30px;
  font-weight:700; font-family:inherit; font-size:1rem; cursor:pointer; transition:background .16s, transform .16s, box-shadow .16s;
}
.lp-contatti .wpcf7 input[type=submit]:hover{background:var(--gold2); transform:translateY(-2px); box-shadow:0 12px 30px rgba(255,184,12,.28);}
.lp-contatti .wpcf7-response-output{border-radius:10px; margin:16px 0 0!important; padding:12px 15px!important; color:var(--muted2); border-color:var(--line)!important;}
.lp-contatti .wpcf7-not-valid-tip{color:#e0a17f; font-size:.82rem;}

/* Reveal */
.lp-contatti .rv{opacity:0; transform:translateY(16px); transition:opacity .55s ease-out, transform .55s ease-out;}
.lp-contatti .rv.is-in{opacity:1; transform:none;}

.lp-contatti .lp-legal{margin-top:var(--s5); padding-top:var(--s2); border-top:1px solid var(--line2); font-size:.82rem; color:var(--muted); line-height:1.6;}

@media(prefers-reduced-motion:reduce){
  .lp-contatti .rv{opacity:1; transform:none; transition:none;}
  .lp-contatti .wpcf7 input[type=submit],.lp-contatti .wpcf7 input,.lp-contatti .wpcf7 textarea{transition:none;}
}
