/* ============================================================ Light Mode — BastakMusic مسیر: wp-content/themes/bastakmusic/css/light-mode.css فعال‌سازی: وقتی روی کلاس theme-mode-light باشه ============================================================ */ /* ============================================================ ۱. متغیرهای رنگی ============================================================ */ html.theme-mode-light { --bg-dark: #f5f5f7; --bg-card: #ffffff; --bg-glass: rgba(255, 255, 255, 0.7); --text-light: #1a1a2e; --text-secondary: #4a4a6a; --text-muted: #7a7a90; --text-dim: #9a9ab0; --border: rgba(0, 0, 0, 0.08); --border-soft: rgba(0, 0, 0, 0.04); --primary: #d63052; --primary-dark: #b02445; --primary-light: #e94560; --blue: #3b82f6; } /* ============================================================ ۲. بدنه اصلی ============================================================ */ html.theme-mode-light body { background: #f5f5f7 !important; color: #1a1a2e !important; } html.theme-mode-light .bg-stone-900 { background-color: #f5f5f7 !important; } /* ============================================================ ۳. هدر ============================================================ */ html.theme-mode-light .mega-header { background: rgba(255, 255, 255, 0.85); border-bottom-color: rgba(0, 0, 0, 0.08); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.06); } html.theme-mode-light .mega-logo .logo-text { color: #1a1a2e; } html.theme-mode-light .mega-menu-item > a { color: rgba(26, 26, 46, 0.75); } html.theme-mode-light .mega-menu-item > a:hover { color: #1a1a2e; background: rgba(0, 0, 0, 0.05); } html.theme-mode-light .mega-menu-item.current-menu-item > a { color: var(--primary); background: rgba(214, 48, 82, 0.1); } html.theme-mode-light .mega-arrow { color: rgba(0, 0, 0, 0.3); } html.theme-mode-light .mega-submenu { background: rgba(255, 255, 255, 0.98); border-color: rgba(0, 0, 0, 0.06); box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12); } html.theme-mode-light .mega-submenu .mega-menu-item > a { color: rgba(26, 26, 46, 0.75); } html.theme-mode-light .mega-submenu .mega-menu-item > a:hover { background: rgba(214, 48, 82, 0.08); color: var(--primary); } html.theme-mode-light .mega-header-actions button { background: rgba(0, 0, 0, 0.05); color: rgba(26, 26, 46, 0.75); } html.theme-mode-light .mega-header-actions button:hover { background: rgba(0, 0, 0, 0.1); color: #1a1a2e; } html.theme-mode-light .mega-search-box { background: rgba(255, 255, 255, 0.98); border-bottom-color: rgba(0, 0, 0, 0.06); box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1); } html.theme-mode-light .mega-search-box form { background: rgba(0, 0, 0, 0.03); border-color: rgba(0, 0, 0, 0.08); } html.theme-mode-light .mega-search-box input { color: #1a1a2e; } html.theme-mode-light .mega-search-box input::placeholder { color: rgba(26, 26, 46, 0.4); } html.theme-mode-light .mega-search-box button { color: rgba(26, 26, 46, 0.5); } html.theme-mode-light .mega-notif-box { background: rgba(255, 255, 255, 0.98); border-color: rgba(0, 0, 0, 0.06); box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12); } html.theme-mode-light .mega-notif-box::before { border-bottom-color: rgba(255, 255, 255, 0.98); } html.theme-mode-light .notif-badge { border-color: #f5f5f7; } html.theme-mode-light .notif-header { border-bottom-color: rgba(0, 0, 0, 0.06); } html.theme-mode-light .notif-header span:first-child { color: #1a1a2e; } html.theme-mode-light .notif-header .notif-count { color: rgba(26, 26, 46, 0.5); background: rgba(0, 0, 0, 0.04); } html.theme-mode-light .notif-item:hover { background: rgba(0, 0, 0, 0.03); } html.theme-mode-light .notif-item img { border-color: rgba(0, 0, 0, 0.06); } html.theme-mode-light .notif-item-title { color: #1a1a2e; } html.theme-mode-light .notif-item-date { color: rgba(26, 26, 46, 0.4); } /* ============================================================ ۴. فوتر ============================================================ */ html.theme-mode-light .footer-modern { background: #ffffff; border-top-color: rgba(0, 0, 0, 0.08); box-shadow: 0 -4px 30px rgba(0, 0, 0, 0.04); } html.theme-mode-light .footer-title { color: #1a1a2e; } html.theme-mode-light .footer-link { color: rgba(26, 26, 46, 0.6); } html.theme-mode-light .footer-link:hover { color: var(--primary); } html.theme-mode-light .footer-row-top { border-bottom-color: rgba(0, 0, 0, 0.06); } html.theme-mode-light .social-link { background: rgba(0, 0, 0, 0.04); border-color: rgba(0, 0, 0, 0.06); color: rgba(26, 26, 46, 0.6); } html.theme-mode-light .social-link:hover { background: var(--primary); color: #ffffff; border-color: var(--primary); } html.theme-mode-light .footer-row-copyright p { color: rgba(26, 26, 46, 0.4); } html.theme-mode-light .stats-footer-wrapper { border-bottom-color: rgba(0, 0, 0, 0.06); } html.theme-mode-light .stats-footer-wrapper .stat-number { color: #1a1a2e; } html.theme-mode-light .stats-footer-wrapper .stat-label { color: rgba(26, 26, 46, 0.4); } html.theme-mode-light .app-download-wrapper { background: linear-gradient(135deg, #ffffff 0%, #f5f5f7 100%); border-bottom-color: rgba(0, 0, 0, 0.06); } html.theme-mode-light .app-download-title { color: #1a1a2e; } html.theme-mode-light .app-download-desc { color: rgba(26, 26, 46, 0.5); } html.theme-mode-light .app-download-version { color: rgba(26, 26, 46, 0.4); } /* ============================================================ ۵. پلیر فوتر ============================================================ */ html.theme-mode-light .player { background: rgba(255, 255, 255, 0.95) !important; border-color: rgba(0, 0, 0, 0.08) !important; box-shadow: 0 8px 40px rgba(0, 0, 0, 0.12); } html.theme-mode-light .player .songname { color: #1a1a2e !important; } html.theme-mode-light .player .artistname { color: rgba(26, 26, 46, 0.6) !important; } html.theme-mode-light .player .timer, html.theme-mode-light .player .duration { color: rgba(26, 26, 46, 0.5); } html.theme-mode-light .player .seekbar { background: rgba(0, 0, 0, 0.08); } html.theme-mode-light .playlist { background: rgba(255, 255, 255, 0.98); border-color: rgba(0, 0, 0, 0.08); box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15); } html.theme-mode-light .playlist .ttllist { background: rgba(0, 0, 0, 0.02); border-bottom-color: rgba(0, 0, 0, 0.06); } html.theme-mode-light .playlist .ttllist b { color: #1a1a2e; } html.theme-mode-light .playlist .ttllist .close { color: rgba(26, 26, 46, 0.5); } html.theme-mode-light .playlist .track:hover { background: rgba(0, 0, 0, 0.04); } html.theme-mode-light .playlist .track.active { background: rgba(59, 130, 246, 0.08); } html.theme-mode-light .playlist .track .songn { color: #1a1a2e; } html.theme-mode-light .playlist .track .artistn { color: rgba(26, 26, 46, 0.5); } html.theme-mode-light .playlist .track .post img { border-color: rgba(0, 0, 0, 0.06); } html.theme-mode-light .playlist .track .actions i { color: rgba(26, 26, 46, 0.4); } /* ============================================================ ۶. منوی موبایل ============================================================ */ html.theme-mode-light .fixedside-bottom { background: rgba(255, 255, 255, 0.95); border-top-color: rgba(0, 0, 0, 0.08); } html.theme-mode-light .fixedside-bottom li a { color: rgba(26, 26, 46, 0.6); } html.theme-mode-light .fixedside-bottom li a:hover { color: var(--primary); } html.theme-mode-light .fixedside { background: rgba(255, 255, 255, 0.95); border-color: rgba(0, 0, 0, 0.06); } /* ============================================================ ۷. مودال‌ها ============================================================ */ html.theme-mode-light .report-modal-overlay, html.theme-mode-light .lyrics-modal-overlay { background: rgba(0, 0, 0, 0.5); } html.theme-mode-light .report-modal, html.theme-mode-light .lyrics-modal-container { background: #ffffff; border-color: rgba(0, 0, 0, 0.08); box-shadow: 0 30px 80px rgba(0, 0, 0, 0.15); } html.theme-mode-light .report-modal-header, html.theme-mode-light .lyrics-modal-header { border-bottom-color: rgba(0, 0, 0, 0.06); } html.theme-mode-light .report-modal-header h3, html.theme-mode-light .lyrics-modal-title { color: #1a1a2e; } html.theme-mode-light .lyrics-modal-header { background: #ffffff; } html.theme-mode-light .report-modal-close, html.theme-mode-light .lyrics-modal-close { color: rgba(26, 26, 46, 0.5); } html.theme-mode-light .report-modal-desc, html.theme-mode-light .lyrics-modal-body { color: rgba(26, 26, 46, 0.7); } html.theme-mode-light .report-form-group label { color: rgba(26, 26, 46, 0.7); } html.theme-mode-light .report-form-group select, html.theme-mode-light .report-form-group input, html.theme-mode-light .report-form-group textarea { background: rgba(0, 0, 0, 0.03); border-color: rgba(0, 0, 0, 0.1); color: #1a1a2e; } html.theme-mode-light .report-form-group select option { background: #ffffff; color: #1a1a2e; } /* ============================================================ ۸. کلاس‌های Tailwind ============================================================ */ html.theme-mode-light .bg-stone-950, html.theme-mode-light .bg-stone-900, html.theme-mode-light .bg-stone-800, html.theme-mode-light .bg-stone-700 { background-color: rgba(0, 0, 0, 0.04) !important; } html.theme-mode-light .bg-black { background-color: rgba(0, 0, 0, 0.04) !important; } html.theme-mode-light .bg-zinc-950 { background-color: #ffffff !important; } html.theme-mode-light .bg-white { background-color: rgba(0, 0, 0, 0.04) !important; } html.theme-mode-light .bg-gray-200 { background-color: rgba(0, 0, 0, 0.1) !important; } html.theme-mode-light .text-white { color: #1a1a2e !important; } html.theme-mode-light .text-gray-300, html.theme-mode-light .text-gray-400 { color: rgba(26, 26, 46, 0.6) !important; } html.theme-mode-light .text-gray-600 { color: rgba(26, 26, 46, 0.5) !important; } html.theme-mode-light .text-stone-200, html.theme-mode-light .text-stone-300 { color: rgba(26, 26, 46, 0.7) !important; } html.theme-mode-light .text-stone-400, html.theme-mode-light .text-stone-600 { color: rgba(26, 26, 46, 0.5) !important; } html.theme-mode-light .border-stone-100, html.theme-mode-light .border-stone-50 { border-color: rgba(0, 0, 0, 0.08) !important; } html.theme-mode-light .border-stone-700, html.theme-mode-light .border-stone-800 { border-color: rgba(0, 0, 0, 0.08) !important; } /* ============================================================ ۹. دکمه تغییر تم ============================================================ */ html.theme-mode-light .theme-toggle-btn, html.theme-mode-light #themeToggle { background: rgba(0, 0, 0, 0.05); border-color: rgba(0, 0, 0, 0.08); color: #1a1a2e; } html.theme-mode-light .theme-toggle-btn:hover, html.theme-mode-light #themeToggle:hover { background: rgba(0, 0, 0, 0.1); } /* ============================================================ ۱۰. اسکرول‌بار ============================================================ */ html.theme-mode-light ::-webkit-scrollbar { width: 10px; height: 10px; } html.theme-mode-light ::-webkit-scrollbar-track { background: #f0f0f5; } html.theme-mode-light ::-webkit-scrollbar-thumb { background: #c8c8d0; border-radius: 5px; } html.theme-mode-light ::-webkit-scrollbar-thumb:hover { background: #a0a0b0; } /* ============================================================ ۱۱. پس‌زمینه‌های hardcoded ============================================================ */ html.theme-mode-light .topshadow { opacity: 0.15; background: linear-gradient(180deg, #E20B0B 0%, rgba(171, 171, 171, 0.3) 52.08%, transparent 99.48%); } html.theme-mode-light .fixedside { background: linear-gradient(178deg, rgba(0, 0, 0, 0.02) 0%, transparent 100%); border-color: rgba(0, 0, 0, 0.04); } html.theme-mode-light .ads { background-color: rgba(214, 48, 82, 0.06); } html.theme-mode-light .blogsingle article hr { border-color: rgba(0, 0, 0, 0.1); } html.theme-mode-light .blogsingle .cats a { background: rgba(0, 0, 0, 0.06); color: rgba(26, 26, 46, 0.8); } html.theme-mode-light .blogsingle .alert { background: rgba(0, 0, 0, 0.06); color: #1a1a2e; } html.theme-mode-light table td { border-color: rgba(0, 0, 0, 0.08); } html.theme-mode-light .formbox input, html.theme-mode-light .formbox textarea { background-color: rgba(0, 0, 0, 0.03); color: #1a1a2e; } html.theme-mode-light .gk_pgnum a, html.theme-mode-light .gk_pgnum span { background: rgba(0, 0, 0, 0.06); color: rgba(26, 26, 46, 0.8); } html.theme-mode-light .gk_pgnum a:hover, html.theme-mode-light .gk_pgnum .current { color: #ffffff; } html.theme-mode-light .loadmore { border-color: rgba(0, 0, 0, 0.1); color: #1a1a2e; } html.theme-mode-light ::selection { background: #d63052; color: #ffffff; } html.theme-mode-light .ipost .content .maintext a { color: #0056a8; } /* ============================================================ ۱۲. انیمیشن نرم موقع تغییر تم ============================================================ */ html.theme-transition, html.theme-transition body, html.theme-transition * { transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease !important; } /* ============================================================ ۱۳. بخش آلبوم (album.css) ============================================================ */ /* کارت آلبوم — گرادیان تیره اوورلی */ html.theme-mode-light .album-card-overlay { background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.6) 60%, rgba(255, 255, 255, 0.9) 100% ); } /* دکمه پلی آلبوم */ html.theme-mode-light .album-card-play i { color: #ffffff; /* روی گرادیان نارنجی، سفید بمونه */ } /* نام آهنگ و خواننده روی اوورلی */ html.theme-mode-light .album-card-title { color: #1a1a2e; text-shadow: 0 1px 4px rgba(255, 255, 255, 0.6); } html.theme-mode-light .album-card-artist { color: rgba(26, 26, 46, 0.7); text-shadow: 0 1px 4px rgba(255, 255, 255, 0.6); } /* ترک‌های آلبوم — پس‌زمینه روشن */ html.theme-mode-light .album-track-item { background: rgba(0, 0, 0, 0.02); } html.theme-mode-light .album-track-item:hover { background: rgba(0, 0, 0, 0.05); } /* دکمه پلی ترک */ html.theme-mode-light .album-track-item .track-play-btn { background: rgba(0, 0, 0, 0.06); color: rgba(26, 26, 46, 0.7); } html.theme-mode-light .album-track-item .track-play-btn i { color: rgba(26, 26, 46, 0.6); } html.theme-mode-light .album-track-item .track-play-btn:hover { background: var(--primary); } html.theme-mode-light .album-track-item .track-play-btn:hover i { color: #ffffff; } /* شماره ترک */ html.theme-mode-light .album-track-item .track-number { color: rgba(26, 26, 46, 0.3); } html.theme-mode-light .album-track-item:hover .track-number { color: rgba(26, 26, 46, 0.5); } /* استتس کوچک (تعداد آهنگ) */ html.theme-mode-light .album-stats-mini { background: rgba(0, 0, 0, 0.05); border-color: rgba(0, 0, 0, 0.06); } /* تعداد ترک در هدر */ html.theme-mode-light .album-tracks-header .track-count { background: rgba(0, 0, 0, 0.05); border-color: rgba(0, 0, 0, 0.06); } /* مرز هدر ترک‌ها */ html.theme-mode-light .album-tracks-header { border-bottom-color: rgba(0, 0, 0, 0.06); } /* پس‌زمینه بخش ترک‌های آلبوم */ html.theme-mode-light .album-tracks-section { background: rgba(255, 255, 255, 0.6); border-color: rgba(0, 0, 0, 0.05); } html.theme-mode-light .album-tracks-section:hover { border-color: rgba(233, 69, 96, 0.2); } /* اطلاعات هنرمند آلبوم */ html.theme-mode-light .album-artist-info { background: rgba(255, 255, 255, 0.6); border-color: rgba(0, 0, 0, 0.05); } /* دکمه دانلود ترک */ html.theme-mode-light .album-track-item .track-download-btn { background: rgba(0, 0, 0, 0.03); border-color: rgba(0, 0, 0, 0.08); color: rgba(26, 26, 46, 0.6); } /* کیفیت بالا (سبز) */ html.theme-mode-light .album-track-item .track-download-btn.quality-high { background: rgba(76, 175, 80, 0.1); border-color: rgba(76, 175, 80, 0.2); color: #2e7d32; } html.theme-mode-light .album-track-item .track-download-btn.quality-high:hover { background: rgba(76, 175, 80, 0.25); color: #1b5e20; } /* کیفیت پایین (آبی) */ html.theme-mode-light .album-track-item .track-download-btn.quality-low { background: rgba(33, 150, 243, 0.1); border-color: rgba(33, 150, 243, 0.2); color: #1565c0; } html.theme-mode-light .album-track-item .track-download-btn.quality-low:hover { background: rgba(33, 150, 243, 0.25); color: #0d47a1; } /* ============================================================ ۱۴. صفحه هنرمند (artist-page.css) ============================================================ */ /* گلو آواتار */ html.theme-mode-light .artist-avatar-glow { background: radial-gradient(circle, rgba(233, 69, 96, 0.15), transparent 70%); } /* قاب آواتار */ html.theme-mode-light .artist-avatar-glass { background: rgba(0, 0, 0, 0.03); border-color: rgba(0, 0, 0, 0.08); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.6); } /* نام هنرمند */ html.theme-mode-light .artist-name-title { text-shadow: 0 2px 20px rgba(255, 255, 255, 0.5); } /* باکس شیشه‌ای اسم */ html.theme-mode-light .glass-text { background: rgba(255, 255, 255, 0.7); border-color: rgba(0, 0, 0, 0.06); } /* آمار شیشه‌ای */ html.theme-mode-light .artist-stats-glass { background: rgba(255, 255, 255, 0.6); border-color: rgba(0, 0, 0, 0.06); } html.theme-mode-light .stat-link:hover { background: rgba(0, 0, 0, 0.05); } /* دکمه bio */ html.theme-mode-light .bio-toggle { background: rgba(0, 0, 0, 0.03); border-color: rgba(0, 0, 0, 0.06); } html.theme-mode-light .bio-toggle:hover { background: rgba(0, 0, 0, 0.06); } /* دکمه "نمایش بیشتر" */ html.theme-mode-light .section-more-glass { background: rgba(0, 0, 0, 0.03); border-color: rgba(0, 0, 0, 0.06); } /* شمارنده */ html.theme-mode-light .section-count { background: rgba(0, 0, 0, 0.03); border-color: rgba(0, 0, 0, 0.06); } /* پس‌زمینه کارت هنرمند (اسلایدر) */ html.theme-mode-light .artist-card-image { background: #f0f0f5; border-color: rgba(0, 0, 0, 0.06); } /* دایره دکمه پلی */ html.theme-mode-light .play-circle { background: rgba(255, 255, 255, 0.95); border-color: rgba(0, 0, 0, 0.15); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); } html.theme-mode-light .play-circle i { color: #1a1a2e; } html.theme-mode-light .artist-card-play-btn:hover .play-circle i { color: var(--primary); } /* پس‌زمینه گرید هنرمندان */ html.theme-mode-light .artist-grid-image { background: #f0f0f5; border-color: rgba(0, 0, 0, 0.06); } /* اوورلی گرید */ html.theme-mode-light .artist-grid-overlay { background: rgba(255, 255, 255, 0.5); } html.theme-mode-light .artist-grid-play i { color: #ffffff; /* روی گرادیان صورتی، سفید */ } /* متن کارت در گرید */ html.theme-mode-light .artist-grid-title { color: #1a1a2e; } /* باکس خالی */ html.theme-mode-light .artist-empty-glass i { color: rgba(26, 26, 46, 0.3); } /* ============================================================ ۱۵. صفحه دانلود (download.css) ============================================================ */ /* اوورلی پلی روی تصویر */ html.theme-mode-light .hero-col-image-new .hero-play-overlay { background: rgba(255, 255, 255, 0.5); } html.theme-mode-light .play-video-text { color: #ffffff; /* روی دکمه آبی، سفید بمونه */ text-shadow: 0 2px 10px rgba(0, 0, 0, 0.4); } /* دکمه پلی ویدیو */ html.theme-mode-light .play-video-content { background: rgba(96, 165, 250, 0.15); border-color: rgba(96, 165, 250, 0.3); } html.theme-mode-light .play-video-content:hover { background: rgba(96, 165, 250, 0.25); } /* آمار زیر تصویر */ html.theme-mode-light .hero-stats-under-image .hero-stat { background: rgba(0, 0, 0, 0.03); } html.theme-mode-light .hero-stats-under-image .hero-stat:hover { background: rgba(0, 0, 0, 0.06); border-color: rgba(0, 0, 0, 0.08); } /* تولتیپ */ html.theme-mode-light .hero-stats-under-image .hero-stat .tooltip-text { background: rgba(30, 30, 30, 0.95); color: #ffffff; } html.theme-mode-light .hero-stats-under-image .hero-stat .tooltip-text::after { border-top-color: rgba(30, 30, 30, 0.95); } /* باکس اشتراک‌گذاری */ html.theme-mode-light .hero-stats-under-image .hero-stat .sharebox { background: rgba(255, 255, 255, 0.98); border-color: rgba(0, 0, 0, 0.08); box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15); } html.theme-mode-light .hero-stats-under-image .hero-stat .sharebox a { color: rgba(26, 26, 46, 0.7); } html.theme-mode-light .hero-stats-under-image .hero-stat .sharebox a:hover { color: var(--primary); } /* تگ‌های زیر آهنگ */ html.theme-mode-light .hero-col-info-new .hero-tag { background: rgba(0, 120, 220, 0.1); border-color: rgba(0, 120, 220, 0.2); color: #0066cc; } html.theme-mode-light .hero-col-info-new .hero-tag:hover { background: rgba(0, 120, 220, 0.2); border-color: rgba(0, 120, 220, 0.4); color: #1a1a2e; } /* کانتینر اصلی صفحه پست در لایت */ html.theme-mode-light .hero-container-new { background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.06); box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.02); } /* عنوان "اطلاعات آهنگ" در لایت */ html.theme-mode-light .hero-col-content-new .hero-content-title { color: #c23152; background: rgba(233, 69, 96, 0.08); border-color: rgba(233, 69, 96, 0.2); } /* متن "اطلاعات آهنگ" در لایت */ html.theme-mode-light .hero-col-content-new .hero-content-inner { color: rgba(26, 26, 46, 0.75); } /* مودال متن ترانه */ html.theme-mode-light .lyrics-modal-container { background: rgba(255, 255, 255, 0.98); border-color: rgba(0, 0, 0, 0.08); box-shadow: 0 30px 80px rgba(0, 0, 0, 0.2); } html.theme-mode-light .lyrics-modal-header { border-bottom-color: rgba(0, 0, 0, 0.06); } html.theme-mode-light .lyrics-modal-footer { border-top-color: rgba(0, 0, 0, 0.06); } html.theme-mode-light .lyrics-modal-body::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.02); } html.theme-mode-light .lyrics-modal-body::-webkit-scrollbar-thumb { background: rgba(0, 120, 220, 0.3); } html.theme-mode-light .lyrics-modal-body::-webkit-scrollbar-thumb:hover { background: rgba(0, 120, 220, 0.5); } /* دکمه کپی متن ترانه */ html.theme-mode-light .copy-lyrics-btn { background: rgba(0, 0, 0, 0.04); border-color: rgba(0, 0, 0, 0.08); color: rgba(26, 26, 46, 0.7); } html.theme-mode-light .copy-lyrics-btn:hover { background: rgba(233, 69, 96, 0.1); color: #1a1a2e; } /* پلیر ویدیو */ html.theme-mode-light .video-player-wrapper { background: rgba(255, 255, 255, 0.98); border-color: rgba(0, 0, 0, 0.1); box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2); } html.theme-mode-light .video-player-wrapper video { background: #000; /* ویدیو سیاه می‌مونه */ } /* دکمه گزارش */ html.theme-mode-light .report-btn { background: rgba(0, 0, 0, 0.04); border-color: rgba(0, 0, 0, 0.08); color: rgba(26, 26, 46, 0.6); } html.theme-mode-light .report-btn:hover { background: rgba(233, 69, 96, 0.1); color: var(--primary); } /* مودال گزارش */ html.theme-mode-light .report-modal { background: rgba(255, 255, 255, 0.98); border-color: rgba(0, 0, 0, 0.08); box-shadow: 0 30px 80px rgba(0, 0, 0, 0.2); } html.theme-mode-light .report-modal-header { border-bottom-color: rgba(0, 0, 0, 0.06); } html.theme-mode-light .report-modal-desc { color: rgba(26, 26, 46, 0.6); } html.theme-mode-light .report-form-group label { color: rgba(26, 26, 46, 0.7); } html.theme-mode-light .report-form-group select, html.theme-mode-light .report-form-group input, html.theme-mode-light .report-form-group textarea { background: rgba(0, 0, 0, 0.03); border-color: rgba(0, 0, 0, 0.1); color: #1a1a2e; } html.theme-mode-light .report-form-group select:focus, html.theme-mode-light .report-form-group input:focus, html.theme-mode-light .report-form-group textarea:focus { background: rgba(0, 0, 0, 0.05); border-color: rgba(233, 69, 96, 0.4); } html.theme-mode-light .report-form-group select option { background: #ffffff; color: #1a1a2e; } /* ============================================================ ۱۶. بخش هوش مصنوعی / مداحی (madahi.css) — لایت مود ============================================================ */ /* ===== هدر بخش — سفید ===== */ html.theme-mode-light .madahi-section-modern .section-header { background: #ffffff; padding: 12px 16px; border-radius: 12px; border: 1px solid rgba(0, 0, 0, 0.05); margin-bottom: 16px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03); } /* ===== عنوان بخش — قرمز ===== */ html.theme-mode-light .madahi-section-modern .section-title { color: #c23152 !important; } html.theme-mode-light .madahi-section-modern .section-title i { color: #c23152 !important; filter: drop-shadow(0 0 12px rgba(233, 69, 96, 0.4)); } /* ===== دکمه "نمایش بیشتر" ===== */ html.theme-mode-light .madahi-section-modern .section-more { background: rgba(0, 0, 0, 0.03); border-color: rgba(0, 0, 0, 0.06); color: rgba(26, 26, 46, 0.6); } html.theme-mode-light .madahi-section-modern .section-more:hover { color: #c23152; background: rgba(233, 69, 96, 0.08); border-color: rgba(233, 69, 96, 0.25); } /* ===== کارت — پس‌زمینه سفید ===== */ html.theme-mode-light .madahi-card-inner { background: linear-gradient( 145deg, #ffffff 0%, #f5faf5 100% ); border-color: rgba(76, 175, 80, 0.2); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.8); } html.theme-mode-light .madahi-card-inner:hover { border-color: rgba(233, 69, 96, 0.4); box-shadow: 0 20px 50px rgba(233, 69, 96, 0.15), 0 0 0 1px rgba(233, 69, 96, 0.25), inset 0 1px 0 rgba(255, 255, 255, 1); } /* ===== گلو روی hover ===== */ html.theme-mode-light .madahi-card-glow { filter: blur(50px) saturate(1.5) hue-rotate(60deg) brightness(1.3); } /* ===== پس‌زمینه کاور ===== */ html.theme-mode-light .madahi-card-cover { background: #e8f5e9; } /* ============================================================ پس‌زمینه کانتینر بخش هوش مصنوعی در لایت مود ============================================================ */ html.theme-mode-light .madahi-glass-wrapper { background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.06); box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.02); } /* ===== گرادیان پایین کاور ===== */ html.theme-mode-light .madahi-card-cover::after { background: linear-gradient( 180deg, transparent 40%, rgba(0, 30, 10, 0.35) 100% ); } /* ===== عنوان آهنگ — قرمز ===== */ html.theme-mode-light .madahi-card-song { color: #c23152 !important; } html.theme-mode-light .madahi-card-inner:hover .madahi-card-song { color: #e94560 !important; text-shadow: none !important; } /* ===== خواننده — خاکستری تیره، در hover قرمز ===== */ html.theme-mode-light .madahi-card-artist { color: rgba(26, 26, 46, 0.65) !important; } html.theme-mode-light .madahi-card-inner:hover .madahi-card-artist { color: #c23152 !important; } /* ===== خط جداکننده اطلاعات ===== */ html.theme-mode-light .madahi-card-info::before { background: linear-gradient(90deg, transparent, rgba(233, 69, 96, 0.2), transparent); } /* ===== موبایل: دکمه پلی ===== */ @media (hover: none) { html.theme-mode-light .madahi-card-play { box-shadow: 0 6px 20px rgba(233, 69, 96, 0.4); } } /* ============================================================ ۱۷. بخش موزیک (music.css) ============================================================ */ /* پس‌زمینه کارت موزیک — از تیره به سفید */ html.theme-mode-light .music-card-inner { background: linear-gradient( 145deg, #ffffff 0%, #fafafa 100% ); border-color: rgba(233, 69, 96, 0.15); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.8); } html.theme-mode-light .music-card-inner:hover { border-color: rgba(233, 69, 96, 0.4); box-shadow: 0 20px 50px rgba(233, 69, 96, 0.15), 0 0 0 1px rgba(233, 69, 96, 0.25), inset 0 1px 0 rgba(255, 255, 255, 1); } /* گلو رنگی روی hover — روشن‌تر */ html.theme-mode-light .music-card-glow { filter: blur(50px) saturate(1.6) brightness(1.3); } /* پس‌زمینه کاور */ html.theme-mode-light .music-card-cover { background: #f0f0f5; } /* گرادیان پایین کاور */ html.theme-mode-light .music-card-cover::after { background: linear-gradient( 180deg, transparent 50%, rgba(0, 0, 0, 0.25) 100% ); } /* دکمه "نمایش بیشتر" */ html.theme-mode-light .music-section-modern .section-more { background: rgba(0, 0, 0, 0.03); border-color: rgba(0, 0, 0, 0.06); } /* خط جداکننده اطلاعات */ html.theme-mode-light .music-card-info::before { background: linear-gradient(90deg, transparent, rgba(233, 69, 96, 0.2), transparent); } /* ===== عنوان آهنگ — قرمز ===== */ html.theme-mode-light .music-card-song { color: #c23152 !important; } html.theme-mode-light .music-card-inner:hover .music-card-song { color: #e94560 !important; text-shadow: none !important; } /* ===== خواننده — خاکستری تیره، در hover قرمز ===== */ html.theme-mode-light .music-card-artist { color: rgba(26, 26, 46, 0.65) !important; } html.theme-mode-light .music-card-inner:hover .music-card-artist { color: #c23152 !important; } /* موبایل: دکمه پلی */ @media (hover: none) { html.theme-mode-light .music-card-play { box-shadow: 0 6px 20px rgba(233, 69, 96, 0.35); } } /* ============================================================ ۱۸. بخش پادکست (podcast.css) ============================================================ */ /* پس‌زمینه کارت پادکست — از تیره به سفید */ html.theme-mode-light .podcast-card-inner { background: linear-gradient( 145deg, #ffffff 0%, #f8f8fc 100% ); border-color: rgba(99, 102, 241, 0.15); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.8); } html.theme-mode-light .podcast-card-inner:hover { border-color: rgba(99, 102, 241, 0.4); box-shadow: 0 20px 50px rgba(99, 102, 241, 0.15), 0 0 0 1px rgba(99, 102, 241, 0.25), inset 0 1px 0 rgba(255, 255, 255, 1); } /* گلو بنفش روی hover — روشن‌تر */ html.theme-mode-light .podcast-card-glow { filter: blur(50px) saturate(1.6) hue-rotate(220deg) brightness(1.3); } /* پس‌زمینه کاور */ html.theme-mode-light .podcast-card-cover { background: #f0f0f8; } /* گرادیان پایین کاور */ html.theme-mode-light .podcast-card-cover::after { background: linear-gradient( 180deg, transparent 40%, rgba(20, 18, 50, 0.35) 100% ); } html.theme-mode-light .podcast-card-song { color: #c23152 !important; } html.theme-mode-light .podcast-card-inner:hover .podcast-card-song { color: #e94560 !important; text-shadow: none !important; } /* دکمه "نمایش بیشتر" */ html.theme-mode-light .podcast-section-modern .section-more { background: rgba(0, 0, 0, 0.03); border-color: rgba(0, 0, 0, 0.06); } /* خط جداکننده اطلاعات */ html.theme-mode-light .podcast-card-info::before { background: linear-gradient(90deg, transparent, rgba(99, 102, 241, 0.2), transparent); } /* خواننده در hover */ html.theme-mode-light .podcast-card-inner:hover .podcast-card-artist { color: #4f46e5; } /* نام آهنگ در hover */ html.theme-mode-light .podcast-card-inner:hover .podcast-card-song { color: #4f46e5; text-shadow: none; } /* موبایل: دکمه پلی */ @media (hover: none) { html.theme-mode-light .podcast-card-play { box-shadow: 0 6px 20px rgba(99, 102, 241, 0.35); } } /* ============================================================ ۱۹. بخش جزیرتی / ریمیکس (remix.css) ============================================================ */ /* پس‌زمینه کارت ریمیکس — از تیره به سفید */ html.theme-mode-light .remix-card-inner { background: linear-gradient( 145deg, #ffffff 0%, #f6f8ff 100% ); border-color: rgba(96, 165, 250, 0.15); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.8); } html.theme-mode-light .remix-card-inner:hover { border-color: rgba(96, 165, 250, 0.4); box-shadow: 0 20px 50px rgba(96, 165, 250, 0.15), 0 0 0 1px rgba(96, 165, 250, 0.25), inset 0 1px 0 rgba(255, 255, 255, 1); } /* گلو آبی روی hover — روشن‌تر */ html.theme-mode-light .remix-card-glow { filter: blur(50px) saturate(1.6) hue-rotate(180deg) brightness(1.3); } /* پس‌زمینه کاور */ html.theme-mode-light .remix-card-cover { background: #eef3fc; } /* گرادیان پایین کاور */ html.theme-mode-light .remix-card-cover::after { background: linear-gradient( 180deg, transparent 40%, rgba(15, 30, 60, 0.35) 100% ); } /* دکمه "نمایش بیشتر" */ html.theme-mode-light .remix-section-modern .section-more { background: rgba(0, 0, 0, 0.03); border-color: rgba(0, 0, 0, 0.06); } /* خط جداکننده اطلاعات */ html.theme-mode-light .remix-card-info::before { background: linear-gradient(90deg, transparent, rgba(96, 165, 250, 0.2), transparent); } /* ===== عنوان آهنگ — قرمز ===== */ html.theme-mode-light .remix-card-song { color: #c23152 !important; } html.theme-mode-light .remix-card-inner:hover .remix-card-song { color: #e94560 !important; text-shadow: none !important; } /* ===== خواننده — خاکستری تیره، در hover قرمز ===== */ html.theme-mode-light .remix-card-artist { color: rgba(26, 26, 46, 0.65) !important; } html.theme-mode-light .remix-card-inner:hover .remix-card-artist { color: #c23152 !important; } /* موبایل: دکمه پلی */ @media (hover: none) { html.theme-mode-light .remix-card-play { box-shadow: 0 6px 20px rgba(96, 165, 250, 0.35); } } /* ============================================================ ۲۰. بخش هنرمندان برتر (singer.css) ============================================================ */ /* پس‌زمینه کارت هنرمند */ html.theme-mode-light .top-artist-inner { background: linear-gradient( 135deg, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.01) ); border-color: rgba(0, 0, 0, 0.06); box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06); } html.theme-mode-light .top-artist-inner:hover { background: rgba(0, 0, 0, 0.04); border-color: rgba(96, 165, 250, 0.3); box-shadow: 0 8px 40px rgba(96, 165, 250, 0.15), 0 4px 20px rgba(0, 0, 0, 0.08); } /* پس‌زمینه قاب آواتار */ html.theme-mode-light .top-artist-cover-wrapper { background: rgba(0, 0, 0, 0.04); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); } html.theme-mode-light .top-artist-cover-wrapper::before { background: linear-gradient(135deg, rgba(96, 165, 250, 0.25), rgba(168, 85, 247, 0.15)); } /* گلو آبی روشن‌تر */ html.theme-mode-light .top-artist-cover-glow { background: radial-gradient(circle, rgba(96, 165, 250, 0.25), transparent 70%); } /* تصویر خواننده — مرز روشن‌تر */ html.theme-mode-light .top-artist-cover-image { border-color: rgba(0, 0, 0, 0.08); } /* نام خواننده — سایه روشن */ html.theme-mode-light .top-artist-name { text-shadow: 0 2px 10px rgba(255, 255, 255, 0.6); } /* تعداد آثار */ html.theme-mode-light .top-artist-works { color: #3b82f6; text-shadow: 0 2px 8px rgba(255, 255, 255, 0.4); } /* دکمه "نمایش بیشتر" */ html.theme-mode-light .top-artist-more-btn { background: rgba(0, 0, 0, 0.04); border-color: rgba(0, 0, 0, 0.08); color: rgba(26, 26, 46, 0.7); box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04); } html.theme-mode-light .top-artist-more-btn:hover { background: rgba(96, 165, 250, 0.12); border-color: rgba(96, 165, 250, 0.3); color: #1a1a2e; } /* ============================================================ ۲۱. بخش آمار (stat.css) ============================================================ */ /* پس‌زمینه بخش آمار */ html.theme-mode-light .stats-section { background: rgba(255, 255, 255, 0.7); border-color: rgba(0, 0, 0, 0.06); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06); } html.theme-mode-light .stats-section:hover { border-color: rgba(233, 69, 96, 0.2); box-shadow: 0 6px 25px rgba(0, 0, 0, 0.1); } /* هدر آمار */ html.theme-mode-light .stats-header { border-bottom-color: rgba(0, 0, 0, 0.06); } /* عنوان آمار */ html.theme-mode-light .stats-title { color: #1a1a2e; } /* بج آمار */ html.theme-mode-light .stats-badge { background: rgba(233, 69, 96, 0.12); border-color: rgba(233, 69, 96, 0.2); } /* تاریخ */ html.theme-mode-light .stats-date { color: rgba(26, 26, 46, 0.4); } /* کارت آمار */ html.theme-mode-light .stat-card { background: rgba(0, 0, 0, 0.03); border-color: rgba(0, 0, 0, 0.05); } html.theme-mode-light .stat-card:hover { background: rgba(0, 0, 0, 0.06); border-color: rgba(0, 0, 0, 0.08); } /* اعداد و برچسب آمار */ html.theme-mode-light .stat-number { color: #1a1a2e; } html.theme-mode-light .stat-label { color: rgba(26, 26, 46, 0.6); } /* ============================================================ ۲۲. بخش VIP (vip.css) ============================================================ */ /* پس‌زمینه کارت VIP */ html.theme-mode-light .vip-card-inner { background: rgba(255, 255, 255, 0.7); border-color: rgba(0, 0, 0, 0.06); box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06); } html.theme-mode-light .vip-card-glass:hover .vip-card-inner { background: rgba(240, 248, 255, 0.9); border-color: rgba(0, 150, 255, 0.4); box-shadow: 0 16px 48px rgba(0, 100, 255, 0.15); } /* اوورلی روی تصویر */ html.theme-mode-light .vip-card-overlay { background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.8) 100% ); } /* دکمه پلی — سفید بماند */ html.theme-mode-light .vip-card-play i { color: #ffffff; } /* اطلاعات کارت */ html.theme-mode-light .vip-card-info { background: rgba(255, 255, 255, 0.92); border-color: rgba(0, 150, 255, 0.15); box-shadow: 0 8px 24px rgba(0, 100, 255, 0.08); } /* نام آهنگ در کارت */ html.theme-mode-light .vip-card-title { color: #1a1a2e; text-shadow: 0 1px 4px rgba(255, 255, 255, 0.6); } html.theme-mode-light .vip-card-glass:hover .vip-card-title { color: #0066cc; } /* نام هنرمند */ html.theme-mode-light .vip-card-artist { color: #4a6a8a; text-shadow: 0 1px 4px rgba(255, 255, 255, 0.6); } html.theme-mode-light .vip-card-glass:hover .vip-card-artist { color: #0066cc; } /* موبایل (hover: none) */ @media (hover: none) { html.theme-mode-light .vip-card-info { background: rgba(255, 255, 255, 0.9); } html.theme-mode-light .vip-card-overlay { background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.6) 100% ); } html.theme-mode-light .vip-card-title { color: #0066cc; } html.theme-mode-light .vip-card-artist { color: #0066cc; } } /* ============================================================ ۲۳. صفحه پست (single.php) ============================================================ */ /* مرز کلی صفحه */ html.theme-mode-light .xl\:border-l { border-color: rgba(0, 0, 0, 0.08) !important; } /* ============================================ بخش "آهنگ‌های بیشتر از ..." ============================================ */ /* لینک خواننده */ html.theme-mode-light .text-red-600 { color: #d63052 !important; } html.theme-mode-light .text-red-600:hover { color: #1a1a2e !important; } /* کانتینر لیست آهنگ‌های مرتبط */ html.theme-mode-light .viewest { border-color: rgba(0, 0, 0, 0.08) !important; } /* هر آیتم توی لیست */ html.theme-mode-light .viewest a.group { background: rgba(0, 0, 0, 0.02) !important; border-color: rgba(0, 0, 0, 0.06) !important; } html.theme-mode-light .viewest a.group:hover { background: rgba(0, 0, 0, 0.05) !important; } /* ============================================ متن‌های صفحه پست ============================================ */ /* نام آهنگ توی لیست */ html.theme-mode-light .viewest .text-white, html.theme-mode-light .viewest h2.text-white { color: #1a1a2e !important; } /* خواننده */ html.theme-mode-light .viewest .text-gray-300 { color: rgba(26, 26, 46, 0.6) !important; } /* آیکون موسیقی کنار هر آیتم */ html.theme-mode-light .viewest .text-gray-400 { color: rgba(26, 26, 46, 0.4) !important; } /* ============================================ باکس اطلاعات آهنگ (hero-content) ============================================ */ html.theme-mode-light .hero-content-inner { color: rgba(26, 26, 46, 0.75); } html.theme-mode-light .hero-content-inner p { color: rgba(26, 26, 46, 0.75); } html.theme-mode-light .hero-content-title { color: rgba(26, 26, 46, 0.5); } /* ============================================ کامنت‌ها ============================================ */ html.theme-mode-light .comment { border-bottom-color: rgba(0, 0, 0, 0.06) !important; } html.theme-mode-light .comment b { color: #1a1a2e !important; } html.theme-mode-light .comment .rounded-full { background: #4CAF50 !important; color: #ffffff !important; } html.theme-mode-light .comment-text, html.theme-mode-light .comment .my-2 { color: rgba(26, 26, 46, 0.8); } html.theme-mode-light .comment .text-stone-400 { color: rgba(26, 26, 46, 0.5) !important; } html.theme-mode-light .comment .text-stone-200 { color: #1a1a2e !important; } /* دکمه لایک کامنت */ html.theme-mode-light .likecm { color: rgba(26, 26, 46, 0.5); } /* ============================================ دکمه‌های اشتراک‌گذاری و آمار ============================================ */ html.theme-mode-light .hero-stats-under-image .hero-stat { background: rgba(0, 0, 0, 0.03); color: rgba(26, 26, 46, 0.6); } html.theme-mode-light .hero-stats-under-image .hero-stat:hover { background: rgba(0, 0, 0, 0.06); color: var(--primary); } html.theme-mode-light .hero-stats-under-image .hero-stat i { color: rgba(26, 26, 46, 0.5); } html.theme-mode-light .hero-stats-under-image .hero-stat:hover i { color: var(--primary); } html.theme-mode-light .hero-stats-under-image .hero-stat span { color: rgba(26, 26, 46, 0.7); } /* باکس اشتراک‌گذاری */ html.theme-mode-light .sharebox { background: rgba(255, 255, 255, 0.98) !important; border-color: rgba(0, 0, 0, 0.1) !important; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12); } html.theme-mode-light .sharebox a { color: rgba(26, 26, 46, 0.6) !important; } html.theme-mode-light .sharebox a:hover { color: var(--primary) !important; } /* ============================================ باکس‌های عمومی ============================================ */ /* خط جداکننده */ html.theme-mode-light .border-stone-700 { border-color: rgba(0, 0, 0, 0.08) !important; } html.theme-mode-light .border-white.border-opacity-10 { border-color: rgba(0, 0, 0, 0.06) !important; } /* پس‌زمینه‌های عمومی */ html.theme-mode-light .bg-white.bg-opacity-5 { background-color: rgba(0, 0, 0, 0.03) !important; } /* ============================================ دکمه‌های دانلود ============================================ */ /* دکمه اصلی (قرمز) */ html.theme-mode-light .hero-download-primary { color: #ffffff !important; } /* دکمه ویدیو (بنفش) */ html.theme-mode-light .hero-download-video { background: rgba(156, 39, 176, 0.1); border-color: rgba(156, 39, 176, 0.3); color: #6a1b9a !important; } html.theme-mode-light .hero-download-video:hover { background: rgba(156, 39, 176, 0.2); border-color: rgba(156, 39, 176, 0.5); color: #4a148c !important; } /* دکمه آلبوم (نارنجی) */ html.theme-mode-light .hero-download-album { background: rgba(255, 152, 0, 0.1); border-color: rgba(255, 152, 0, 0.3); color: #e65100 !important; } html.theme-mode-light .hero-download-album:hover { background: rgba(255, 152, 0, 0.2); border-color: rgba(255, 152, 0, 0.5); color: #bf360c !important; } /* ============================================ دکمه متن ترانه ============================================ */ html.theme-mode-light .hero-lyrics-btn { background: rgba(233, 69, 96, 0.1); border-color: rgba(233, 69, 96, 0.25); color: #c23152 !important; } html.theme-mode-light .hero-lyrics-btn:hover { background: rgba(233, 69, 96, 0.2); border-color: rgba(233, 69, 96, 0.4); color: #a01e3e !important; } html.theme-mode-light .hero-lyrics-btn i { color: #c23152 !important; } /* ============================================ تگ‌های زیر نام آهنگ ============================================ */ html.theme-mode-light .hero-tag { background: rgba(0, 120, 220, 0.1); border-color: rgba(0, 120, 220, 0.25); color: #0066cc !important; } html.theme-mode-light .hero-tag:hover { background: rgba(0, 120, 220, 0.2); border-color: rgba(0, 120, 220, 0.4); color: #1a1a2e !important; } /* ============================================ عنوان آهنگ اصلی ============================================ */ html.theme-mode-light .hero-song-title { color: #1a1a2e !important; } html.theme-mode-light .hero-artist, html.theme-mode-light .hero-artist a { color: var(--primary) !important; } /* ============================================ دکمه MP3 320 (کیفیت بالا - سبز) ============================================ */ html.theme-mode-light .hero-download-high { background: rgba(76, 175, 80, 0.12); border-color: rgba(76, 175, 80, 0.3); color: #2e7d32 !important; } html.theme-mode-light .hero-download-high:hover { background: rgba(76, 175, 80, 0.22); border-color: rgba(76, 175, 80, 0.5); color: #1b5e20 !important; box-shadow: 0 8px 26px rgba(76, 175, 80, 0.2); } html.theme-mode-light .hero-download-high i { color: #2e7d32 !important; } /* ============================================ دکمه MP3 128 (کیفیت پایین - آبی) ============================================ */ html.theme-mode-light .hero-download-low { background: rgba(33, 150, 243, 0.12); border-color: rgba(33, 150, 243, 0.3); color: #1565c0 !important; } html.theme-mode-light .hero-download-low:hover { background: rgba(33, 150, 243, 0.22); border-color: rgba(33, 150, 243, 0.5); color: #0d47a1 !important; box-shadow: 0 8px 26px rgba(33, 150, 243, 0.2); } html.theme-mode-light .hero-download-low i { color: #1565c0 !important; } /* ============================================ دکمه لایک ============================================ */ html.theme-mode-light .hero-download-like { background: rgba(233, 69, 96, 0.08); border-color: rgba(233, 69, 96, 0.2); color: #c23152 !important; cursor: pointer; } html.theme-mode-light .hero-download-like:hover { background: rgba(233, 69, 96, 0.15); border-color: rgba(233, 69, 96, 0.35); color: #a01e3e !important; } html.theme-mode-light .hero-download-like i { color: #c23152 !important; } html.theme-mode-light .hero-download-like.liked i, html.theme-mode-light .hero-download-like .icon-heart-full { color: #ef4444 !important; } /* ============================================ دکمه اشتراک‌گذاری ============================================ */ html.theme-mode-light .hero-download-share { background: rgba(99, 102, 241, 0.1); border-color: rgba(99, 102, 241, 0.25); color: #4f46e5 !important; cursor: pointer; } html.theme-mode-light .hero-download-share:hover { background: rgba(99, 102, 241, 0.2); border-color: rgba(99, 102, 241, 0.4); color: #3730a3 !important; } html.theme-mode-light .hero-download-share i { color: #4f46e5 !important; } /* ============================================ دکمه‌های عمومی دانلود (سازگاری) ============================================ */ /* مرز دکمه‌ها */ html.theme-mode-light .hero-download-btn { border-color: rgba(0, 0, 0, 0.08); } html.theme-mode-light .hero-download-btn:hover { box-shadow: 0 8px 26px rgba(0, 0, 0, 0.08); } /* ============================================================ نام خواننده در صفحه آلبوم — لایت ============================================================ */ html.theme-mode-light .album-artist-name a, html.theme-mode-light .album-artist-name span, html.theme-mode-light .album-artist-info .album-artist-name a { color: #c23152 !important; } html.theme-mode-light .album-artist-name a:hover { color: #e94560 !important; } /* ============================================================ لوگو در حالت لایت مود ============================================================ */ html.theme-mode-light .mega-logo img { filter: brightness(0) saturate(100%) invert(18%) sepia(65%) saturate(3000%) hue-rotate(330deg) brightness(90%) contrast(95%); } /* موزیک → ته‌رنگ قرمز ملایم */ html.theme-mode-light .music-glass-wrapper { background: linear-gradient(135deg, #ffffff 0%, #fff8f8 100%); border: 1px solid rgba(233, 69, 96, 0.08); } /* ============================================================ عنوان آهنگ هوش مصنوعی (madahi) در لایت مود ============================================================ */ html.theme-mode-light .madahi-card-song { color: #c23152 !important; } html.theme-mode-light .madahi-card-inner:hover .madahi-card-song { color: #e94560 !important; text-shadow: none !important; } /* نام خواننده هم اصلاح بشه */ html.theme-mode-light .madahi-card-artist { color: rgba(26, 26, 46, 0.65) !important; } html.theme-mode-light .madahi-card-inner:hover .madahi-card-artist { color: #c23152 !important; } /* پادکست → ته‌رنگ بنفش ملایم */ html.theme-mode-light .podcast-glass-wrapper { background: linear-gradient(135deg, #ffffff 0%, #f8f8ff 100%); border: 1px solid rgba(99, 102, 241, 0.1); } /* جزیرتی → ته‌رنگ آبی ملایم */ html.theme-mode-light .remix-glass-wrapper { background: linear-gradient(135deg, #ffffff 0%, #f6f9ff 100%); border: 1px solid rgba(96, 165, 250, 0.1); } /* آلبوم → ته‌رنگ نارنجی ملایم */ html.theme-mode-light .album-glass-wrapper { background: linear-gradient(135deg, #ffffff 0%, #fffaf5 100%); border: 1px solid rgba(255, 152, 0, 0.1); } /* فقط متن قرمز، آیکون رنگ اصلی خودش رو نگه داره */ html.theme-mode-light .music-section-modern .section-title, html.theme-mode-light .podcast-section-modern .section-title, html.theme-mode-light .madahi-section-modern .section-title, html.theme-mode-light .remix-section-modern .section-title, html.theme-mode-light .album-section-modern .section-title { color: #c23152 !important; } /* کارت‌های آمار با ته‌رنگ‌های متفاوت */ html.theme-mode-light .stat-card:nth-child(1) { background: linear-gradient(135deg, #ffffff 0%, #fff5f7 100%); border-color: rgba(233, 69, 96, 0.12); } html.theme-mode-light .stat-card:nth-child(2) { background: linear-gradient(135deg, #ffffff 0%, #f5faff 100%); border-color: rgba(96, 165, 250, 0.12); } html.theme-mode-light .stat-card:nth-child(3) { background: linear-gradient(135deg, #ffffff 0%, #f5faf5 100%); border-color: rgba(76, 175, 80, 0.12); } html.theme-mode-light .stat-card:nth-child(4) { background: linear-gradient(135deg, #ffffff 0%, #fffaf5 100%); border-color: rgba(255, 152, 0, 0.12); } html.theme-mode-light .stat-card:nth-child(5) { background: linear-gradient(135deg, #ffffff 0%, #f8f8ff 100%); border-color: rgba(99, 102, 241, 0.12); } /* hover: پررنگ‌تر */ html.theme-mode-light .stat-card:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06); } /* ============================================================ نام هنرمند برتر در لایت مود ============================================================ */ html.theme-mode-light .top-artist-name { color: #c23152 !important; text-shadow: none !important; } html.theme-mode-light .top-artist-inner:hover .top-artist-name { color: #e94560 !important; } /* ============================================================ صفحه هنرمند در لایت مود — پس‌زمینه سفید ============================================================ */ /* ===== کارت اصلی هنرمند (بالای صفحه) ===== */ html.theme-mode-light .artist-glass-inner { background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.06); box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.02); } /* ===== بخش‌های پایین صفحه (لیست آهنگ‌ها) ===== */ html.theme-mode-light .artist-section-glass { background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.06); box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.02); } /* ===== هدر بخش (عنوان + دکمه) ===== */ html.theme-mode-light .section-header-glass { border-bottom: 1px solid rgba(0, 0, 0, 0.06); padding-bottom: 12px; margin-bottom: 16px; } /* ===== عنوان بخش ===== */ html.theme-mode-light .section-title-glass { color: #c23152 !important; } html.theme-mode-light .section-title-glass i { color: #c23152 !important; } /* ===== دکمه "نمایش بیشتر" ===== */ html.theme-mode-light .section-more-glass { color: rgba(26, 26, 46, 0.6); background: rgba(0, 0, 0, 0.03); border-color: rgba(0, 0, 0, 0.06); } html.theme-mode-light .section-more-glass:hover { color: #c23152; background: rgba(233, 69, 96, 0.08); border-color: rgba(233, 69, 96, 0.25); } /* ===== شمارنده (مثلاً ۱۰ آهنگ) ===== */ html.theme-mode-light .section-count { color: rgba(26, 26, 46, 0.6); background: rgba(0, 0, 0, 0.03); border-color: rgba(0, 0, 0, 0.06); } /* ============================================================ نام هنرمند و نام آهنگ در صفحه هنرمند — لایت مود ============================================================ */ /* ===== نام هنرمند (بالای صفحه) ===== */ html.theme-mode-light .artist-name-title { color: #c23152 !important; text-shadow: none !important; } /* ===== نام آهنگ در کارت‌ها ===== */ html.theme-mode-light .artist-card-title { color: #c23152 !important; } html.theme-mode-light .artist-card-glass:hover .artist-card-title { color: #e94560 !important; } /* ===== نام خواننده زیر نام آهنگ ===== */ html.theme-mode-light .artist-card-artist { color: rgba(26, 26, 46, 0.65) !important; } html.theme-mode-light .artist-card-glass:hover .artist-card-artist { color: #c23152 !important; } /* فقط بخش هوش مصنوعی */