/* رفع مشکل نمایش متن گزینه‌ها در select برای نسخه دسکتاپ */

/* حذف استایل‌های پیش‌فرض select */
select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

/* اضافه کردن فلش سفارشی و تنظیمات RTL */
select {
    background: white url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E") no-repeat;
    background-size: 1.5em 1.5em;
    background-position: left 0.5rem center;
    padding-left: 2.5rem;
    padding-right: 0.75rem;
    color: #374151;
    text-align: right;
    direction: rtl;
}

/* اطمینان از نمایش صحیح گزینه‌ها */
select option {
    color: #374151 !important;
    background: white !important;
    padding: 8px 12px;
    direction: rtl;
    text-align: right;
}

/* رفع مشکل در مرورگرهای مختلف */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    select {
        background-position: left 0.5rem center;
    }
}

/* رفع مشکل در Firefox */
@-moz-document url-prefix() {
    select {
        background-position: left 0.5rem center;
        text-indent: 0.01px;
        text-overflow: '';
    }
}

/* رفع مشکل در Safari */
@supports (-webkit-appearance: none) {
    select {
        background-position: left 0.5rem center;
    }
}

/* تنظیمات ویژه برای موبایل */
@media (max-width: 768px) {
    select {
        font-size: 16px; /* جلوگیری از zoom در iOS */
    }
}