/*
Theme Name: ELC Immobiliare
Author: ELC Immobiliare
Description: Tema WordPress custom responsive per ELC Immobiliare.
Version: 2.0.0
Text Domain: elc-immobiliare
*/

:root{
  --blue:#001a3b;
  --blue-2:#06254d;
  --blue-3:#0b315f;
  --gold:#c99a2e;
  --gold-2:#e2bd62;
  --white:#fff;
  --offwhite:#f8f8f6;
  --line:#e4e4df;
  --text:#1d2933;
  --muted:#6d747b;
  --shadow:0 18px 55px rgba(0,26,59,.10);
  --radius:2px;
  --container:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--text);background:#fff;font-family:"Montserrat",Arial,sans-serif;font-size:15px;line-height:1.65}
body,button,input,select,textarea{font-family:"Montserrat",Arial,sans-serif}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font-size:inherit}
.container{width:min(var(--container),calc(100% - 48px));margin:0 auto}
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.site-header{position:absolute;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(0,26,59,.08)}
.header-inner{height:84px;display:flex;align-items:center;gap:34px}
.site-brand{display:flex;align-items:center;min-width:190px}
.site-brand img{width:auto;height:58px;max-width:190px;object-fit:contain}
.site-brand .custom-logo{max-height:58px;width:auto}
.main-nav{margin-left:auto;display:flex;align-items:center;gap:28px}
.main-nav ul{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0}
.main-nav a{font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--blue);transition:.2s}
.main-nav a:hover{color:var(--gold)}
.header-cta{display:inline-flex;align-items:center;justify-content:center;background:var(--gold);color:#fff;padding:13px 20px;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.menu-toggle{display:none;margin-left:auto;border:0;background:transparent;color:var(--blue);font-size:25px;cursor:pointer}

.hero{min-height:690px;padding-top:84px;position:relative;display:flex;align-items:center;overflow:hidden;background:var(--blue)}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,26,59,.96) 0%,rgba(0,26,59,.83) 37%,rgba(0,26,59,.28) 75%,rgba(0,26,59,.08) 100%)}
.hero-content{position:relative;z-index:2;color:#fff;max-width:650px;padding:80px 0 110px}
.eyebrow{font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-2);margin-bottom:18px}
.hero h1{font-size:clamp(40px,5.1vw,72px);line-height:1.03;letter-spacing:-.035em;font-weight:300;margin:0 0 23px}
.hero h1 strong{font-weight:600}
.hero-copy{max-width:540px;font-size:16px;color:rgba(255,255,255,.84);margin:0 0 30px}
.actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 23px;border:1px solid var(--gold);background:var(--gold);color:#fff;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;transition:.2s}
.btn:hover{background:#b9891f;border-color:#b9891f}
.btn-outline{background:transparent}
.btn-outline:hover{background:rgba(255,255,255,.08)}
.btn-blue{background:var(--blue);border-color:var(--blue)}

.search-wrap{position:relative;z-index:10;margin-top:-42px}
.property-search{display:grid;grid-template-columns:1.45fr 1fr 1fr 1fr auto;background:#fff;box-shadow:var(--shadow);border:1px solid rgba(0,26,59,.07)}
.search-field{padding:16px 18px;border-right:1px solid var(--line);background:#fff}
.search-field label{display:block;margin-bottom:6px;color:var(--muted);font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.search-field input,.search-field select{width:100%;border:0;outline:0;background:#fff;color:var(--text);font-size:12px;padding:0}
.search-submit{min-width:125px;border:0;background:var(--gold);color:#fff;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}

.section{padding:92px 0}
.section-light{background:var(--offwhite)}
.section-blue{background:var(--blue);color:#fff}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:42px}
.section-head-copy{max-width:650px}
.section-title{font-size:39px;line-height:1.12;letter-spacing:-.025em;font-weight:300;margin:0}
.section-title strong{font-weight:600}
.section-intro{color:var(--muted);font-size:14px;max-width:600px;margin:13px 0 0}
.section-blue .section-intro{color:rgba(255,255,255,.68)}

.services-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.service-card{background:#fff;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:34px 28px;min-height:220px}
.service-number{color:var(--gold);font-size:10px;font-weight:600;letter-spacing:.14em;margin-bottom:35px}
.service-icon{height:42px;width:42px;border:1px solid rgba(201,154,46,.55);display:flex;align-items:center;justify-content:center;color:var(--gold);margin-bottom:18px;font-size:18px}
.service-card h3{font-size:16px;font-weight:600;margin:0 0 8px;color:var(--blue)}
.service-card p{font-size:12px;color:var(--muted);margin:0}

.properties-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.property-card{background:#fff;border:1px solid var(--line);transition:.25s;overflow:hidden}
.property-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.property-card-image{position:relative;aspect-ratio:1.35/1;background:#e7e7e2;overflow:hidden}
.property-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.property-card:hover .property-card-image img{transform:scale(1.035)}
.property-badge{position:absolute;top:14px;left:14px;background:var(--blue);color:#fff;padding:7px 10px;font-size:8px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.property-body{padding:22px 22px 24px}
.property-type{color:var(--gold);font-size:9px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}
.property-title{font-size:18px;line-height:1.25;font-weight:600;color:var(--blue);margin:7px 0 5px}
.property-location{font-size:11px;color:var(--muted);margin-bottom:16px}
.property-meta{display:flex;flex-wrap:wrap;gap:12px;padding-top:13px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}
.property-price{margin-top:15px;color:var(--blue);font-size:17px;font-weight:600}

.split-section{display:grid;grid-template-columns:1fr 1fr;min-height:570px}
.split-image{background-size:cover;background-position:center;min-height:500px}
.split-content{background:var(--blue);color:#fff;padding:80px clamp(38px,7vw,100px);display:flex;flex-direction:column;justify-content:center}
.split-content .eyebrow{margin-bottom:16px}
.split-content h2{font-size:43px;line-height:1.08;font-weight:300;letter-spacing:-.03em;margin:0 0 20px}
.split-content h2 strong{font-weight:600}
.split-content p{max-width:500px;color:rgba(255,255,255,.72);font-size:14px}
.check-list{list-style:none;padding:0;margin:22px 0 28px}
.check-list li{position:relative;padding-left:25px;margin:10px 0;font-size:12px}
.check-list li:before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border:1px solid var(--gold);transform:rotate(45deg)}

.cta-band{padding:70px 0;background:var(--gold);color:#fff}
.cta-band-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.cta-band h2{font-size:34px;line-height:1.15;font-weight:300;margin:0}
.cta-band h2 strong{font-weight:600}
.cta-band p{font-size:13px;margin:10px 0 0;color:rgba(255,255,255,.82)}
.cta-band .btn{background:var(--blue);border-color:var(--blue)}

.contact-section{padding:90px 0;background:var(--blue);color:#fff}
.contact-grid{display:grid;grid-template-columns:1fr .8fr;gap:70px}
.contact-title{font-size:43px;line-height:1.08;font-weight:300;margin:0 0 18px}
.contact-title strong{font-weight:600}
.contact-copy{color:rgba(255,255,255,.72);max-width:530px;font-size:14px}
.contact-data{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:32px}
.contact-data-item{border:1px solid rgba(255,255,255,.15);padding:17px}
.contact-data-item small{display:block;color:var(--gold-2);font-size:8px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;margin-bottom:6px}
.contact-data-item a,.contact-data-item span{font-size:12px}
.contact-form{background:#fff;color:var(--text);padding:32px}
.contact-form h3{color:var(--blue);font-size:19px;font-weight:600;margin:0 0 22px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form-field{margin-bottom:13px}
.form-field label{display:block;color:var(--muted);font-size:8px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}
.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid var(--line);background:#fff;color:var(--text);padding:12px 13px;outline:0}
.form-field textarea{min-height:105px;resize:vertical}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--gold)}

.site-footer{background:#001328;color:#fff;padding:55px 0 22px}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}
.footer-logo img{width:165px;height:auto;max-height:110px;object-fit:contain}
.footer-col h4{font-size:9px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--gold-2);margin:0 0 15px}
.footer-col p,.footer-col a{font-size:11px;color:rgba(255,255,255,.67)}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.12);margin-top:38px;padding-top:18px;color:rgba(255,255,255,.42);font-size:9px}

.page-hero{background:var(--blue);color:#fff;padding:150px 0 70px}
.page-hero h1{font-size:49px;line-height:1.1;font-weight:300;margin:0}
.breadcrumb{color:var(--gold-2);font-size:9px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;margin-bottom:15px}
.content-area{padding:80px 0}
.archive-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}
.archive-count{font-size:11px;color:var(--muted)}
.single-property{display:grid;grid-template-columns:1.2fr .8fr;gap:45px}
.single-gallery img{width:100%;aspect-ratio:1.35/1;object-fit:cover}
.single-panel{border:1px solid var(--line);padding:30px;align-self:start;position:sticky;top:110px}
.single-panel h1{font-size:32px;line-height:1.15;font-weight:600;color:var(--blue);margin:7px 0}
.single-price{font-size:24px;color:var(--gold);font-weight:600;margin:20px 0}
.single-description{margin-top:28px;color:var(--muted);font-size:13px}
.back-link{display:inline-block;margin-top:25px;color:var(--gold);font-size:9px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}

.notice{padding:13px 15px;margin-bottom:20px;background:#f5f5f0;border-left:3px solid var(--gold);font-size:12px}

@media(max-width:1000px){
  .main-nav{display:none;position:absolute;top:84px;left:0;right:0;background:#fff;padding:20px 24px;border-bottom:1px solid var(--line)}
  .main-nav.is-open{display:block}
  .main-nav ul{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
  .menu-toggle{display:block}
  .header-cta{display:none}
  .property-search{grid-template-columns:1fr 1fr}
  .search-submit{min-height:52px}
  .services-grid{grid-template-columns:1fr 1fr}
  .properties-grid{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .contact-grid{grid-template-columns:1fr}
  .single-property{grid-template-columns:1fr}
  .single-panel{position:static}
}
@media(max-width:650px){
  .container{width:calc(100% - 30px)}
  .header-inner{height:72px}
  .site-brand img,.site-brand .custom-logo{max-height:49px;max-width:155px}
  .main-nav{top:72px}
  .hero{min-height:650px;padding-top:72px}
  .hero-content{padding:65px 0 95px}
  .hero h1{font-size:43px}
  .search-wrap{margin-top:-28px}
  .property-search{grid-template-columns:1fr}
  .search-field{border-right:0;border-bottom:1px solid var(--line)}
  .section{padding:65px 0}
  .section-head{display:block}
  .section-head>.btn{margin-top:18px}
  .section-title,.contact-title,.split-content h2{font-size:34px}
  .services-grid,.properties-grid{grid-template-columns:1fr}
  .split-section{grid-template-columns:1fr}
  .split-image{min-height:340px}
  .contact-data,.form-row{grid-template-columns:1fr}
  .cta-band-inner{display:block}
  .cta-band .btn{margin-top:20px}
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{display:block}
  .footer-bottom span{display:block;margin-top:8px}
  .page-hero{padding:125px 0 55px}
  .page-hero h1{font-size:39px}
}