/* Scroll animasyonları */
.scroll-fade {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.scroll-fade.visible {
  opacity: 1;
  transform: translateY(0);
}

.scroll-slide-up {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.scroll-slide-up.visible {
  opacity: 1;
  transform: translateY(0);
}

.scroll-delay-1 { transition-delay: 0.1s; }
.scroll-delay-2 { transition-delay: 0.2s; }
.scroll-delay-3 { transition-delay: 0.3s; }
.scroll-delay-4 { transition-delay: 0.4s; }

/* Video overlay text animasyonu */
.video-overlay-text {
  animation: slideInFromRight 0.8s ease-out;
}

@keyframes slideInFromRight {
  from {
    opacity: 0;
    transform: translateX(100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Video kontrollerini gizle */
.video-no-controls::-webkit-media-controls {
  display: none !important;
}

.video-no-controls::-webkit-media-controls-enclosure {
  display: none !important;
}

.video-no-controls::-webkit-media-controls-panel {
  display: none !important;
}

.video-no-controls::-webkit-media-controls-play-button {
  display: none !important;
}

.video-no-controls::-webkit-media-controls-timeline {
  display: none !important;
}

.video-no-controls::-webkit-media-controls-current-time-display {
  display: none !important;
}

.video-no-controls::-webkit-media-controls-time-remaining-display {
  display: none !important;
}

.video-no-controls::-webkit-media-controls-mute-button {
  display: none !important;
}

.video-no-controls::-webkit-media-controls-volume-slider {
  display: none !important;
}

.video-no-controls::-webkit-media-controls-fullscreen-button {
  display: none !important;
}

/* Sektörler Carousel */
#sectors-carousel {
  width: max-content;
}

.sector-item {
  min-width: fit-content;
}

/* Çapraz kesim efekti */
.topbar-diagonal {
  clip-path: polygon(400px 0, 100% 0, 100% 100%, 420px 100%);
  position: relative;
}

.topbar-diagonal::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 450px;
  height: 100%;
  background-color: #b8122a;
  z-index: -1;
}

.header-diagonal {
  position: relative;
}

/* Logo topbar'a taşma */
.logo-overlap {
  position: relative;
  z-index: 200;
  margin-top: -2.5rem; /* Topbar'a taşması için */
}