/* Media Center Styles */

/* Video Container */
.video-container {
    position: relative;
    width: 100%;
}

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    height: 0;
    overflow: hidden;
}

.video-wrapper iframe,
.video-wrapper video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-play-button {
    background: transparent;
    border: none;
    cursor: pointer;
    transition: transform 0.2s ease;
}

.video-play-button:hover {
    transform: scale(1.1);
}

/* Fancybox custom styles */
.fancybox-bg {
    background-color: rgba(20, 15, 10, 0.95) !important;
}

.fancybox-caption {
    background: rgba(50, 35, 25, 0.85) !important;
    color: #e6d9cc !important;
    font-family: inherit !important;
}

.fancybox-button {
    background: rgba(50, 35, 25, 0.6) !important;
}

.fancybox-button:hover {
    background: rgba(80, 55, 35, 0.8) !important;
}

/* General media item hover effects */
.gallery-lightbox {
    display: block;
    position: relative;
    overflow: hidden;
}

.gallery-lightbox::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.gallery-lightbox:hover::after {
    opacity: 1;
}

/* For aspect ratio handling */
.aspect-w-16 {
    position: relative;
    padding-bottom: 56.25%;
}

.aspect-w-16 > img,
.aspect-w-16 > iframe {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
}