/*
 * Shared Album Modal Styles
 * Used by AlbumCarousel.cshtml and AlbumLibrary.cshtml
 * Provides consistent styling for the album player modal across different album viewers
 */

/* Modal Dialog */
#AlbumModal .modal-dialog {
    min-width: 50%;
}

/* Modal Header */
#AlbumModal .modal-header {
    border-bottom: 1px solid #dee2e6;
}

#AlbumModal .modal-title {
    width: 100%;
    text-align: center;
}

#AlbumModal #albumTitle {
    color: darkblue;
}

/* Modal Body */
#AlbumModal .modal-body {
    text-center: max-width: 100%;
}

/* Navigation Counter */
#AlbumModal #navCounter {
    width: 80px;
}

#AlbumModal .borderRadius {
    border-radius: 5px;
}

#AlbumModal .text-navy {
    color: navy;
}

/* Modal Footer */
#AlbumModal .modal-footer {
    border-top: 1px solid #dee2e6;
}

#AlbumModal .modal-footer .btn {
    min-width: 80px;
}

/* Download Link (hidden) */
#downloadLink {
    display: none;
}

#downloadLink a {
    display: none;
}

/* Carousel Caption Styling - for image filename display */
.carousel-caption {
    position: relative;
    left: auto;
    right: auto;
}

.carousel-caption input[type="text"] {
    background-color: transparent;
    border: 1px solid #ccc;
}

/* Slick Carousel Specific Styles */
.slick-text {
    font-size: 14px;
}