/* Space Gate Nova+ — commercial native polish layer
   Loaded last. Keeps the current visual identity, only removes non-native chrome and improves motion/performance. */
:root {
    --sg-native-ease: cubic-bezier(.18, .84, .28, 1);
    --sg-native-fast: 140ms;
    --sg-native-normal: 240ms;
    --sg-native-header-bg: linear-gradient(to bottom, rgba(0,0,0,.86), rgba(0,0,0,.34), rgba(0,0,0,0));
}

html,
body {
    background: #000 !important;
    color-scheme: dark;
    overscroll-behavior-y: contain;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    scroll-behavior: auto;
}

body {
    margin: 0;
    min-height: 100dvh;
    touch-action: manipulation;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
}

input,
textarea,
[contenteditable="true"] {
    -webkit-user-select: text;
    user-select: text;
}

:is(a, button, [role="button"], .oscar-card, .media-card, .poster-card, .catalog-card, .home-rail-card, .channel-card) {
    -webkit-tap-highlight-color: transparent !important;
}

button,
a,
[role="button"] {
    touch-action: manipulation;
}

/* رؤوس الصفحات: إزالة الإطار / الخلفية من الأزرار الأيقونية فقط */
:is(
    header,
    .oscar-toolbar,
    .professional-home-toolbar,
    .catalog-landing-toolbar,
    .nova-page-header,
    .nova-catalog-header,
    .movies-page-toolbar,
    .series-page-toolbar,
    .anime-page-toolbar,
    .wrestling-page-toolbar,
    .details-toolbar,
    .details-header,
    .account-header,
    .notifications-header,
    .settings-header
) :is(
    .catalog-landing-toolbar-button,
    .icon-button,
    .toolbar-button,
    .header-button,
    .page-icon-button,
    .back-button,
    .search-button,
    .home-header-action,
    .home-menu-button,
    button[aria-label]
) {
    width: 38px;
    height: 38px;
    min-width: 38px;
    min-height: 38px;
    padding: 0 !important;
    display: inline-grid;
    place-items: center;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    color: #fff !important;
}

:is(
    header,
    .oscar-toolbar,
    .professional-home-toolbar,
    .catalog-landing-toolbar,
    .nova-page-header,
    .nova-catalog-header,
    .movies-page-toolbar,
    .series-page-toolbar,
    .anime-page-toolbar,
    .wrestling-page-toolbar,
    .details-toolbar,
    .details-header,
    .account-header,
    .notifications-header,
    .settings-header
) :is(
    .catalog-landing-toolbar-button,
    .icon-button,
    .toolbar-button,
    .header-button,
    .page-icon-button,
    .back-button,
    .search-button,
    .home-header-action,
    .home-menu-button,
    button[aria-label]
)::before,
:is(
    header,
    .oscar-toolbar,
    .professional-home-toolbar,
    .catalog-landing-toolbar,
    .nova-page-header,
    .nova-catalog-header,
    .movies-page-toolbar,
    .series-page-toolbar,
    .anime-page-toolbar,
    .wrestling-page-toolbar,
    .details-toolbar,
    .details-header,
    .account-header,
    .notifications-header,
    .settings-header
) :is(
    .catalog-landing-toolbar-button,
    .icon-button,
    .toolbar-button,
    .header-button,
    .page-icon-button,
    .back-button,
    .search-button,
    .home-header-action,
    .home-menu-button,
    button[aria-label]
)::after {
    content: none !important;
    display: none !important;
}

:is(
    header,
    .oscar-toolbar,
    .professional-home-toolbar,
    .catalog-landing-toolbar,
    .nova-page-header,
    .nova-catalog-header,
    .movies-page-toolbar,
    .series-page-toolbar,
    .anime-page-toolbar,
    .wrestling-page-toolbar,
    .details-toolbar,
    .details-header,
    .account-header,
    .notifications-header,
    .settings-header
) :is(.catalog-landing-toolbar-button, .icon-button, .toolbar-button, .header-button, .page-icon-button, .back-button, .search-button, .home-header-action, .home-menu-button, button[aria-label]):active {
    transform: scale(.9) !important;
    background: transparent !important;
    box-shadow: none !important;
}

