body {
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont,
               'Segoe UI', Arial, sans-serif;
}



:root{
  --nav-h: 150px; /* ajustează după cât de înalt e navbar-ul tău */
}

.hero {
  position: relative;
  min-height: 50vh;
    padding-top: var(--nav-h); /* ✅ împinge conținutul hero sub navbar */
  background-image: url("/images/home/hero.jpg");
  background-size: cover;
  background-position: center;
}

.hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.2),
    rgba(0, 0, 0, 0.4)
  );
}

/* CONȚINUT HERO */
.hero-content {
  position: relative;
  z-index: 2;
  height: 100%;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  color: #fff;
  padding: 1.5rem;
}



.content {
  padding-top: 3rem;
}



.hero-navbar{
  position: absolute;
  top: 16px;
  left: 120px;          /* implicit: ecrane mici */
  right: 24px;
  width: auto;
  z-index: 5;

  background: rgba(0,0,0,0.20);
  border-radius: 18px;
  padding: 10px 14px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,0.12);
}

/* md ≥ 768px */
@media (min-width: 768px){
  .hero-navbar{
    left: 160px;
  }
}

/* lg ≥ 992px */
@media (min-width: 992px){
  .hero-navbar{
    left: 200px;
  }
}



/* Linkuri mai lizibile pe fundal negru */
.hero-navbar .nav-link,
.hero-navbar .navbar-brand{
  color: rgba(255,255,255,0.92);
}

.hero-navbar .nav-link:hover{
  color: #fff;
}

/* Toggler vizibil pe fundal întunecat */
.hero-navbar .navbar-toggler{
  border-color: rgba(255,255,255,0.25);
}



/* Dropdown/Collapse fundal (pe mobil când se deschide meniul) */
@media (max-width: 991.98px){
  .hero-navbar .navbar-collapse{
    margin-top: 8px;
    background: rgba(0,0,0,0.75);
    border-radius: 14px;
    padding: 10px 12px;
      z-index: 6;
  }
}