:root{--bg:#f8fafc;--card:#ffffff;--accent:#2b6cb0;--muted:#475569}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;margin:0;background:var(--bg);color:#0f172a}
.container{max-width:1000px;margin:0 auto;padding:20px}
.site-header{background:#fff;border-bottom:1px solid #e6eef5;position:sticky;top:0;z-index:50}
.site-header .container{display:flex;align-items:center;justify-content:space-between;padding:16px 20px}
.site-header h1{font-size:18px;margin:0;color:#0f172a}
.main-nav a{margin-left:12px;text-decoration:none;color:var(--muted);font-weight:600}
.main-nav a.active{color:var(--accent)}
.hero{padding:28px 0;text-align:left}
.card{background:var(--card);border:1px solid #e6eef5;padding:18px;border-radius:8px;margin-bottom:18px}
h2{margin:0 0 8px 0;font-size:20px}
p,li{line-height:1.6;color:#334155}
ul{padding-left:1.2rem}
.calc-wrap{margin:18px 0;padding:12px;background:#fff;border:1px solid #e6eef5;border-radius:8px}
form .row{margin-bottom:10px}
input,textarea,select{width:100%;padding:10px;border:1px solid #e6eef5;border-radius:6px;font-size:14px}
button.btn{background:var(--accent);color:#fff;padding:10px 14px;border:0;border-radius:6px;cursor:pointer}
.site-footer{background:#fff;border-top:1px solid #e6eef5;padding:12px;text-align:center;color:var(--muted);font-size:13px;margin-top:20px}
.small{font-size:13px;color:var(--muted)}
/* --- AKTÍV MENÜ KIEMELÉS TÉMÁNKÉNT --- */

.main-nav a {
  padding: 10px 16px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.25s ease;
}

/* Hover – minden fülre egységes lágy kiemelés */
.main-nav a:hover {
  background: #e9ecef;
  color: #000;
}

/* Aktív menüelem */
.main-nav a.active {
  color: white !important;
  box-shadow: 0 0 12px rgba(0,0,0,0.25);
  transform: translateY(-2px);
}

/* Oldal-specifikus színek */
.nav-home { background: #6c757d; }
.nav-lakossagi { background: #0d6efd; }
.nav-vallalkozoi { background: #198754; }
.nav-otthon { background: #fd7e14; }
.nav-kapcsolat { background: #dc3545; }

/* Aktív hover hatás (csak minimálisan világosodik) */
.main-nav a.active:hover {
  filter: brightness(1.08);
}