/* executive_screening_room.css */

.executive-screening-room {
    background-color: #0a0a0e;
    color: #ffffff;
    font-family: 'Inter', sans-serif;
}

/* --- Scrollbars --- */

.executive-screening-room ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.executive-screening-room ::-webkit-scrollbar-track {
    background: #0a0a0e;
}

.executive-screening-room ::-webkit-scrollbar-thumb {
    background: #23232c;
    border-radius: 4px;
}

/* Scoped scrollbars for movie list */
.executive-screening-room .lg\:overflow-y-auto::-webkit-scrollbar {
    width: 4px;
}

.executive-screening-room .lg\:overflow-y-auto::-webkit-scrollbar-track {
    background: transparent;
}

.executive-screening-room .lg\:overflow-y-auto::-webkit-scrollbar-thumb {
    background: #373742;
    border-radius: 10px;
}

.executive-screening-room .lg\:overflow-y-auto::-webkit-scrollbar-thumb:hover {
    background: #5a5a66;
}

/* --- Components --- */

/* Bronze Buttons */
.executive-screening-room .btn-bronze {
    background: linear-gradient(to right, #4a3820, #2d2212);
    border: 1px solid #7a5e33;
    transition: all 0.3s ease;
}

.executive-screening-room .btn-bronze:hover {
    background: linear-gradient(to right, #5c4628, #3e2f19);
    box-shadow: 0 0 15px rgba(122, 94, 51, 0.3);
}

/* Glowing Divider */
.executive-screening-room .glow-divider {
    background: linear-gradient(90deg, transparent 0%, rgba(122, 94, 51, 0.8) 50%, transparent 100%);
}

/* Immersive Background Blur */
.executive-screening-room .ambient-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://images.unsplash.com/photo-1449824913935-59a10b8d2000?ixlib=rb-4.0.3&auto=format&fit=crop&w=2000&q=80');
    background-size: cover;
    background-position: center;
    opacity: 0.15;
    z-index: -2;
    filter: blur(8px);
}

/* Vignette overlay to focus the center */
.executive-screening-room .vignette {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at center, transparent 0%, #0a0a0e 80%);
    z-index: -1;
}

/* TV-MA Glowing Badge */
.executive-screening-room .tv-ma-badge {
    background: linear-gradient(90deg, rgba(82, 24, 24, 0.8) 0%, rgba(30, 15, 15, 0.4) 100%);
    border: 1px solid #732a2a;
    box-shadow: -5px 0 15px rgba(100, 20, 20, 0.3);
}

/* Layout Elements */
.executive-screening-room .hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 400px;
    background-size: cover;
    background-position: center;
    opacity: 0.25;
    z-index: 0;
    pointer-events: none;
    mask-image: linear-gradient(to bottom, black 0%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, black 0%, transparent 100%);
}

.executive-screening-room .brand-panel {
    background-color: #111116;
    border-color: #23232c;
}

.executive-screening-room .brand-text-muted {
    color: #8a8a93;
}

.executive-screening-room .brand-gold {
    color: #f0b90b;
}

.executive-screening-room .title-underline {
    height: 4px;
    width: 60px;
    background: #f0b90b;
    border-radius: 2px;
}

/* Movie Card States */
.executive-screening-room .movie-card .card-inner {
    transition: all 0.3s ease;
}

.executive-screening-room .movie-card:hover .card-inner {
    border-color: #5a5a66;
    transform: scale(1.05);
}

.executive-screening-room .movie-card.active .card-inner {
    border-color: #f0b90b;
    box-shadow: 0 0 20px rgba(240, 185, 11, 0.3);
    background: linear-gradient(to top, #2c324b, #161a2b);
    padding: 2px;
}

.executive-screening-room .movie-card .card-actions {
    display: none;
}

.executive-screening-room .movie-card.active .card-actions {
    display: block;
}

/* Footer & Topbar Overrides (Using higher specificity instead of !important) */
.executive-screening-room footer.bg-white {
    background-color: #111116 !important;
    /* Still needed for some utility overrides if they use !important */
    border-color: #23232c !important;
}

.executive-screening-room footer {
    background-color: #111116;
    border-color: #23232c;
    box-shadow: none;
}

.executive-screening-room footer a,
.executive-screening-room footer p,
.executive-screening-room footer h3 {
    color: #ffffff;
}

.executive-screening-room footer .text-gray-500,
.executive-screening-room footer .text-gray-400 {
    color: #8a8a93;
}

.executive-screening-room footer .border-t {
    border-color: #23232c;
}

/* Hide Transactional & Marketplace Elements in Shared Footer */
.executive-screening-room footer a[href*="/buy"],
.executive-screening-room footer a[href*="/sell"] {
    display: none;
}

/* --- Express Interest Modal --- */

.executive-screening-room .express-interest-scroll::-webkit-scrollbar {
    width: 4px;
}

.executive-screening-room .express-interest-scroll::-webkit-scrollbar-track {
    background: transparent;
}

.executive-screening-room .express-interest-scroll::-webkit-scrollbar-thumb {
    background: #373742;
    border-radius: 10px;
}

.executive-screening-room .express-interest-scroll::-webkit-scrollbar-thumb:hover {
    background: #5a5a66;
}

/* Style select dropdowns in the modal */
.executive-screening-room select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238a8a93' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 36px;
}

.executive-screening-room select option {
    background-color: #15151b;
    color: #ffffff;
}

/* Hide scrollbar for horizontal scroll */
.executive-screening-room .hide-scrollbar::-webkit-scrollbar {
    display: none;
}

.executive-screening-room .hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.executive-screening-room .detail-modal-scrollbar::-webkit-scrollbar {
    width: 4px;
}

.executive-screening-room .detail-modal-scrollbar::-webkit-scrollbar-track {
    background: transparent;
}

.executive-screening-room .detail-modal-scrollbar::-webkit-scrollbar-thumb {
    background: #373742;
    border-radius: 10px;
}

/* --- Modal Animation (CSS transitions driven by JS class toggle) --- */

.executive-screening-room .detail-modal-backdrop.modal-open {
    background: rgba(0, 0, 0, 0.75);
    pointer-events: auto;
    visibility: visible;
    opacity: 1;
}

.executive-screening-room .detail-modal-backdrop.modal-open>div {
    transform: translateY(0) scale(1);
    opacity: 1;
}

/* Row nav arrows — show on parent hover */
.executive-screening-room .content-row-nav {
    opacity: 0;
}

.executive-screening-room div:hover>.content-row-nav {
    opacity: 1;
}