/**
 * رفع پس‌زمینه صفحه اصلی - نسخه رویایی با افکت تکراری
 */

/* پس‌زمینه اصلی */
body.home {
    background: #0a0a0f !important;
    position: relative;
    overflow-x: hidden;
}

/* ========== دایره‌های نور متحرک و تکراری در تمام صفحه ========== */

/* دایره طلایی - بالا راست */
body.home::before {
    content: '';
    position: fixed;
    top: -200px;
    right: -200px;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, #f5c518, transparent 70%);
    border-radius: 50%;
    filter: blur(100px);
    opacity: 0.15;
    pointer-events: none;
    animation: glowMove1 20s ease-in-out infinite;
}

/* دایره قرمز - پایین چپ */
body.home::after {
    content: '';
    position: fixed;
    bottom: -200px;
    left: -200px;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, #e50914, transparent 70%);
    border-radius: 50%;
    filter: blur(100px);
    opacity: 0.12;
    pointer-events: none;
    animation: glowMove2 25s ease-in-out infinite;
}

/* دایره بنفش - وسط */
.dream-bg-blur-1 {
    position: fixed;
    top: 30%;
    left: 20%;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, #8b5cf6, transparent 70%);
    border-radius: 50%;
    filter: blur(120px);
    opacity: 0.1;
    pointer-events: none;
    z-index: 0;
    animation: glowMove3 18s ease-in-out infinite;
}

/* دایره آبی - پایین راست */
.dream-bg-blur-2 {
    position: fixed;
    bottom: 20%;
    right: 15%;
    width: 450px;
    height: 450px;
    background: radial-gradient(circle, #06b6d4, transparent 70%);
    border-radius: 50%;
    filter: blur(120px);
    opacity: 0.08;
    pointer-events: none;
    z-index: 0;
    animation: glowMove4 22s ease-in-out infinite;
}

/* دایره سبز - بالا چپ */
.dream-bg-blur-3 {
    position: fixed;
    top: 15%;
    left: 10%;
    width: 350px;
    height: 350px;
    background: radial-gradient(circle, #22c55e, transparent 70%);
    border-radius: 50%;
    filter: blur(100px);
    opacity: 0.07;
    pointer-events: none;
    z-index: 0;
    animation: glowMove5 28s ease-in-out infinite;
}

/* دایره صورتی - وسط پایین */
.dream-bg-blur-4 {
    position: fixed;
    bottom: 30%;
    left: 40%;
    width: 380px;
    height: 380px;
    background: radial-gradient(circle, #ec4899, transparent 70%);
    border-radius: 50%;
    filter: blur(110px);
    opacity: 0.09;
    pointer-events: none;
    z-index: 0;
    animation: glowMove1 24s ease-in-out infinite;
}

/* انیمیشن حرکت دایره‌ها */
@keyframes glowMove1 {
    0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.15; }
    50% { transform: translate(30px, -30px) scale(1.1); opacity: 0.22; }
}

@keyframes glowMove2 {
    0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.12; }
    50% { transform: translate(-40px, 40px) scale(1.15); opacity: 0.2; }
}

@keyframes glowMove3 {
    0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.1; }
    50% { transform: translate(50px, 20px) scale(1.2); opacity: 0.18; }
}

@keyframes glowMove4 {
    0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.08; }
    50% { transform: translate(-30px, -50px) scale(1.25); opacity: 0.15; }
}

@keyframes glowMove5 {
    0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.07; }
    50% { transform: translate(20px, 40px) scale(1.18); opacity: 0.14; }
}

/* ========== حذف بک‌گراند همه سکشن‌ها ========== */
.home .slider-section,
.home .stories-wrapper,
.home .deskstop-stories,
.home .stories-mobile,
.home .filter-simple-wrapper,
.home .filter-simple-container,
.home .movies-grid-section,
.home .series-grid-section,
.home .popular-movies-section,
.home .latest-posts-section,
.home .glass-card,
.home .movie-card,
.home section,
.home div[class*="section"],
.home div[class*="grid"],
.home .card-inner,
.home .card-poster {
    background: transparent !important;
    background-image: none !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
}

.home .site-main,
.home .site-content {
    background: transparent !important;
}

/* کارت‌ها شیشه‌ای بمانند */
.home .movie-card,
.home .glass-card,
.home .filter-simple-container {
    background: rgba(20, 20, 30, 0.4) !important;
    backdrop-filter: blur(10px) !important;
}