/*
Theme Name: Immobiliare Scarlet – Brand (logo + header aggiornato)
Description: Tema rosso/nero in linea con il brand. Header con logo agenzia + testo "Agenzia Immobiliare Scarlet".
Version: 1.3.1
Requires at least: 6.0
Requires PHP: 7.4
*/
:root{
  --bg:#0a0a0a; --panel:#101013; --text:#f8f9fa; --muted:#a6abb3;
  --brand:#e03131; --accent:#ff6b6b; --radius:18px; --shadow:0 18px 40px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  background: radial-gradient(120% 120% at 0% 0%, #0a0a0a, #0d0d12 55%, #0a0a0a 100%);
  color:var(--text); line-height:1.6;
}
a{color:inherit; text-decoration:none}
.container{width:min(1140px,92vw); margin:0 auto; padding:18px}
.site-header{position:sticky; top:0; z-index:30; background:rgba(10,10,12,.7); backdrop-filter: blur(8px);
  border-bottom:1px solid rgba(255,255,255,.06)}
.header-inner{display:flex; align-items:center; justify-content:space-between; gap:18px}
.brand{display:flex; align-items:center; gap:12px}
.brand img{height:42px; width:auto; display:block}
.brand-name{font-weight:900; letter-spacing:.3px}
.nav a{opacity:.9; margin-left:16px; font-weight:800}
.nav a:hover{opacity:1; text-decoration:underline}
.hero{position:relative; overflow:hidden; border-bottom:1px solid rgba(255,255,255,.08)}
.hero-visual{position:absolute; inset:0; z-index:-1;
  background: radial-gradient(120% 120% at 0% 0%, rgba(224,49,49,.22), rgba(255,107,107,.10)),
              url('https://images.unsplash.com/photo-1505693416388-ac5ce068fe85?q=80&w=1600&auto=format&fit=crop') center/cover no-repeat;
  filter: saturate(1.05) contrast(1.02);
}
.hero .box{padding:86px 0 56px}
.hero h1{font-weight:900; font-size:clamp(2.3rem,5.8vw,4.2rem); line-height:1.04; margin:0 0 8px; text-shadow:0 8px 28px rgba(0,0,0,.35)}
.hero p.lead{font-size:clamp(1.05rem,2.3vw,1.25rem); max-width:900px; margin:0 0 16px; opacity:.98}
.btn{display:inline-block; padding:12px 16px; border-radius:14px; text-decoration:none; font-weight:900; border:1px solid transparent;
  box-shadow:var(--shadow); transition: transform .15s ease, opacity .15s ease}
.btn-primary{background:linear-gradient(135deg, var(--brand), var(--accent)); color:#0a0a0a}
.btn-secondary{background:#15151b; color:var(--text); border-color: rgba(255,255,255,.12)}
.btn-outline{background:transparent; border-color: rgba(255,255,255,.35)}
.btn:hover{transform: translateY(-1px)}
.home-cards{display:grid; grid-template-columns: repeat(auto-fit, minmax(260px,1fr)); gap:16px; margin: 26px 0}
.card{background:#13131b; border:1px solid rgba(255,255,255,.08); border-radius: var(--radius); overflow:hidden; box-shadow: var(--shadow)}
.card img{width:100%; height:170px; object-fit:cover; display:block}
.card .body{padding:16px}
.card h3{margin:0 0 8px}
.price{font-weight:900; letter-spacing:.3px; margin:.2rem 0 1rem}
.muted{color:var(--muted)}
.strip{margin: 28px 0 40px; border:1px solid rgba(255,255,255,.1); border-radius: var(--radius);
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  padding: 20px}
.site-footer{border-top:1px solid rgba(255,255,255,.08); margin-top:30px}
.site-footer p{opacity:.85}
.badge{display:inline-block; padding:6px 10px; border-radius:999px; background:rgba(224,49,49,.18); border:1px solid rgba(224,49,49,.35); font-weight:800}
@media (max-width:640px){ .nav a{margin-left:10px} .hero .box{padding: 64px 0 38px} }