/* ===================================
   MOBILE VIDEO OPTIMIZATIONS
   =================================== */

/* Video carousel optimizations for mobile devices */
@media (max-width: 768px) {
    /* Video background optimizations */
    .video-background {
        width: 100% !important;
        height: 100vh !important;
        object-fit: cover !important;
        object-position: center center !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        z-index: 1 !important;
    }
    
    /* Ensure video container is properly sized */
    .video-carousel {
        height: 100vh !important;
        overflow: hidden !important;
    }
    
    /* Video carousel items */
    .video-carousel .item {
        height: 100vh !important;
        position: relative !important;
        overflow: hidden !important;
    }
    
    /* Video overlay for better text readability */
    .video-overlay {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        background: rgba(0, 0, 0, 0.4) !important;
        z-index: 2 !important;
    }
    
    /* Center content properly */
    .carousel-centered {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        text-align: center !important;
        z-index: 3 !important;
        width: 90% !important;
        max-width: 400px !important;
    }
    
    /* Adjust title size for mobile */
    .carousel-title {
        font-size: 32px !important;
        line-height: 1.2 !important;
        margin-bottom: 20px !important;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7) !important;
    }
    
    /* Adjust subtitle for mobile */
    .carousel-centered p {
        font-size: 16px !important;
        line-height: 1.4 !important;
        margin-bottom: 15px !important;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7) !important;
    }
    
    /* Hide carousel indicators on very small screens */
    @media (max-width: 480px) {
        .carousel-indicators {
            display: none !important;
        }
        
        .carousel-title {
            font-size: 28px !important;
        }
        
        .carousel-centered p {
            font-size: 14px !important;
        }
    }
}

/* Tablet optimizations */
@media (min-width: 769px) and (max-width: 1024px) {
    .video-background {
        object-fit: cover !important;
        object-position: center center !important;
    }
    
    .carousel-title {
        font-size: 48px !important;
    }
    
    .carousel-centered p {
        font-size: 18px !important;
    }
}

/* Landscape mobile optimizations */
@media (max-width: 768px) and (orientation: landscape) {
    .video-carousel {
        height: 100vh !important;
    }
    
    .carousel-centered {
        top: 45% !important;
    }
    
    .carousel-title {
        font-size: 28px !important;
        margin-bottom: 15px !important;
    }
    
    .carousel-centered p {
        font-size: 14px !important;
        margin-bottom: 10px !important;
    }
}

/* Video fallback for devices that don't support video */
.video-fallback {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
}

/* Show fallback when video is not supported */
.no-video-support .video-fallback {
    display: block;
}

.no-video-support .video-background {
    display: none;
}

/* Performance optimizations */
.video-background {
    will-change: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* Touch device optimizations */
@media (hover: none) and (pointer: coarse) {
    .video-carousel {
        -webkit-overflow-scrolling: touch;
    }
    
    /* Disable video autoplay on touch devices to save battery */
    .video-background {
        autoplay: false;
    }
}

/* High DPI display optimizations */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .video-background {
        image-rendering: -webkit-optimize-contrast;
        image-rendering: crisp-edges;
    }
}

/* ===================================
   MOBILE PLAY BUTTON STYLES - REMOVED
   =================================== */

/* Play button styles have been removed - videos will autoplay normally */