/* Premiera VIP – złota ramka na kartach filmów */

.video-item .video-thumbnail {
    position: relative;
}

.episode-card.movie-premiere,
.video-item.movie-premiere,
.movie-card.movie-premiere,
.admin-movie-card.movie-premiere {
    position: relative;
    border: 2px solid transparent !important;
    background:
        linear-gradient(rgba(26, 26, 26, 0.92), rgba(26, 26, 26, 0.92)) padding-box,
        linear-gradient(135deg, #fef3c7 0%, #f59e0b 35%, #fcd34d 55%, #b45309 85%, #fde68a 100%) border-box !important;
    box-shadow:
        0 0 0 1px rgba(251, 191, 36, 0.15),
        0 8px 28px rgba(180, 83, 9, 0.35),
        0 4px 16px rgba(0, 0, 0, 0.45) !important;
}

.episode-card.movie-premiere:hover,
.video-item.movie-premiere:hover,
.movie-card.movie-premiere:hover {
    box-shadow:
        0 0 0 1px rgba(251, 191, 36, 0.35),
        0 12px 36px rgba(245, 158, 11, 0.45),
        0 8px 24px rgba(0, 0, 0, 0.5) !important;
    transform: translateY(-8px);
}

.movie-premiere-badge {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 12;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #1a1208;
    background: linear-gradient(135deg, #fde68a 0%, #fbbf24 45%, #f59e0b 100%);
    border: 1px solid rgba(255, 255, 255, 0.45);
    box-shadow: 0 4px 14px rgba(180, 83, 9, 0.45);
    pointer-events: none;
}

.movie-premiere-badge i {
    font-size: 12px;
    color: #78350f;
}

.episode-card.movie-premiere .episode-number,
.video-item.movie-premiere .movie-premiere-badge + .episode-number {
    left: 12px;
}

.admin-movie-card.movie-premiere .admin-movie-card-thumb {
    position: relative;
}

.admin-badge-premiere {
    background: linear-gradient(135deg, #fde68a, #f59e0b);
    color: #1a1208;
    border: 1px solid rgba(255, 255, 255, 0.35);
}

.movie-card.movie-premiere {
    overflow: visible;
}

.movie-card.movie-premiere .movie-premiere-badge {
    top: 10px;
    right: 10px;
}

.movie-card.movie-premiere img {
    border-radius: 10px 10px 0 0;
}

@media (max-width: 480px) {
    .movie-premiere-badge {
        font-size: 10px;
        padding: 5px 10px;
    }
}