/* ============================================================
 * Rogal Player — TV Mode
 * Applied as body.tv-mode by web-interceptor.js when a TV
 * user-agent or a large remote-controlled screen is detected.
 * Deliberately no mouse-dependent styles (hover, cursor).
 * ============================================================ */

/* ── Nav cleanup: hide non-media items ─────────────────────── */
body.tv-mode .nav-item[data-id="books"],
body.tv-mode .nav-item[data-id="audiobooks"],
body.tv-mode .nav-item[data-id="comics"],
body.tv-mode .nav-item[data-id="music"],
body.tv-mode .nav-item[data-id="play-magnet"],
body.tv-mode .nav-item[data-id="media-downloader"],
body.tv-mode .nav-item[data-id="games-downloader"],
body.tv-mode .nav-item[data-id="offline"],
body.tv-mode .nav-item[data-id="clear-cache"],
body.tv-mode .nav-item[data-id="refresh"] {
    display: none !important;
}

/* ── Focus ring — visible from the sofa ────────────────────── */
body.tv-mode .tv-focused,
body.tv-mode :focus-visible {
    outline: 4px solid var(--accent, #E5A94F) !important;
    outline-offset: 4px !important;
    box-shadow:
        0 0 0 6px rgba(229, 169, 79, 0.22),
        0 0 28px 6px var(--accent-glow, rgba(229, 169, 79, 0.45)) !important;
    transform: scale(1.07) !important;
    transition: transform 0.12s ease, box-shadow 0.12s ease !important;
    position: relative !important;
    z-index: 100 !important;
}

/* Movie cards scale a bit more to pop from the row */
body.tv-mode .movie-card.tv-focused,
body.tv-mode .movie-card:focus-visible {
    transform: scale(1.10) !important;
}

/* Keep focused card visible when scrolled */
body.tv-mode .tv-focused {
    scroll-margin: 88px;
}

/* ── Nav: bigger tap/click targets ────────────────────────── */
body.tv-mode .navbar {
    height: 74px;
}

body.tv-mode .nav-btn {
    font-size: 1rem;
    padding: 10px 20px;
    min-height: 44px;
    border-radius: 8px;
}

/* ── Hero: larger text for 10-foot reading ─────────────────── */
body.tv-mode .hero-title {
    font-size: clamp(3.5rem, 5.5vw, 6rem);
    line-height: 1.05;
}

body.tv-mode .hero-meta,
body.tv-mode .hero-desc {
    font-size: 1.15rem;
    line-height: 1.55;
}

/* ── Movie cards: wider on large TV screens ────────────────── */
body.tv-mode .movie-card {
    min-width: 200px;
}

/* ── Section headings ──────────────────────────────────────── */
body.tv-mode .section-title,
body.tv-mode .category-title,
body.tv-mode .slider-title {
    font-size: 1.4rem;
}

/* ── Scrollbars: invisible (remote scrolls via D-pad) ─────── */
body.tv-mode ::-webkit-scrollbar { display: none; }
body.tv-mode { scrollbar-width: none; }

/* ── Mouse cursor: hidden (no pointer on a TV remote) ─────── */
body.tv-mode,
body.tv-mode * {
    cursor: none !important;
}

/* ── Mobile bottom nav: off on TV (top nav is enough) ─────── */
body.tv-mode .bottom-nav,
body.tv-mode #bottomNav {
    display: none !important;
}

/* ── Android App Mode ──────────────────────────────────────── */
/* injected via webView.evaluateJavascript in MainActivity.kt  */
html.rogal-android .nav-item[data-id="games-downloader"],
body.rogal-android .nav-item[data-id="games-downloader"] {
    display: none !important;
}

/* ── iOS App Mode ──────────────────────────────────────────── */
/* injected via WKUserScript (atDocumentStart) in WebView.swift */
html.rogal-ios .nav-item[data-id="games-downloader"],
body.rogal-ios .nav-item[data-id="games-downloader"] {
    display: none !important;
}