/*
Theme Name: MYC Child Theme
Theme URI: https://www.mycgraphics.com/
Description: This is a custom child theme for Salient
Author: MYC Media
Author URI: https://www.mycmedia.com/
Template: salient
Version: 0.1
*/

/* Force Salient video containers to display on mobile */
@media (max-width: 768px) {
    /* Override Salient's mobile video hiding */
    body.using-mobile-browser .nectar-video-wrap {
        top: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        z-index: -1 !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: none !important;
        transform: none !important;
    }
    
    /* Force video iframe to display with proper scaling */
    body.using-mobile-browser .nectar-video-wrap iframe[src*="youtube.com"],
    body.using-mobile-browser iframe[src*="youtube.com"] {
        top: 0 !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: auto !important;
        height: 100vh !important;
        min-width: 1000% !important;
        border: 0 !important;
        display: block !important;
        visibility: visible !important;
        pointer-events: none !important;
        object-fit: cover !important;
        z-index: -1 !important;
        opacity: 1 !important;
    }
    
    /* Force any video background containers to display */
    body.using-mobile-browser .vc_video-bg,
    body.using-mobile-browser .nectar-youtube-bg {
        top: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        height: 92vh !important;
        z-index: -1 !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* Override any Salient mobile video hiding */
    body.using-mobile-browser [class*="video"] {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* Force iframe visibility globally */
    iframe[src*="youtube.com/embed"] {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* Ensure header stays above video */
    #header-outer {
        position: relative !important;
        z-index: 100 !important;
    }
    
    /* Ensure content stays above video */
    .wpb_wrapper,
    .wpb_column,
    .row_col_wrap_12 {
        position: relative !important;
        z-index: 10 !important;
    }
    
    /* Prevent Salient from hiding video containers */
    .nectar-video-wrap[style*="left: -"] {
        left: 0 !important;
    }
}
