Update app.py

app.py

@@ -110,34 +110,53 @@ st.markdown("""
     }
     
     /* ========== استایل‌های خاص Selectbox ========== */
-    /* ح فلش پیشفرض */
-    .stSelectbox select {
-        color: var(--primary) !important;
-        background-color: transparent !important;
-        border: none !important;
-        width: 30px !important;
-        font-weight: bold !important;
+    /* حذف کامل فلش پیشفرض در تمام مرورگرها */
+    div[data-baseweb="select"] > div:first-child {
+        -webkit-appearance: none !important;
+        -moz-appearance: none !important;
+        appearance: none !important;
+        background-image: none !important;
+        padding-right: 40px !important;
     }
     
-    .stSelectbox select:hover {
-        background-color: #f0e6ff !important;
+    /* برای اینترنت اکسپلورر */
+    div[data-baseweb="select"] > div:first-child::-ms-expand {
+        display: none !important;
     }
     
-    /* لیست dropdown */
-    .stSelectbox [role="listbox"] {
-        background-color: white !important;
-        border: 1px var(--primary) !important;
-        box-shadow: 0 2px 6px rgba(0,0,0,0.1) !important;
+    /* ایجاد فلش سفارشی */
+    div[data-baseweb="select"] {
+        position: relative;
+    }
+
+    div[data-baseweb="select"]::after {
+        content: "▼";
+        position: absolute;
+        left: 12px;
+        top: 50%;
+        transform: translateY(-50%);
+        color: var(--primary);
+        font-size: 12px;
+        pointer-events: none;
     }
     
-    /* آیتم‌های dropdown */
-    .stSelectbox [role="option"] {
-        padding: 8px 12px !important;
-        color: var(--text) !important;
+    /* استایل اصلی جعبه انتخاب */
+    div[data-baseweb="select"] > div:first-child {
+        width: 100%;
+        background: white !important;
+        border: 1px solid var(--primary) !important;
+        border-radius: 4px !important;
+        padding: 10px 15px;
+        cursor: pointer;
     }
     
-    .stSelectbox [role="option"]:hover {
-        background-color: #f0e6ff !important;
+    /* استایل لیست dropdown */
+    div[role="listbox"] {
+        background-color: white !important;
+        border: 1px solid var(--primary) !important;
+        border-radius: 4px !important;
+        box-shadow: 0 2px 6px rgba(0,0,0,0.1) !important;
+        margin-top: 5px !important;
     }
     
     /* ========== استایل‌های Number Input ========== */