#heroCarousel {
  background-color: #000;
}



/* Carousel item háttérképes beállítás */ .carousel-item { position: relative; min-height: 100vh; background-position: center; background-size: cover; background-repeat: no-repeat; }

/* Fekete overlay a kép fölé (de a tartalom alá) */ .carousel-item::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.2); z-index: 1; }

/* Háttérképek */ .bg-hero-1 .carousel-bg {
  background-image: url('../img/hero-1.jpg');
}
.bg-hero-2 .carousel-bg {
  background-image: url('../img/hero-2.jpg');
}
.bg-hero-3 .carousel-bg {
  background-image: url('../img/hero-3.jpg');
}

/* Szöveg és logó overlay */ .carousel-caption { position: absolute; inset: 0; z-index: 2; padding: 2rem; height: 100vh; display: flex; flex-direction: column; justify-content: center; background-color: rgba(0, 0, 0, 0.4); }

/* Fix overlay struktúra */ .fixed-overlay { position: absolute; inset: 0; z-index: 10; height: 100vh; pointer-events: none; display: flex; align-items: center; }

/* Logó kép stílusa */ .hero-logo { width: 100%; height: 100%; object-fit: contain; display: block; }

/* Portrait módban a logó legyen kisebb */ @media (orientation: portrait) { .hero-logo { max-height: 30vh; width: auto; } }

/* Landscape layout optimalizálása */ @media (min-width: 768px) { .carousel-caption .row { height: 100%; align-items: stretch; }

.carousel-caption .col-sm-6 { height: 100%; }

.hero-logo { height: 100%; max-height: none; object-fit: contain; } }

/* Belső háttérdiv animációhoz */
.carousel-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  z-index: 0;
}