body {
    font-family: 'Vazirmatn', sans-serif;
    background-color: #f8fafc; /* bg-slate-50 */
}

/* استایل برای انیمیشن نرم باز شدن کارت ها */
.session-card {
    opacity: 0;
    transform: translateY(25px);
    animation: fadeIn 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

@keyframes fadeIn {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* استایل سفارشی برای تب فعال */
.tab-active {
    background-color: #2563eb; /* bg-blue-600 */
    color: white;
    box-shadow: 0 4px 14px 0 rgba(0, 118, 255, 0.39);
}

/* استایل برای آیکون ستاره مورد علاقه */
.favorite-btn .star-filled {
    display: none;
}

.favorite-btn.favorited .star-filled {
    display: block;
    color: #facc15; /* yellow-400 */
}

.favorite-btn.favorited .star-outline {
    display: none;
}

/* استایل برای دکمه‌های فیلتر تاریخ */
.date-filter-btn {
    transition: all 0.2s ease-in-out;
    flex-shrink: 0; /* جلوگیری از کوچک شدن دکمه‌ها */
}

.date-filter-btn.active {
    background-color: #3b82f6; /* bg-blue-500 */
    color: white;
    border-color: #3b82f6;
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.4);
    transform: translateY(-1px);
}

/* راهنما: استایل برای اسکرول افقی تاریخ‌ها در موبایل */
.date-filter-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* اسکرول نرم در iOS */
}

#date-filter-container {
    white-space: nowrap; /* جلوگیری از شکستن خط و رفتن دکمه‌ها به خط بعد */
    padding: 2px; 
}

/* مخفی کردن نوار اسکرول برای ظاهر تمیزتر */
.date-filter-wrapper::-webkit-scrollbar {
    display: none;
}
.date-filter-wrapper {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}