/**
 * streamingPickerModal.css — shared streaming picker modal styles
 * Loaded globally via header.php so the modal looks consistent on every page.
 */

/* TitleCard.css forces .streaming-badge to position:absolute for poster
   corner overlays on cards. Inside this modal we want it to flow inline
   next to the service name. Scope the override to this modal only so
   poster cards everywhere else are unaffected. */
#streamingSelectorModal .streaming-badge {
    position: static;
    bottom: auto;
    right: auto;
}

#streamingSelectorModal .streaming-section-heading {
    color: var(--mv-text-secondary, #6c757d);
    font-size: 0.9rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

#streamingSelectorModal .streaming-options-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

#streamingSelectorModal .streaming-pick-option {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 4px 8px;
    border-radius: 6px;
    transition: background-color 0.15s ease;
}

#streamingSelectorModal .streaming-pick-option.is-clickable {
    cursor: pointer;
}

#streamingSelectorModal .streaming-pick-option.is-clickable:hover {
    background-color: rgba(0, 0, 0, 0.06);
}

#streamingSelectorModal .streaming-pick-name {
    font-size: 0.95rem;
}

/* In view-mode pages (Discover, Title Detail, etc.) the popup is read-only.
   Hard-hide the picker-only controls regardless of any inline display. */
#streamingSelectorModal[data-mode="view"] #streamingActionRow,
#streamingSelectorModal[data-mode="view"] #streamingDifferentSourceSection {
    display: none !important;
}