/*
Theme Name: MovieStream Child
Template: moviestream
Version: 1.0.0
Text Domain: moviestream-child
*/

:root {
    --child-bg: #0f1115;
    --child-surface: #171a21;
    --child-surface-2: #1d212b;
    --child-surface-3: #252b38;

    --child-text: #f4f7fb;
    --child-text-soft: rgba(244, 247, 251, 0.72);
    --child-text-dim: rgba(244, 247, 251, 0.52);

    --child-border: rgba(255, 255, 255, 0.08);
    --child-border-strong: rgba(255, 255, 255, 0.14);

    --child-primary: #4f8cff;
    --child-primary-2: #76a7ff;
    --child-accent: #7c5cff;

    --child-success: #24c26a;
    --child-warning: #ffb020;
    --child-danger: #ff5d73;

    --child-shadow: 0 10px 30px rgba(0, 0, 0, 0.28);
    --child-radius-sm: 12px;
    --child-radius-md: 16px;
    --child-radius-lg: 20px;

    --child-container: 1280px;
    --child-gap: 16px;
    --child-transition: 0.2s ease;
}

html {
    scroll-behavior: smooth;
}

body {
    background: var(--child-bg);
    color: var(--child-text);
}

body,
button,
input,
select,
textarea {
    color: var(--child-text);
}

a {
    color: var(--child-text);
    transition: color var(--child-transition), opacity var(--child-transition), transform var(--child-transition), background-color var(--child-transition), border-color var(--child-transition), box-shadow var(--child-transition);
}

a:hover {
    color: var(--child-text);
    text-decoration: none;
}

img {
    max-width: 100%;
    height: auto;
}

input,
button,
textarea,
select {
    font: inherit;
}

button {
    cursor: pointer;
}

.site,
#page {
    background: var(--child-bg);
}

.site-content,
.psbody,
.singlecontent,
#content {
    min-width: 0;
}

.child-container {
    width: min(100% - 32px, var(--child-container));
    margin: 0 auto;
}

.bixbox,
.home-hero-inner,
.archive-hero-inner,
.child-footer-top,
.home-panel,
.home-empty-box,
.archive-empty,
.archive-pagination,
.watch-summary,
.watch-episode-list,
.watch-episode-desc,
.watch-series-card,
.series-hero,
.series-episode-box,
.series-trailer-box,
.series-side-card,
.movie-hero-card,
.movie-trailer-box,
.movie-side-info {
    background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
    background-color: var(--child-surface);
    border: 1px solid var(--child-border);
    box-shadow: var(--child-shadow);
}

.child-site-header,
.child-header-search-panel,
.child-mobile-menu-panel,
.child-mobile-menu-backdrop,
.child-mobile-quick-nav {
    background: rgba(15, 17, 21, 0.82);
}

.child-mobile-menu-panel,
.child-header-search-panel {
    border-color: var(--child-border);
}

.child-mobile-menu-backdrop {
    background: rgba(0, 0, 0, 0.45);
}

.child-menu-toggle-bar,
.dot {
    background: rgba(255, 255, 255, 0.48);
}

.site-title,
.child-footer-site-name,
.child-footer-title,
.home-section-title,
.home-panel-title,
.archive-main-title,
.movie-main-title,
.series-main-title,
.watch-episode-title {
    color: var(--child-text);
}

.site-description,
.child-footer-desc,
.child-footer-disclaimer,
.home-section-desc,
.archive-main-desc,
.archive-empty p,
.home-hero-desc,
.movie-description,
.series-description,
.watch-series-excerpt,
.child-footer-copy {
    color: var(--child-text-soft);
}

.child-main-navigation a,
.child-mobile-navigation a,
.child-footer-nav a,
.child-footer-links a,
.child-footer-bottom-links a,
.home-section-more,
.home-panel-more {
    color: var(--child-text);
}

.child-main-navigation a:hover,
.child-mobile-navigation a:hover,
.child-footer-nav a:hover,
.child-footer-links a:hover,
.child-footer-bottom-links a:hover,
.home-panel-more:hover,
.home-section-more:hover {
    color: #ffffff;
}

.child-main-navigation a,
.child-mobile-navigation a,
.home-section-more,
.home-panel-more,
.child-footer-nav a,
.child-footer-links a,
.child-footer-bottom-links a {
    opacity: 0.92;
}

.child-main-navigation a:hover,
.child-mobile-navigation a:hover,
.home-section-more:hover,
.home-panel-more:hover,
.child-footer-nav a:hover,
.child-footer-links a:hover,
.child-footer-bottom-links a:hover {
    opacity: 1;
}

