/* =========================================
   slider.css — tools/slider.php'den taşındı
   Slider indikatör stilleri
   ========================================= */

/* Slider section tam ekran - navbar arkasında boşluk olmasın */
#home {
    background-color: #000;
    min-height: 100vh;
    min-height: 100dvh;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

#home .slider-container {
    height: 100vh;
    height: 100dvh; /* Dynamic viewport height - mobil adres çubuğunu hesaba katar */
}

/* Light mode */
.slider-indicator {
    background-color: #9ca3af;
}

.slider-indicator:hover {
    background-color: #6b7280;
}

.slider-indicator.active {
    background-color: #1f2937;
}

/* Dark mode */
html.dark-mode .slider-indicator {
    background-color: #6b7280;
}

html.dark-mode .slider-indicator:hover {
    background-color: #9ca3af;
}

html.dark-mode .slider-indicator.active {
    background-color: #ffffff;
}

/* YouTube/Vimeo gürültülerini gizlemek için ölçekleme */
.scale-115 {
    transform: scale(1.15);
    transform-origin: center center;
}

/* Video kontrollerini ve oynat ikonlarını tamamen gizle */
video::-webkit-media-controls {
    display: none !important;
}
video::-webkit-media-controls-start-playback-button {
    display: none !important;
}
.slider-item video {
    pointer-events: none !important;
}

/* Video yüklenme gürültülerini gizlemek için Fade-in */
.slider-item iframe, 
.slider-item video {
    opacity: 0;
    animation: videoShow 1.5s ease-in-out 0.8s forwards;
    background: #000;
}

@keyframes videoShow {
    0% { opacity: 0; }
    100% { opacity: 1; }
}