/* فونت و تنظیمات کلی */
body {
    font-family: 'Vazirmatn', sans-serif;
    background-color: #f3f4f6;
    overflow: hidden;
}

/* رنگ‌های اختصاصی */
.bg-primary {
    background-color: #000044;
}

.text-primary {
    color: #000044;
}

.bg-accent {
    background-color: #C3B091;
}

.text-accent {
    color: #C3B091;
}

/* حباب پیام */
.message-bubble {
    max-width: 85%;
    word-wrap: break-word;
    position: relative;
}

/* جلوگیری از انتخاب متن در موبایل (برای منوی تاچ) */
.no-select {
    user-select: none;
    -webkit-user-select: none;
}

/* اسکرول بار سفارشی */
::-webkit-scrollbar {
    width: 4px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #C3B091;
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: #a39071;
}

/* کلاس‌های کمکی */
.hidden {
    display: none !important;
}

/* انیمیشن‌ها */
#context-menu {
    transition: opacity 0.1s ease-in-out;
}

.slide-up {
    animation: slideUp 0.2s ease-out forwards;
}

@keyframes slideUp {
    from {
        transform: translateY(100%);
        opacity: 0;
    }

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

/* تنظیمات ریسپانسیو */
@media (max-width: 1023px) {
    .mobile-hidden {
        display: none !important;
    }

    .mobile-flex {
        display: flex !important;
    }

    .mobile-w-full {
        width: 100% !important;
    }
}

/* style.css - افزوده شده به انتهای فایل جهت استایل پیش‌نمایش تصاویر */

.image-blur-preview {
    transition: filter 0.4s ease, opacity 0.4s ease;
    will-change: filter, opacity;
}

.download-overlay {
    transition: background-color 0.3s ease;
    pointer-events: none; /* باعث می‌شود کلیک مستقیماً به باکس والد منتقل شود */
}

/* برای اینکه آیکون لوسید داخل دکمه دانلود درست لود شود */
.download-overlay i {
    display: inline-block;
    vertical-align: middle;
}