.child-search-field,
.home-hero-search-form input[type="search"],
.archive-search-form input[type="search"] {
    background: var(--child-surface-2);
    border: 1px solid var(--child-border);
    color: var(--child-text);
}

.child-search-field::placeholder,
.home-hero-search-form input[type="search"]::placeholder,
.archive-search-form input[type="search"]::placeholder {
    color: var(--child-text-dim);
}

.child-search-field:focus,
.home-hero-search-form input[type="search"]:focus,
.archive-search-form input[type="search"]:focus {
    border-color: rgba(79, 140, 255, 0.45);
    box-shadow: 0 0 0 4px rgba(79, 140, 255, 0.12);
}

.child-search-submit,
.home-hero-search-form button,
.archive-search-form button,
.child-search-toggle,
.child-menu-toggle,
.child-mobile-menu-close,
.home-section-more,
.home-panel-more,
.archive-pagination .page-numbers,
.movie-cta-btn,
.series-cta-btn,
.watch-nav-btn,
.watch-action-btn,
.bookmark {
    background: var(--child-surface-2);
    border: 1px solid var(--child-border);
    color: var(--child-text);
}

.child-search-submit:hover,
.home-hero-search-form button:hover,
.archive-search-form button:hover,
.child-search-toggle:hover,
.child-menu-toggle:hover,
.child-mobile-menu-close:hover,
.home-section-more:hover,
.home-panel-more:hover,
.archive-pagination .page-numbers:hover,
.movie-cta-btn:hover,
.series-cta-btn:hover,
.watch-nav-btn:hover,
.watch-action-btn:hover,
.bookmark:hover {
    background: var(--child-surface-3);
    border-color: var(--child-border-strong);
    transform: translateY(-1px);
}

.movie-cta-btn.is-primary,
.series-cta-btn.is-primary,
.watch-action-btn.is-primary {
    background: linear-gradient(135deg, var(--child-primary), var(--child-accent));
    color: #fff;
    border-color: transparent;
}

.movie-cta-btn.is-primary:hover,
.series-cta-btn.is-primary:hover,
.watch-action-btn.is-primary:hover {
    filter: brightness(1.06);
    transform: translateY(-1px);
}

.movie-cta-btn.is-secondary,
.series-cta-btn.is-secondary {
    background: rgba(255,255,255,0.04);
}

.movie-cta-btn.is-outline,
.series-cta-btn.is-outline {
    background: transparent;
}

.home-hero-kicker,
.home-featured-badge,
.movie-watch-badge,
.series-chip,
.watch-chip,
.home-hero-keywords a,
.child-season-count,
.child-season-current-badge,
.child-season-episode-number,
.child-season-episode-current-badge,
.child-episode-season,
.child-episode-number,
.child-episode-current-badge,
.series-badge,
.watch-badge,
.movie-badge,
.series-card-episode-pill span,
.watch-card-episode-pill span {
    background: rgba(79, 140, 255, 0.14);
    color: #dce8ff;
    border: 1px solid rgba(79, 140, 255, 0.22);
}

.series-badge.is-status,
.watch-badge.is-status {
    background: rgba(36, 194, 106, 0.14);
    color: #c8ffe0;
    border-color: rgba(36, 194, 106, 0.24);
}

.movie-badge.is-rating {
    background: rgba(255, 176, 32, 0.14);
    color: #ffe7b0;
    border-color: rgba(255, 176, 32, 0.24);
}

.series-badge.is-quality,
.watch-badge.is-quality,
.movie-badge.is-quality {
    background: rgba(124, 92, 255, 0.14);
    color: #e3d9ff;
    border-color: rgba(124, 92, 255, 0.24);
}

.home-quick-card,
.home-featured-card,
.home-featured-side-item,
.home-mini-item,
.series-card-link,
.watch-card-link,
.movie-card-link,
.child-episode-item,
.child-season-episode-item {
    background: var(--child-surface);
    border: 1px solid var(--child-border);
    box-shadow: var(--child-shadow);
}

.home-quick-card:hover,
.home-featured-card:hover,
.home-featured-side-item:hover,
.home-mini-item:hover,
.series-card-link:hover,
.watch-card-link:hover,
.movie-card-link:hover,
.child-episode-item:hover,
.child-season-episode-item:hover {
    transform: translateY(-2px);
    border-color: var(--child-border-strong);
    background: var(--child-surface-2);
}

