/*-- Use For Custom Styling --*/

/* Video Loading Optimization */
.rs-background-video-layer .html5vid video {
    will-change: transform;
    backface-visibility: hidden;
    transform: translateZ(0);
}

/* Video Slider Full Screen Optimization - Fixed for Page Navigation */
.rs-background-video-layer {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    z-index: 1 !important;
    overflow: hidden !important;
}

.rs-background-video-layer .html5vid {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    overflow: hidden !important;
}

.rs-background-video-layer .html5vid video {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    min-width: 100% !important;
    min-height: 100vh !important;
    object-fit: cover !important;
    object-position: center center !important;
    transform: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Slider Container Full Screen - Fixed for Page Navigation */
#rev_slider_8_1_wrapper {
    position: relative !important;
    width: 100% !important;
    height: 100vh !important;
    overflow: hidden !important;
    z-index: 1 !important;
}

#rev_slider_8_1 {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    overflow: hidden !important;
}

.tp-revslider-slidesli {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    overflow: hidden !important;
}

.slotholder {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    overflow: hidden !important;
}

/* Force Full Width Container - Fixed */
.forcefullwidth_wrapper_tp_banner {
    position: relative !important;
    width: 100% !important;
    height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
}

.tp-fullwidth-forcer {
    width: 100% !important;
    height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Home Section - Fixed for Page Navigation */
#home {
    position: relative !important;
    height: 100vh !important;
    min-height: 100vh !important;
    width: 100% !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Keep body/html normal for page navigation */
body, html {
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    /* Remove any restrictions that prevent scrolling */
}

/* Video Play Button Styling */
.tp-video-play-button {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 10 !important;
    background: rgba(241, 195, 15, 0.8) !important;
    border-radius: 50% !important;
    width: 80px !important;
    height: 80px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.tp-video-play-button:hover {
    background: rgba(241, 195, 15, 1) !important;
    transform: translate(-50%, -50%) scale(1.1) !important;
}

.tp-video-play-button i {
    color: white !important;
    font-size: 24px !important;
    margin-left: 4px !important;
}

/* Banner Overlay - Lightened */
.banner-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    background: rgba(0, 0, 0, 0.2) !important; /* Çok hafif siyah overlay */
}

.banner-overlay::after {
    background: rgba(0, 0, 0, 0.1) !important; /* Daha da hafif overlay */
}

/* INOSHAPE Logo Gizleme - Sol üst köşedeki logoyu karartır */
.rs-background-video-layer::before {
    content: '' !important;
    position: absolute !important;
    top: 50px !important;
    left: 0px !important;
    width: 650px !important;
    height: 180px !important;
    background: rgba(0, 0, 0, 0.98) !important;
    z-index: 5 !important;
    border-radius: 8px !important;
}

/* Sol üst köşe logo gizleme overlay */
.logo-cover-overlay {
    position: absolute !important;
    top: 40px !important;
    left: 0px !important;
    width: 670px !important;
    height: 200px !important;
    background: #000000 !important;
    z-index: 5 !important;
    border-radius: 10px !important;
}

/* Video Brightness Enhancement - Fixed for Page Navigation */
.rs-background-video-layer .html5vid video {
    filter: brightness(1.2) contrast(1.1) !important; /* Video'yu aydınlatır */
}

/* Text Visibility Enhancement */
#home .slider-text,
#home h1,
#home h2,
#home h3,
#home p,
#home .color-white {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3) !important;
    color: #ffffff !important;
}

/* Mobile Responsive - Tablet ve Mobil */
@media (max-width: 1024px) {
    /* Logo overlay mobilde küçültme */
    .logo-cover-overlay {
        top: 20px !important;
        left: 5px !important;
        width: 300px !important;
        height: 100px !important;
    }
    
    .rs-background-video-layer::before {
        top: 25px !important;
        left: 10px !important;
        width: 280px !important;
        height: 90px !important;
    }
}

