/* ============================================================================
   KoraFlix — CSS da aba Reels (assistir/index.php?page=reels)
   Scaffold inicial: reutiliza .content-grid/.small-card. A reprodução ainda
   não está integrada, então os cards ficam marcados como "Em breve".
   ============================================================================ */

.reel-card-soon {
    cursor: default;
    position: relative;
}

.reel-badge-soon {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 5;
    background: rgba(0, 0, 0, 0.75);
    color: var(--text-main, #fff);
    font-family: var(--font-display, 'Outfit', sans-serif);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 4px 8px;
    border-radius: 5px;
}