/* تب‌ها */
.profile-tabs {
    display: flex;
    justify-content: space-between; /* فاصله برابر بین تب‌ها */
    margin-bottom: 25px;
}

.profile-tabs .tab-btn {
    padding: 12px 25px;
    border: 2px solid #007bff;
    border-radius: 8px;
    background: transparent;
    color: #007bff;
    cursor: pointer;
    transition: all 0.3s;
    flex: 1; /* تنظیم فاصله برابر بین تب‌ها */
    margin: 0 10px; /* فاصله بین تب‌ها قابل تنظیم */
}

.profile-tabs .tab-btn:hover {
    background-color: #0056b3; /* رنگ پس‌زمینه در حالت هاور */
    color: #fff; /* رنگ متن در حالت هاور */
}

.profile-tabs .tab-btn.active {
    background-color: #007bff; /* رنگ پس‌زمینه در حالت فعال */
    color: white; /* رنگ متن در حالت فعال */
}

/* محتوای تب‌ها */
.tab-content {
    display: none;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
}

.tab-content.active {
    display: block;
    animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* ویجت علاقمندی‌ها */
.favorite-widget img {
    width: 40px;
    height: 40px;
    background-size: contain; /* جایگزین object-fit */
    background-position: center;
    background-repeat: no-repeat;
    transition: transform 0.3s ease;
}

.favorite-widget button {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
}

.favorite-widget button:hover img {
    transform: scale(1.1);
}

.favorite-widget button:hover {
    background: none; /* جلوگیری از تغییر رنگ پس‌زمینه به طوسی */
    border: none;
}

/* پیام‌ها */
.update-message .alert {
    padding: 10px;
    border-radius: 5px;
    margin-top: 15px;
}

.update-message .alert.error {
    background: #ffebee;
    color: #c62828;
}

.update-message .alert.success {
    background: #e8f5e9;
    color: #2e7d32;
}

/* کلاس‌های رنگی برای نوشته‌ها */
.color-primary {
    color: #007bff; /* رنگ اصلی */
}

.color-secondary {
    color: #6c757d; /* رنگ ثانویه */
}

/* کلاس‌های رنگی برای دکمه‌ها */
.btn-primary {
    background-color: #007bff;
    color: white;
    border: 2px solid #007bff; /* اضافه کردن حاشیه */
    border-radius: 5px; /* تنظیم شعاع کادر حاشیه */
}

.btn-primary:hover {
    background-color: #0056b3; /* رنگ هاور برای دکمه‌ها */
    color: #fff; /* رنگ متن در حالت هاور */
    border-color: #0056b3; /* رنگ حاشیه در حالت هاور */
}

.btn-secondary {
    background-color: #6c757d;
    color: white;
    border: 2px solid #6c757d; /* اضافه کردن حاشیه */
    border-radius: 5px; /* تنظیم شعاع کادر حاشیه */
}

.btn-secondary:hover {
    background-color: #5a6268; /* رنگ هاور برای دکمه‌ها */
    color: #fff; /* رنگ متن در حالت هاور */
    border-color: #5a6268; /* رنگ حاشیه در حالت هاور */
}

/* کلاس‌های تایپوگرافی */
.font-large {
    font-size: 1.5rem;
}

.font-small {
    font-size: 0.875rem;
}

/* کلاس‌های فاصله */
.margin-top {
    margin-top: 1rem;
}

.margin-bottom {
    margin-bottom: 1rem;
}

/* استایل لینک‌های لیست علاقه‌مندی‌ها */
.favorites-list a {
    color: #007bff; /* رنگ پیش‌فرض لینک‌ها */
    text-decoration: none;
    font-size: 1rem;
    transition: color 0.3s ease;
}

.favorites-list a:hover {
    color: #0056b3; /* رنگ لینک‌ها در حالت هاور */
}

/* کلاس‌های رنگی برای لینک‌ها */
.color-primary {
    color: #007bff; /* رنگ اصلی */
}

.color-secondary {
    color: #6c757d; /* رنگ ثانویه */
}

/* کلاس‌های تایپوگرافی */
.font-large {
    font-size: 1.5rem;
}

.font-small {
    font-size: 0.875rem;
}