/* MovieDetail Page Styles */

/* Hero section with background */
.moviedetail-hero {
    position: relative !important;
    width: 100% !important;
    min-height: 500px !important;
    background-size: cover !important;
    background-position: center !important;
    padding: 40px 0 !important;
}

.moviedetail-hero::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.9)) !important;
    z-index: 1 !important;
}

.moviedetail-hero > * {
    position: relative;
    z-index: 2;
}

/* Poster card */
.moviedetail-poster-card,
.moviedetail-poster-card.mud-card {
    background-color: var(--theme-bg-card) !important;
    border: 1px solid var(--theme-border) !important;
    position: relative;
    z-index: 3 !important;
    overflow: visible !important;
    border-radius: 8px !important;
    transition: border-radius 0.3s ease !important;
}

/* Rounded corners on hover */
.moviedetail-poster-card:hover,
.moviedetail-poster-card.mud-card:hover {
    border-radius: 8px !important;
}

.moviedetail-poster-card .movie-poster-with-trailer {
    position: relative;
    z-index: 3 !important;
    overflow: hidden !important;
    border-radius: 8px !important;
}

/* Poster image */
.moviedetail-poster-image,
.moviedetail-poster-image img,
.mud-card-media.moviedetail-poster-image,
.mud-card-media.moviedetail-poster-image img {
    height: 500px !important;
    object-fit: cover !important;
    width: 100% !important;
    border-radius: 8px !important;
}

/* Movie info container */
.moviedetail-info-container {
    color: #ffffff;
    padding: 20px;
}

/* Movie title - Bright and theme-aware */
.moviedetail-title {
    font-weight: bold;
    margin-bottom: 16px;
    color: #ffffff !important;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.95), 0 0 20px rgba(255, 255, 255, 0.3) !important;
}

/* Movie meta info - Bright white */
.moviedetail-meta {
    margin-bottom: 12px;
    color: #ffffff !important;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.9), 0 0 10px rgba(255, 255, 255, 0.2) !important;
}

/* Rating */
.moviedetail-rating {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
}

.moviedetail-star-icon {
    color: #FFD700 !important;
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.8)) drop-shadow(0 0 8px rgba(255, 215, 0, 0.6));
}

.moviedetail-rating-text {
    color: #ffffff !important;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.9), 0 0 10px rgba(255, 255, 255, 0.2) !important;
    font-weight: 600 !important;
}

/* Movie description - Bright white */
.moviedetail-description {
    margin-bottom: 20px;
    color: #ffffff !important;
    line-height: 1.6;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.9), 0 0 8px rgba(255, 255, 255, 0.15) !important;
}

/* Release date - Bright white */
.moviedetail-release-date {
    color: #ffffff !important;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.9), 0 0 8px rgba(255, 255, 255, 0.15) !important;
    font-weight: 500 !important;
}

/* Theme-specific text enhancements */

/* GoldBlackLuxe Theme - Gold accents */
[data-theme="GoldBlackLuxe"] .moviedetail-title {
    color: #ffffff !important;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.95), 0 0 20px rgba(212, 175, 55, 0.4) !important;
}

[data-theme="GoldBlackLuxe"] .moviedetail-meta {
    color: #ffffff !important;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.9), 0 0 10px rgba(212, 175, 55, 0.3) !important;
}

[data-theme="GoldBlackLuxe"] .moviedetail-star-icon {
    color: var(--theme-accent-gold, #D4AF37) !important;
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.8)) drop-shadow(0 0 12px rgba(212, 175, 55, 0.8));
}

[data-theme="GoldBlackLuxe"] .moviedetail-rating-text {
    color: #ffffff !important;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.9), 0 0 10px rgba(212, 175, 55, 0.3) !important;
}

[data-theme="GoldBlackLuxe"] .moviedetail-description,
[data-theme="GoldBlackLuxe"] .moviedetail-release-date {
    color: #ffffff !important;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.9), 0 0 8px rgba(212, 175, 55, 0.2) !important;
}

