/* --- دکمه‌های عمومی --- */
.nav-actions { display: flex; align-items: center; gap: 0.8rem; }
.btn { padding: 0.5rem 1.4rem; border-radius: 30px; border: none; font-weight: 600; font-size: 0.9rem; cursor: pointer; transition: all 0.25s ease; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; background: transparent; color: #d0d0e0; height: 42px; }
.btn-primary { background: #5b5bff; color: #fff; border: 1px solid #5b5bff; }
.btn-primary:hover { background: #4a4aff; border-color: #4a4aff; box-shadow: 0 0 18px rgba(91, 91, 255, 0.4); }

/* --- دکمه تغییر تم (تاریک/روشن) --- */
.theme-switch {
    background: linear-gradient(145deg, #0f172a, #1e293b);
    box-shadow: inset 4px 4px 8px rgba(0,0,0,0.6);
    border: 1px solid rgba(255,255,255,0.08);
    transition: all 0.3s ease;
    padding: 0 1.2rem;
    position: relative;
    overflow: hidden;
    height: 42px; /* هم‌تراز شدن با دکمه‌های دیگر */
}
.theme-switch::before {
    content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(135deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 40%);
    pointer-events: none; border-radius: 50px; z-index: 2;
}
html.light-mode .theme-switch {
    background: linear-gradient(145deg, #d1d5db, #eef2f5);
    box-shadow: inset 4px 4px 8px rgba(0,0,0,0.15);
    border: 1px solid rgba(0,0,0,0.08);
}

/* --- کانتینر آیکون‌ها --- */
.icon-container { position: relative; width: 24px; height: 24px; flex-shrink: 0; z-index: 1; }

/* --- استایل آیکون‌های ماه و خورشید --- */
.icon-moon, .icon-sun {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/* ===== حالت تاریک (پیش‌فرض) ===== */
.icon-moon {
    opacity: 1;
    transform: scale(1) rotate(0deg);
    fill: #ffffff;
    filter: drop-shadow(0 0 12px #60a5fa) drop-shadow(0 0 25px #3b82f6);
}
.icon-sun {
    opacity: 0;
    transform: scale(0.5) rotate(90deg);
    fill: #f59e0b;
}
.icon-sun g {
    stroke: #f59e0b; /* پرتوهای خورشید در حالت تاریک */
}

/* ===== حالت روشن (Light Mode) ===== */
/* ماه مخفی میشه */
html.light-mode .icon-moon {
    opacity: 0;
    transform: scale(0.5) rotate(-90deg);
    fill: #1e293b;
    filter: none;
}

/* خورشید ظاهر میشه و رنگ‌ها درست می‌شن */
html.light-mode .icon-sun {
    opacity: 1;
    transform: scale(1) rotate(0deg);
    fill: #f59e0b; /* رنگ مرکز خورشید (نارنجی) */
}
/* ▲▲▲ مهمترین قسمت: اصلاح رنگ پرتوهای خورشید در حالت لایت ▲▲▲ */
html.light-mode .icon-sun circle {
    fill: #f59e0b; /* مرکز خورشید */
}
html.light-mode .icon-sun g {
    stroke: #1e293b; /* پرتوهای اطراف خورشید (مشکی / خاکستری تیره) */
}