/* Carousel arka plan için tam ekran */
#bgCarousel,
#bgCarousel .carousel-inner,
#bgCarousel .carousel-item {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.bg-img {
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
}

/* Card üzerine hover efekti */
.app-card {
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.app-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.4);
}

/* Metinlerin arka planda okunabilirliği için gölge */
h1, .card-title, .card-text, footer p {
  text-shadow: 1px 1px 3px rgba(0,0,0,0.7);
}

html, body {
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
}

main {
  flex: 1; /* içerik alanını büyütür, footer'ı alta iter */
}