@media (max-width: 768px) {
    /* Video Slider Mobil Optimizasyonu - Tam Sayfa */
    .rs-background-video-layer,
    .rs-background-video-layer .html5vid {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100vh !important;
        border-radius: 0 !important;
        overflow: hidden !important;
        box-shadow: none !important;
    }
    
    .rs-background-video-layer .html5vid video {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100vh !important;
        min-width: 100% !important;
        min-height: 100vh !important;
        object-fit: cover !important;
        object-position: center center !important;
        border-radius: 0 !important;
        transform: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    #home {
        height: 100vh !important;
        min-height: 100vh !important;
        overflow: hidden !important;
        background: transparent !important;
        display: block !important;
    }
    
    /* Slider Container Mobil - Tam Sayfa */
    #rev_slider_8_1_wrapper {
        position: relative !important;
        width: 100% !important;
        height: 100vh !important;
        margin: 0 !important;
        border-radius: 0 !important;
        overflow: hidden !important;
        box-shadow: none !important;
    }
    
    #rev_slider_8_1,
    .tp-revslider-slidesli,
    .slotholder {
        width: 100% !important;
        height: 100vh !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        border-radius: 0 !important;
        overflow: hidden !important;
    }
    
    /* Video Play Button Mobil */
    .tp-video-play-button {
        width: 60px !important;
        height: 60px !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
    }
    
    .tp-video-play-button i {
        font-size: 18px !important;
    }
    
    /* Logo Overlay Mobil - KALDIRILDI */
    .logo-cover-overlay {
        display: none !important;
    }
    
    .rs-background-video-layer::before {
        display: none !important;
    }
    
    /* Orta üst INOSHAPE logo gizleme - KALDIRILDI */
    .rs-background-video-layer::after {
        display: none !important;
    }
    
    /* Mobilde arka plan görselini gizle */
    .tp-bgimg.defaultimg {
        display: none !important;
    }
}

@media (max-width: 480px) {
    /* Küçük Mobil Cihazlar - Overlay'ler KALDIRILDI */
    .logo-cover-overlay {
        display: none !important;
    }
    
    .rs-background-video-layer::before {
        display: none !important;
    }
    
    .tp-video-play-button {
        width: 50px !important;
        height: 50px !important;
    }
    
    .tp-video-play-button i {
        font-size: 16px !important;
    }
}

/* INOSHAPE Yazılarını Mobilde Gizle */
@media (max-width: 768px) {
    .slider-text h3.color-black {
        display: none !important;
    }
    
    /* Revolution Slider içindeki INOSHAPE yazılarını gizle */
    .tp-caption h3,
    .slider-text h3,
    #home h3 {
        display: none !important;
    }
    
    /* Mobilde video tıklamayı engelle */
    .rs-background-video-layer,
    .rs-background-video-layer .html5vid,
    .rs-background-video-layer .html5vid video,
    .rs-fullvideo-cover,
    .tp-video-play-button {
        pointer-events: none !important;
    }
    
    /* Mobilde play butonunu gizle */
    .tp-video-play-button {
        display: none !important;
    }
    
    /* Video container'ını tıklanamaz yap */
    .slotholder,
    .rs-background-video-layer {
        pointer-events: none !important;
    }
    
    /* Mobilde tüm video etkileşimlerini engelle */
    @media (max-width: 768px) {
        #home,
        #rev_slider_8_1_wrapper,
        #rev_slider_8_1,
        .tp-revslider-slidesli,
        .slotholder,
        .rs-background-video-layer,
        .rs-background-video-layer *,
        .html5vid,
        .html5vid video {
            pointer-events: none !important;
        }
        
        /* Videoyu kesintisiz oynatmak için */
        .rs-background-video-layer .html5vid video {
            animation: none !important;
            transition: none !important;
            backface-visibility: hidden !important;
            transform: translateZ(0) !important;
        }
        
        /* Normal scroll davranışı - video sadece anasayfada görünsün */
        #home {
            position: relative !important;
            height: 100vh !important;
            z-index: 1 !important;
        }
        
        /* Revolution Slider'ı normal yap */
        #rev_slider_8_1_wrapper {
            position: relative !important;
            width: 100% !important;
            height: 100vh !important;
            z-index: 1 !important;
        }
        
        /* Video layer'ını normal yap */
        .rs-background-video-layer {
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            width: 100% !important;
            height: 100vh !important;
            z-index: 1 !important;
        }
        
        /* Scroll sırasında video kesintisini önle */
        .rs-background-video-layer .html5vid video {
            will-change: auto !important;
            transform: none !important;
        }
    }
}

/* Ensure video covers full area */
.fullcoveredvideo {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
}

.fullcoveredvideo video {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    width: auto !important;
    height: auto !important;
    transform: translate(-50%, -50%) !important;
    object-fit: cover !important;
}