/* site-v2.css */

:root{
  --bg:#ffffff;              /* fehér háttér */
  --panel:#f8f9fa;           /* világos szürke kártyák */
  --panel-2:#f1f3f5;
  --text:#212529;            /* fő szöveg fekete/sötétszürke */
  --muted:#6c757d;           /* halvány szürke */
  --primary:#0d6efd;         /* bootstrap kék */
  --accent:#198754;          /* zöld */
  --warning:#ffc107;
  --danger:#dc3545;
  --steel1:#f8f9fa;
  --steel2:#e9ecef;
  --grad1:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);
  --border:rgba(0,0,0,.1);
  --ring:rgba(13,110,253,.25);
}

*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif}
a{color:var(--primary);text-decoration:none}a:hover{opacity:.9}
.container-wide{max-width:1320px;margin:0 auto;padding:0 1.25rem}
.navbar-modern{position:sticky;top:0;z-index:40;background:rgba(10,11,15,.7);backdrop-filter:blur(10px); /*border-bottom:1px solid var(--border)*/}
.navbar-modern .brand{font-weight:700;letter-spacing:.5px}
.navbar-modern .nav{display:flex;gap:3rem;align-items:center}
.btn{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--border);padding:.6rem 1rem;border-radius:999px;color:var(--text);transition:.2s} .btn-primary{background:var(--primary);border-color:var(--primary);color:black}.btn-ghost{background:transparent}
.badge{display:inline-block;padding:.25rem .6rem;border:1px solid var(--border);border-radius:999px;font-size:.75rem;color:var(--muted)}
.hero{background:var(--grad1);position:relative;overflow:hidden;border-bottom:1px solid var(--border)}
.hero .grid{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:center}
.hero-card{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid var(--border);border-radius:20px;padding:1.25rem}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1.5rem}
.kpis .k{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:1rem;text-align:center}.k .v{font-size:1.5rem;font-weight:700}
.section{padding:64px 0;border-top:1px solid var(--border)}.h2{font-size:1.75rem;margin:0 0 .75rem 0}.muted{color:var(--muted)}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:1.25rem}
.card:hover{box-shadow:0 0 0 3px var(--ring)}.icon{width:44px;height:44px;border-radius:10px;background:rgba(77,163,255,.12);display:grid;place-items:center;border:1px solid var(--border);margin-bottom:.75rem}
.stripe{background:linear-gradient(180deg,#0f131a,#121821);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.tag{font-size:.75rem;border:1px solid var(--border);padding:.2rem .5rem;border-radius:999px;color:var(--muted)}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.input,.textarea{width:100%;background:#111318;border:1px solid var(--border);border-radius:12px;color:var(--text);padding:.75rem 1rem}.textarea{min-height:140px;resize:vertical}
.footer{padding:32px 0;border-top:1px solid var(--border);color:var(--muted)}
@media(max-width:1000px){.hero .grid{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr 1fr}.kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.grid-3{grid-template-columns:1fr}}
/* --- Topbar (under navbar) --- */
/* --- Topbar under navbar: follows page width (container-wide) --- */
.topbar{
  /*border-bottom:1px solid var(--border);*/
  /*background:rgba(17,19,24,.85);*/
  backdrop-filter:blur(6px);
  color:#1E1E1E!important;
}
.topbar .container-wide{
  display:flex;
  align-items:center;
  justify-content:flex-end; /* tartalom jobbra, a navbar alá illesztve */
  padding:.6rem 1.25rem;
}


.navbar-modern {
    background: #F4F4F4;
    padding: 5px 0;
}

/* --- NAVBAR MENU: fekete linkek, nincs aláhúzás --- */
.navbar-modern { background:#fff; border-bottom:1px solid var(--border); }

.navbar-modern .nav a,
.navbar-modern .nav .nav-link {
  /*color:#000 !important;
  color:var(--steel2) !important;
  text-decoration:none !important;
  font-weight:600;*/
  
    text-decoration:none !important;
    color: #FFFFFF;
    font-size: 16px;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    padding: 0 26px;
    transition: all 0.3s ease;
    letter-spacing: .04em;
    font-weight: bold;
    position: relative;
}



.navbar-modern .nav a:hover,
.navbar-modern .nav a:focus,
.navbar-modern .nav .nav-link:hover,
.navbar-modern .nav .nav-link:focus {
  /*color:#000 !important;*/
  color:var(--steel2) !important;
  text-decoration:none !important;
  opacity:.7;           /* finom hover jelzés */
}

.navbar-modern .nav .active,
.navbar-modern .nav .nav-link.active {
  color:#000 !important;
  text-decoration:none !important;
  opacity:1;
}


.topbar, .menubar {
    backdrop-filter: blur(6px);
    /*background: #1E1E1E!important;
    color:white!important;*/
    color:#1E1E1E!important;
    position: sticky !important;
    top: 0;
    z-index: 9999999;
    /*padding: 0 5px;*/

}
.carousel-caption { text-shadow: 0 2px 20px rgba(0,0,0,.45); }



/* --- Tablet kisebb --- */
@media (max-width: 991.98px) {
  .hero-slider .carousel, .hero-slider .carousel-item {
      min-height: 30vh!important;
      position: relative;
  }
}

/* --- Mobil: “aranyosan” kompakt --- */
@media (max-width: 575.98px) {
  .hero-slider .carousel, .hero-slider .carousel-item {
      min-height: 30vh!important;
      position: relative;
  }          /* fő magasság */
  .hero-carousel .carousel-caption {
    bottom: .75rem;
    padding: .5rem .75rem;
    border-radius: .5rem;
    background: rgba(0,0,0,.25);                               /* finom átlátszó háttér */
  }
  .hero-carousel .carousel-caption h1,
  .hero-carousel .carousel-caption h2 {
    margin: 0 0 .25rem 0;
    font-size: clamp(1.1rem, 3.5vw + .4rem, 1.4rem);            /* kisebb cím */
    line-height: 1.2;
  }
  .hero-carousel .carousel-caption p {
    margin: 0;
    font-size: clamp(.8rem, 2.5vw + .3rem, .95rem);             /* kisebb szöveg */
    line-height: 1.3;
  }
  .hero-carousel .btn {
    padding: .35rem .6rem; font-size: .85rem; border-radius: .5rem;
  }

  /* indikátor pöttyök kisebbek */
  .hero-carousel .carousel-indicators [data-bs-target] {
    width: 6px; height: 6px; margin: 0 3px; border-radius: 50%;
  }

  /* nyilak kisebbek */
  .hero-carousel .carousel-control-prev-icon,
  .hero-carousel .carousel-control-next-icon {
    width: 1.4rem; height: 1.4rem;
  }
}

/* opcionális: középre rendezett caption kisebb kijelzőn */
@media (max-width: 575.98px) {
  .hero-carousel .carousel-caption {
    left: 50%; transform: translateX(-50%);
    text-align: center;
  }
}

/* === NAVBAR: FORCE DARK THEME (put this at the very end of site-v2.css) === */
.navbar-modern {
  /*background: #1E1E1E !important;*/
  color: #1E1E1E !important;
  /*border-bottom: 1px solid rgba(255,255,255,.08);*/
  border-bottom: 1px solid #1E1E1E;
}

.navbar-modern .nav a,
.navbar-modern .nav .nav-link {
  color: #1E1E1E !important;
  text-decoration: none !important;
}

.navbar-modern .nav .nav-link:hover,
.navbar-modern .nav a:hover {
  color: #e9ecef !important;
  opacity: 1;
}

.navbar-modern .nav .nav-link.active {
  color: #1E1E1E !important;
}

.navbar-modern .badge {
  color: #1E1E1E !important;
}

.card-body {
    flex: 1 1 auto;
    padding: 0!important;
    color: var(--bs-card-color);
}