Update app.py

app.py

@@ -44,12 +44,19 @@ st.markdown("""
         color: var(--text) !important;
     }
 
-    /* تمام متن‌ها */
-    h1, h2, h3, h4, h5, h6, p, div, span, label {
-        color: var(--text) !important;
+    /* هدر راهیار */
+    .rahyar-title {
+        color: var(--primary) !important;
+        margin: 0 !important;
+    }
+    
+    .rahyar-subtitle {
+        color: var(--primary) !important;
+        margin: 0 !important;
+        font-size: 14px !important;
     }
 
-    /* باکس‌های ورودی - اصلاح شده برای دموگرافیک */
+    /* باکس‌های ورودی */
     .stTextInput input, 
     .stNumberInput input, 
     .stSelectbox select,
@@ -58,6 +65,7 @@ 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;
         background-color: var(--input-bg) !important;
@@ -66,20 +74,26 @@ st.markdown("""
         padding: 8px 12px !important;
     }
 
+    /* Placeholder */
+    ::placeholder {
+        color: var(--text) !important;
+        opacity: 0.7 !important;
+    }
+
     /* دکمه اصلی (بنفش با متن سفید) */
     .stButton>button, 
     [data-testid="baseButton-primary"],
     .accept-btn,
     div[data-testid="stVerticalBlock"] > div[data-testid="stHorizontalBlock"] > div > div > button {
         background-color: var(--primary) !important;
-        color: white !important !important;
+        color: white !important;
         border: none !important;
         border-radius: 8px !important;
         padding: 10px 20px !important;
         font-weight: bold !important;
     }
 
-    /* دکمه ثانویه (سفید با حاشیه بنفش و متن بنفش) */
+    /* دکمه ثانویه (سفید با حاشیه بنفش) */
     .stFormSubmitButton>button,
     [data-testid="baseButton-secondary"],
     .reject-btn {
@@ -115,6 +129,17 @@ st.markdown("""
         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;
@@ -149,6 +174,10 @@ st.markdown("""
         .folium-map {
             height: 300px !important;
         }
+        
+        .stSelectbox > div > div {
+            padding: 8px !important;
+        }
     }
 </style>
 """, unsafe_allow_html=True)
@@ -366,11 +395,14 @@ def scenario_explanation():
     """توضیح سناریو"""
     col1, col2 = st.columns([1, 4])
     with col1:
-        st.image("https://via.placeholder.com/80/6a0dad/FFFFFF?text=LOGO", width=80)
+        try:
+            st.image("rahyar.png", width=80)
+        except:
+            st.image("https://via.placeholder.com/80/6a0dad/FFFFFF?text=LOGO", width=80)
     with col2:
         st.markdown("""
-        <h2 style="color: #6a0dad; margin: 0;">رهیار 🚖</h2>
-        <p style="color: #6a0dad; margin: 0;">همراه سفرهای درون‌شهری شما، راهی مطمئن، راهی روشن، رهیار</p>
+        <h2 class="rahyar-title">رهیار 🚖</h2>
+        <p class="rahyar-subtitle">همراه سفرهای درون‌شهری شما، راهی مطمئن، راهی روشن، رهیار</p>
         """, unsafe_allow_html=True)
     
     st.markdown("### سناریوی تحقیق")