/* --------- Video Modal Full Width --------- */
#modal-popup-video .modal-dialog {
    max-width: 90vw;
}
#modal-popup-video iframe {
    width: 100%;
    height: 600px;
}

/* --------- Image Modal Auto-size --------- */
#modal-popup-image .modal-dialog {
    display: inline-block;
    max-width: none;
}
#modal-popup-image .modal-content {
    width: auto;
    padding: 0;
}
#modal-popup-image img {
    display: block;
    width: auto;
    max-width: 100vw; /* fit viewport */
    height: auto;
    margin: 0 auto;
}

/* --------- Carousel Controls Color --------- */
.carousel-control-prev-icon,
.carousel-control-next-icon {
    filter: invert(1); /* white controls on dark bg */
}