.series-card-thumb-inner,
.watch-card-thumb-inner,
.movie-card-thumb-inner,
.home-featured-thumb,
.home-featured-side-thumb,
.home-mini-thumb {
    background: #10131a;
}

.series-card-thumb-inner img,
.watch-card-thumb-inner img,
.movie-card-thumb-inner img,
.home-featured-thumb img,
.home-featured-side-thumb img,
.home-mini-thumb img,
.movie-poster-box img,
.series-hero-poster img,
.watch-series-poster img {
    transition: transform 0.35s ease, opacity 0.35s ease;
}

.series-card-link:hover img,
.watch-card-link:hover img,
.movie-card-link:hover img,
.home-featured-card:hover img,
.home-featured-side-item:hover img,
.home-mini-item:hover img {
    transform: scale(1.03);
}

.series-card-overlay,
.watch-card-overlay,
.movie-card-overlay,
.home-featured-overlay {
    background: linear-gradient(to top, rgba(7, 9, 14, 0.78), rgba(7, 9, 14, 0.08));
}

.home-featured-side-meta,
.home-mini-meta,
.movie-card-submeta,
.series-card-submeta,
.watch-card-meta,
.movie-card-meta,
.series-card-meta,
.child-episode-list-count {
    color: var(--child-text-dim);
}

.series-card-title,
.watch-card-series-title,
.movie-card-title,
.home-featured-side-title,
.home-mini-title,
.child-episode-name,
.child-season-episode-title {
    color: var(--child-text);
}

.watch-card-episode-title,
.home-featured-desc {
    color: var(--child-text-soft);
}

.archive-pagination .page-numbers.current {
    background: linear-gradient(135deg, var(--child-primary), var(--child-accent));
    color: #fff;
    border-color: transparent;
}

.child-episode-item.is-current,
.child-season-group.is-current-season .child-season-toggle,
.child-season-episode-item.is-current {
    background: rgba(79, 140, 255, 0.08);
    border-color: rgba(79, 140, 255, 0.26);
}

.child-season-toggle {
    background: var(--child-surface-2);
    border-bottom: 1px solid rgba(255,255,255,0.04);
    color: var(--child-text);
}

.child-season-toggle:hover {
    background: var(--child-surface-3);
}

.child-season-panel {
    background: rgba(255,255,255,0.015);
}

.child-mobile-quick-item {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.06);
    color: var(--child-text);
    box-shadow: var(--child-shadow);
}

.child-mobile-quick-item:hover {
    background: rgba(255,255,255,0.08);
    transform: translateY(-1px);
}

.child-top-notice {
    border-bottom: 1px solid rgba(255,255,255,0.05);
    background: rgba(255,255,255,0.02);
    color: var(--child-text-soft);
}

.watch-series-meta li,
.movie-side-meta li,
.series-side-meta li,
.movie-meta-list li,
.series-meta-list li {
    padding-bottom: 10px;
    border-bottom: 1px dashed rgba(255,255,255,0.06);
}

.watch-series-meta li:last-child,
.movie-side-meta li:last-child,
.series-side-meta li:last-child,
.movie-meta-list li:last-child,
.series-meta-list li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.watch-series-meta strong,
.movie-side-meta strong,
.series-side-meta strong,
.movie-meta-list strong,
.series-meta-list strong {
    color: var(--child-text-soft);
}

.rtp .rtb {
    background: rgba(255,255,255,0.08);
    border-radius: 999px;
    overflow: hidden;
}

.rtp .rtb span {
    background: linear-gradient(90deg, var(--child-warning), var(--child-primary));
    display: block;
    height: 100%;
}

.annsingle,
.child-footer-top,
.home-hero-inner,
.archive-hero-inner,
.home-panel,
.home-empty-box,
.archive-empty,
.archive-pagination {
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.screen-reader-text {
    position: absolute !important;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.skip-link:focus {
    position: fixed !important;
    top: 12px;
    left: 12px;
    width: auto;
    height: auto;
    margin: 0;
    padding: 10px 14px;
    clip: auto;
    z-index: 99999;
    background: var(--child-primary);
    color: #fff;
    border-radius: 12px;
}

@media (max-width: 1024px) {
    :root {
        --child-gap: 14px;
    }
}

@media (max-width: 640px) {
    .child-container {
        width: min(100% - 24px, var(--child-container));
    }

    .bixbox,
    .home-hero-inner,
    .archive-hero-inner,
    .child-footer-top,
    .home-panel,
    .home-empty-box,
    .archive-empty,
    .archive-pagination {
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
    }
}