/**
 * Modal video fix for YouTube player visibility
 */

/* Fix modal backdrop to allow clicks through to video player */
.modal-backdrop {
    pointer-events: none !important;
}

/* Make sure the video modal has higher z-index than other elements */
#videoModal {
    z-index: 2000 !important;
}

/* Ensure YouTube iframe displays correctly */
#youtube-player {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    border: none !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 400px;
    position: absolute;
    top: 0;
    left: 0;
}

/* Fix for ratio container */
#videoModal .ratio {
    position: relative;
    width: 100% !important;
    height: 0 !important;
    padding-bottom: 56.25% !important; /* 16:9 aspect ratio */
    display: block !important;
    overflow: hidden;
}