/* NeonCinema Theme - Neon blue accents */
[data-theme="NeonCinema"] .moviedetail-title {
    color: #ffffff !important;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.95), 0 0 20px rgba(0, 234, 255, 0.5) !important;
}

[data-theme="NeonCinema"] .moviedetail-meta {
    color: #ffffff !important;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.9), 0 0 10px rgba(0, 234, 255, 0.4) !important;
}

[data-theme="NeonCinema"] .moviedetail-star-icon {
    color: var(--neon-blue, #00EAFF) !important;
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.8)) drop-shadow(0 0 12px rgba(0, 234, 255, 0.9));
}

[data-theme="NeonCinema"] .moviedetail-rating-text {
    color: #ffffff !important;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.9), 0 0 10px rgba(0, 234, 255, 0.4) !important;
}

[data-theme="NeonCinema"] .moviedetail-description,
[data-theme="NeonCinema"] .moviedetail-release-date {
    color: #ffffff !important;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.9), 0 0 8px rgba(0, 234, 255, 0.3) !important;
}

/* ModernFlatCinema Theme - Red accents */
[data-theme="ModernFlatCinema"] .moviedetail-title {
    color: #ffffff !important;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.95), 0 0 20px rgba(229, 9, 20, 0.4) !important;
}

[data-theme="ModernFlatCinema"] .moviedetail-meta {
    color: #ffffff !important;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.9), 0 0 10px rgba(229, 9, 20, 0.3) !important;
}

[data-theme="ModernFlatCinema"] .moviedetail-star-icon {
    color: var(--flat-accent-red, #E50914) !important;
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.8)) drop-shadow(0 0 12px rgba(229, 9, 20, 0.7));
}

[data-theme="ModernFlatCinema"] .moviedetail-rating-text {
    color: #ffffff !important;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.9), 0 0 10px rgba(229, 9, 20, 0.3) !important;
}

[data-theme="ModernFlatCinema"] .moviedetail-description,
[data-theme="ModernFlatCinema"] .moviedetail-release-date {
    color: #ffffff !important;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.9), 0 0 8px rgba(229, 9, 20, 0.2) !important;
}

/* JoomlaCinema Theme - Red accents */
[data-theme="JoomlaCinema"] .moviedetail-title {
    color: #ffffff !important;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.95), 0 0 20px rgba(231, 76, 60, 0.4) !important;
}

[data-theme="JoomlaCinema"] .moviedetail-meta {
    color: #ffffff !important;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.9), 0 0 10px rgba(231, 76, 60, 0.3) !important;
}

[data-theme="JoomlaCinema"] .moviedetail-star-icon {
    color: var(--joomla-accent-primary, #E74C3C) !important;
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.8)) drop-shadow(0 0 12px rgba(231, 76, 60, 0.7));
}

[data-theme="JoomlaCinema"] .moviedetail-rating-text {
    color: #ffffff !important;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.9), 0 0 10px rgba(231, 76, 60, 0.3) !important;
}

[data-theme="JoomlaCinema"] .moviedetail-description,
[data-theme="JoomlaCinema"] .moviedetail-release-date {
    color: #ffffff !important;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.9), 0 0 8px rgba(231, 76, 60, 0.2) !important;
}

/* Section title */
.moviedetail-section-title {
    font-weight: bold;
}

/* Show date */
.moviedetail-show-date {
    font-weight: bold;
}

/* Show time */
.moviedetail-show-time {
    font-weight: bold !important;
    color: var(--theme-accent-red) !important;
}

/* Show card wrapper - clickable */
.moviedetail-show-card-wrapper {
    height: 100% !important;
    transition: transform 0.2s ease !important;
}

.moviedetail-show-card-wrapper:hover {
    transform: translateY(-4px) !important;
}

/* Book now button - Moview theme */
.moviedetail-book-button {
    background-color: var(--theme-accent-red) !important;
    color: var(--theme-text-primary) !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border-radius: 0 !important;
    transition: all 0.3s ease !important;
}

.moviedetail-book-button:hover {
    background-color: var(--theme-accent-red-hover) !important;
    transform: scale(1.02) !important;
}