:is(header, .oscar-toolbar, .catalog-landing-toolbar, .professional-home-toolbar) :is(svg, .oscar-icon) {
    filter: drop-shadow(0 2px 8px rgba(0,0,0,.74));
}

/* الخط الذي كان ظاهرًا أسفل رؤوس الأفلام/المسلسلات والكتالوجات */
.catalog-landing-toolbar,
.catalog-landing-app .catalog-landing-toolbar,
.catalog-landing-movie .catalog-landing-toolbar,
.catalog-landing-series .catalog-landing-toolbar,
.catalog-landing-anime .catalog-landing-toolbar,
.catalog-landing-wrestling .catalog-landing-toolbar,
header.oscar-toolbar,
.nova-shell-header,
.nova-page-header,
.nova-catalog-header,
.movies-page-toolbar,
.series-page-toolbar,
.anime-page-toolbar,
.wrestling-page-toolbar,
.details-toolbar,
.details-header {
    border: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

.catalog-landing-toolbar {
    background: var(--sg-native-header-bg) !important;
}

/* لا تجعل خلفية الرأس ترسم خطًا رفيعًا وهميًا بعد التدرج */
.catalog-landing-toolbar::before,
.catalog-landing-toolbar::after,
header.oscar-toolbar::before,
header.oscar-toolbar::after,
.nova-page-header::before,
.nova-page-header::after,
.nova-catalog-header::before,
.nova-catalog-header::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* سلاسة تجارية مع الحفاظ على الشكل الحالي */
:is(.oscar-card, .media-card, .poster-card, .catalog-card, .home-rail-card, .channel-card, .filter-chip, .catalog-chip, .primary-action, .nav-item, .bottom-nav-item) {
    transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transition: transform var(--sg-native-fast) var(--sg-native-ease), opacity var(--sg-native-fast) var(--sg-native-ease);
}

:is(.oscar-card, .media-card, .poster-card, .catalog-card, .home-rail-card, .channel-card):active {
    transform: translateZ(0) scale(.982);
}

:is(button, a, .filter-chip, .catalog-chip, .primary-action):active {
    transform: scale(.965);
}

:is(.poster-wrap, .media-card img, .oscar-card img, .home-rail-card img, .catalog-card img, .target-home img, .catalog-landing-reference img) {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
}

/* تحسين الأداء عند القوائم الطويلة بدون تغيير الشكل */
@supports (content-visibility: auto) {
    :is(.oscar-card, .media-card, .poster-card, .catalog-card, .home-rail-card, .channel-card) {
        content-visibility: auto;
        contain-intrinsic-size: 220px 340px;
    }

    :is(.oscar-section, .home-rail-section, .catalog-section, .target-home-rail) {
        content-visibility: auto;
        contain-intrinsic-size: 420px;
    }
}

/* إخفاء أي Scrollbar ويب حتى يكون الإحساس Android أصلي */
* {
    scrollbar-width: none;
}
*::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
}

/* ثبات المساحة الآمنة في Android */
.oscar-app,
.catalog-landing-app,
.nova-app-shell,
.main-layout-shell {
    min-height: 100dvh;
    background: #000 !important;
}

/* منع وميض أبيض أو رمادي أثناء الانتقال */
#app,
#blazor-error-ui,
.sg-route-frame,
.sg-route-surface {
    background: #000 !important;
}

.sg-native-cold-start :is(.oscar-card, .media-card, .poster-card, .catalog-card, .home-rail-card) {
    animation-duration: 1ms !important;
    animation-delay: 0ms !important;
}

.sg-in-view {
    opacity: 1;
}

@media (max-width: 600px) {
    :is(header, .catalog-landing-toolbar, .oscar-toolbar) :is(.catalog-landing-toolbar-button, .icon-button, .toolbar-button, .header-button, .page-icon-button, .back-button, .search-button, button[aria-label]) {
        width: 34px;
        height: 34px;
        min-width: 34px;
        min-height: 34px;
    }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 1ms !important;
        scroll-behavior: auto !important;
    }
}
.sg-header-icon-plain {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
.sg-native-pressed {
    transform: scale(.965) translateZ(0) !important;
}