/* Video Modal Styling - Minimal overrides for Bootstrap standard modal */

/* Ensure modal body doesn't scroll */
#videoPlayerModal .modal-body {
    overflow: hidden !important;
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

/* Video container maintains aspect ratio at top - CRITICAL for proper height */
#modalVideoContainer {
    flex: 1 1 auto;
    min-height: 0; /* Allow flex to shrink below content size */
    width: 100%;
    margin-bottom: 1rem;
}

/* Ensure iframe/video fills the ratio container */
#modalVideoContainer iframe,
#modalVideoContainer video {
    width: 100% !important;
    height: 100% !important;
}

/* Footer button alignment */
#videoPlayerModal .modal-footer {
    justify-content: space-between;
    align-items: center;
}