/*
Theme Name: Anime Zero
Description: قالب فوق حرفه‌ای با طراحی سایبرپانک و متریال
Version: 3.0
*/

@import url('https://cdn.fontcdn.ir/Font/Persian/Vazir/Vazir.css');

:root {
    --bg-dark: #07070a;
    --surface: #12131c;
    --primary: #00e5ff;
    --primary-glow: rgba(0, 229, 255, 0.6);
    --secondary: #ff007f;
    --text-main: #f5f5f7;
    --text-muted: #8b8d9c;
}

body {
    background-color: var(--bg-dark);
    color: var(--text-main);
    font-family: 'Vazir', sans-serif;
    margin: 0; padding: 0; direction: rtl;
    scroll-behavior: smooth;
}

/* هدر حرفه‌ای */
header {
    display: flex; justify-content: space-between; align-items: center;
    padding: 20px 5%; background: rgba(18, 19, 28, 0.85);
    backdrop-filter: blur(20px); border-bottom: 1px solid rgba(0, 229, 255, 0.1);
    position: sticky; top: 0; z-index: 1000;
}

.logo { font-size: 24px; font-weight: 900; color: #fff; text-decoration: none; letter-spacing: 1px; }
.logo span { color: var(--primary); text-shadow: 0 0 15px var(--primary-glow); }

nav ul { list-style: none; display: flex; gap: 30px; margin: 0; padding: 0; }
nav a { color: var(--text-main); text-decoration: none; font-weight: 500; transition: 0.3s; }
nav a:hover { color: var(--primary); text-shadow: 0 0 10px var(--primary-glow); }

/* گرید انیمه‌ها */
.anime-container { padding: 50px 5%; max-width: 1400px; margin: auto; }
.section-title { font-size: 28px; margin-bottom: 30px; border-right: 4px solid var(--primary); padding-right: 15px; }

.grid {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 25px;
}

.card {
    background: var(--surface); border-radius: 16px; overflow: hidden;
    position: relative; transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border: 1px solid rgba(255,255,255,0.03);
}

.card:hover { transform: translateY(-12px); box-shadow: 0 15px 40px rgba(0, 229, 255, 0.15); border-color: rgba(0,229,255,0.3); }

.card-img { width: 100%; height: 340px; object-fit: cover; transition: 0.5s; }
.card:hover .card-img { transform: scale(1.05); filter: brightness(0.7); }

.score-badge {
    position: absolute; top: 15px; left: 15px; background: rgba(0,0,0,0.8);
    color: var(--primary); padding: 5px 10px; border-radius: 8px; font-weight: bold;
    backdrop-filter: blur(5px); border: 1px solid var(--primary);
}

.card-info { padding: 20px; position: relative; z-index: 2; background: linear-gradient(to top, var(--surface) 80%, transparent); }
.card-title { font-size: 18px; margin: 0 0 10px; }
.card-title a { color: #fff; text-decoration: none; }
.card:hover .card-title a { color: var(--primary); }

.meta-data { display: flex; justify-content: space-between; font-size: 12px; color: var(--text-muted); }

/* صفحه داخلی (Single) */
.single-header { display: flex; gap: 40px; background: var(--surface); padding: 40px; border-radius: 24px; margin-bottom: 40px; border: 1px solid rgba(255,255,255,0.05); }
.single-poster { width: 300px; border-radius: 16px; box-shadow: 0 10px 30px rgba(0,0,0,0.5); }
.anime-stats { background: rgba(0,0,0,0.3); padding: 20px; border-radius: 12px; display: inline-flex; gap: 20px; margin-top: 20px; border: 1px solid rgba(0, 229, 255, 0.2); }
.stat-item { text-align: center; }
.stat-value { display: block; color: var(--primary); font-size: 20px; font-weight: bold; margin-bottom: 5px; }
.stat-label { color: var(--text-muted); font-size: 12px; }