/* Parent poster container */
.movie-poster-with-trailer {
    position: relative;
    overflow: hidden;
}

/* Netflix fade-in play button - Theme-aware */
.netflix-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.6);

    width: 95px;
    height: 95px;

    background-color: rgba(255, 255, 255, 0.90);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;

    opacity: 0;
    pointer-events: none;

    cursor: pointer;
    z-index: 25;

    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.6);
    transition:
        opacity 0.35s ease,
        transform 0.35s ease,
        background-color 0.25s ease;
}

/* When user hovers over the poster */
.movie-poster-with-trailer:hover .netflix-play-btn {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.0);
    pointer-events: auto;
}

/* Hover on button itself */
.netflix-play-btn:hover {
    transform: translate(-50%, -50%) scale(1.12);
    background-color: rgba(255, 255, 255, 1);
}

/* Icon inside button - Default (GoldBlackLuxe) */
.netflix-play-icon {
    font-size: 70px !important;
    color: #000 !important;
    margin-left: 5px;
}

/* Theme-specific overrides for Netflix play button */

/* GoldBlackLuxe Theme - Gold accent */
[data-theme="GoldBlackLuxe"] .netflix-play-btn {
    background-color: rgba(212, 175, 55, 0.90);
    box-shadow: 0 8px 30px rgba(212, 175, 55, 0.5);
}

[data-theme="GoldBlackLuxe"] .movie-poster-with-trailer:hover .netflix-play-btn {
    background-color: rgba(212, 175, 55, 0.95);
}

[data-theme="GoldBlackLuxe"] .netflix-play-btn:hover {
    background-color: rgba(247, 226, 122, 1);
    box-shadow: 0 8px 40px rgba(212, 175, 55, 0.7);
}

[data-theme="GoldBlackLuxe"] .netflix-play-icon {
    color: #000 !important;
}

/* NeonCinema Theme - Neon Blue accent */
[data-theme="NeonCinema"] .netflix-play-btn {
    background-color: rgba(0, 234, 255, 0.90);
    box-shadow: 0 8px 30px rgba(0, 234, 255, 0.6);
}

[data-theme="NeonCinema"] .movie-poster-with-trailer:hover .netflix-play-btn {
    background-color: rgba(0, 234, 255, 0.95);
}

[data-theme="NeonCinema"] .netflix-play-btn:hover {
    background-color: rgba(51, 240, 255, 1);
    box-shadow: 0 8px 40px rgba(0, 234, 255, 0.8);
}

[data-theme="NeonCinema"] .netflix-play-icon {
    color: #000 !important;
}

/* ModernFlatCinema Theme - Red accent */
[data-theme="ModernFlatCinema"] .netflix-play-btn {
    background-color: rgba(229, 9, 20, 0.90);
    box-shadow: 0 8px 30px rgba(229, 9, 20, 0.5);
}

[data-theme="ModernFlatCinema"] .movie-poster-with-trailer:hover .netflix-play-btn {
    background-color: rgba(229, 9, 20, 0.95);
}

[data-theme="ModernFlatCinema"] .netflix-play-btn:hover {
    background-color: rgba(178, 7, 16, 1);
    box-shadow: 0 8px 40px rgba(229, 9, 20, 0.7);
}

[data-theme="ModernFlatCinema"] .netflix-play-icon {
    color: #fff !important;
}

/* JoomlaCinema Theme - Red accent */
[data-theme="JoomlaCinema"] .netflix-play-btn {
    background-color: rgba(231, 76, 60, 0.90);
    box-shadow: 0 8px 30px rgba(231, 76, 60, 0.5);
}

[data-theme="JoomlaCinema"] .movie-poster-with-trailer:hover .netflix-play-btn {
    background-color: rgba(231, 76, 60, 0.95);
}

[data-theme="JoomlaCinema"] .netflix-play-btn:hover {
    background-color: rgba(192, 57, 43, 1);
    box-shadow: 0 8px 40px rgba(231, 76, 60, 0.7);
}

[data-theme="JoomlaCinema"] .netflix-play-icon {
    color: #fff !important;
}