Update app.py

app.py

@@ -58,7 +58,7 @@ st.markdown("""
         font-size: 14px !important;
     }
 
-    /* باکس‌های ورودی */
+    /* باکس‌های ورودی - عمومی */
     .stTextInput input, 
     .stNumberInput input, 
     .stSelectbox select,
@@ -67,13 +67,22 @@ st.markdown("""
     .stTimeInput input,
     .stMultiSelect div[role="combobox"],
     div[data-testid="stVerticalBlock"] > div[data-testid="stHorizontalBlock"] > div > div > div > div > input,
-    /* لیست dropdown */
     .st-bq, .st-br, .st-bs, .st-bt, .st-bu, .st-bv, .st-bw, .st-bx, .st-by, .st-bz {
-        color: var(--text) !important;
+        color: #000000 !important;
         background-color: var(--input-bg) !important;
+        border: 1px solid var(--primary) !important;
+    }
+
+    /* حالت فوکوس */
+    .stTextInput input:focus, 
+    .stNumberInput input:focus, 
+    .stSelectbox select:focus,
+    .stTextArea textarea:focus {
+        border-color: var(--primary) !important;
+        box-shadow: 0 0 0 2px rgba(106, 13, 173, 0.2) !important;
     }
 
-    /* استایل برای متن بالای باکس‌های دموگرافیک */
+    /* لیبل‌ها */
     .stTextInput > label,
     .stNumberInput > label,
     .stSelectbox > label,
@@ -89,7 +98,7 @@ st.markdown("""
         opacity: 0.7 !important;
     }
 
-    /* دکمه اصلی (بنفش با متن سفید) */
+    /* دکمه‌ها */
     .stButton>button, 
     [data-testid="baseButton-primary"],
     .accept-btn,
@@ -102,19 +111,6 @@ st.markdown("""
         font-weight: bold !important;
     }
 
-    /* دکمه ثانویه (سفید با حاشیه بنفش) */
-    .stFormSubmitButton>button,
-    [data-testid="baseButton-secondary"],
-    .reject-btn {
-        background-color: var(--primary) !important;
-        color: var(--input-bg) !important;
-        border: 1px solid var(--primary) !important;
-        border-radius: 8px !important;
-        padding: 10px 20px !important;
-        font-weight: bold !important;
-    }
-
-
     /* کامپوننت‌های سفارشی */
     .rahyar-header {
         background-color: var(--primary) !important;
@@ -133,85 +129,13 @@ st.markdown("""
         border-right: 5px solid var(--primary) !important;
     }
 
-    .rahyar-price {
-        color: var(--primary) !important;
-        font-size: 28px !important;
-        font-weight: bold !important;
-    }
-
-    /* فرم دموگرافیک */
-    .stSelectbox > div > div {
-        background-color: white !important;
-        color: var(--text) !important;
-    }
-    
-    .stSelectbox option {
-        background-color: white !important;
-        color: var(--text) !important;
-    }
-
-    /* توضیحات */
-    .explanation-title {
-        color: var(--primary) !important;
-        font-weight: bold !important;
-        margin: 20px 0 10px 0 !important;
-        font-size: 18px !important;
-    }
-
-    .explanation-item {
-        background-color: var(--secondary-bg) !important;
-        border-radius: 8px !important;
-        padding: 12px 15px !important;
-        margin: 8px 0 !important;
-        border-right: 3px solid var(--primary) !important;
-    }
-
-    /* استایل برای سوالات رادیویی و گزینه‌ها */
-    .stRadio > label,
-    .stRadio > div > label,
-    .stRadio > div > div > label,
-    .stRadio > div > div > div > label,
-    .stRadio span {
-        color: black !important;
-    }
-    
-    /* استایل برای متن سوالات */
-    .stMarkdown h3, 
-    .stMarkdown p {
-        color: black !important;
-    }
-    
-    /* استایل برای دکمه ثبت */
-    .stButton > button {
-        color: white !important;
-    }
-
-    /* پیام موفقیت */
-    .stAlert .stSuccess {
-        color: var(--text) !important;
-        background-color: #f0fff0 !important;
-    }
-
-
-    /* تنظیمات مخصوص دسکتاپ */
-    @media (min-width: 769px) {
-        .folium-map {
-            height: 500px !important;
-        }
-    }
-
     /* تنظیمات مخصوص موبایل */
     @media (max-width: 768px) {
         .folium-map {
             height: 300px !important;
         }
         
-        .stSelectbox > div > div {
-            padding: 8px !important;
-        }
-        /* استایل‌های مخصوص موبایل */
-    @media (max-width: 768px) {
-        /* تنظیمات عمومی فرم */
+        /* فرم‌ها در موبایل */
         .stTextInput>label,
         .stNumberInput>label,
         .stSelectbox>label {
@@ -219,65 +143,31 @@ st.markdown("""
             padding: 4px 0 !important;
         }
         
-        /* باکس‌های ورودی */
         .stTextInput input,
         .stNumberInput input,
         .stSelectbox select {
-            font-size: 14px !important;
-            padding: 8px 12px !important;
+            font-size: 16px !important;
+            padding: 12px !important;
+            height: auto !important;
         }
         
-        /* دکمه‌ها */
         .stButton>button {
             font-size: 14px !important;
             padding: 8px 16px !important;
         }
         
-        /* عنوان‌ها */
         .stMarkdown h3 {
             font-size: 16px !important;
         }
         
-        /* متن‌های توضیحی */
         .stMarkdown p {
             font-size: 13px !important;
         }
-    }
-        /* تنظیمات عمومی برای همه inputها */
-    .stTextInput input, 
-    .stNumberInput input, 
-    .stSelectbox select,
-    .stTextArea textarea {
-        color: #000000 !important;  /* متن سیاه */
-        background-color: #ffffff !important;  /* پسزمینه سفید */
-        border: 1px solid #6a0dad !important;  /* حاشیه بنفش */
-    }
-
-    /* برای حالت hover و focus */
-    .stTextInput input:focus, 
-    .stNumberInput input:focus, 
-    .stSelectbox select:focus,
-    .stTextArea textarea:focus {
-        border-color: #6a0dad !important;
-        box-shadow: 0 0 0 2px rgba(106, 13, 173, 0.2) !important;
-    }
-
-    /* مخصوص موبایل - اندازه بزرگتر */
-    @media (max-width: 768px) {
-        .stTextInput input, 
-        .stNumberInput input, 
-        .stSelectbox select {
-            font-size: 16px !important;
-            padding: 12px !important;
-            height: auto !important;
-        }
         
-        /* لیست dropdown */
         .stSelectbox [role="listbox"] {
             font-size: 16px !important;
         }
     }
-    }
 </style>
 """, unsafe_allow_html=True)