Update app.py

app.py

@@ -41,6 +41,55 @@ st.markdown("""
             --background-color: #121212;
         }
     }
+    /* تنظیمات پایه برای تمام دستگاه‌ها */
+    :root {
+        color-scheme: light only;
+        --rahyar-primary: #6a0dad;
+        --rahyar-text: #333333;
+        --rahyar-bg: #ffffff;
+        --rahyar-white: #ffffff;
+    }
+    
+    /* بازنویسی کامل بخش تنظیمات دسکتاپ */
+    @media only screen and (min-width: 769px) {
+        html, body, [class*="css"] {
+            color: var(--rahyar-text) !important;
+            background-color: var(--rahyar-bg) !important;
+        }
+        
+        .stApp {
+            background-color: var(--rahyar-bg) !important;
+        }
+        
+        /* تنظیمات مخصوص دسکتاپ */
+        .folium-map {
+            height: 500px !important;
+            width: 100% !important;
+        }
+        
+        .price-container {
+            width: 80% !important;
+            margin: 20px auto !important;
+        }
+        
+        /* دکمه‌های دسکتاپ */
+        .accept-btn, .reject-btn {
+            padding: 16px 32px !important;
+            font-size: 18px !important;
+            max-width: 300px !important;
+        }
+    }
+    
+    /* تنظیمات موبایل */
+    @media only screen and (max-width: 768px) {
+        .folium-map {
+            height: 300px !important;
+        }
+        
+        .price-container {
+            width: 95% !important;
+        }
+    }
     
     * {
         font-family: 'Vazir', sans-serif !important;
@@ -448,10 +497,13 @@ def map_view():
         <h2 style="color: #6a0dad; margin: 0;">رهیار 🚖</h2>
         <p style="color: #6a0dad; margin: 0;">همراه سفرهای درون‌شهری شما، راهی مطمئن، راهی روشن، رهیار</p>
         """, unsafe_allow_html=True)
-    
+
     st.markdown("### مسیر سفر شما")
-    folium_static(create_ride_map(), width=800, height=400)
-    
+    map_obj = create_ride_map()
+    folium_static(map_obj, width=1000 if st.session_state.is_desktop else 800, 
+                 height=500 if st.session_state.is_desktop else 400)
+
+    # قیمت
     st.markdown(f"""
     <div class="price-container">
         <div style="display: flex; justify-content: space-between; align-items: center;">
@@ -463,24 +515,28 @@ def map_view():
     
     show_explanation(st.session_state.scenario_type)
     
-    # دکمه‌های جدید با استایل‌های سفارشی
-    col1, col2 = st.columns(2)
-    with col1:
-        if st.button("درخواست راهیار", key="accept_btn", 
-                    help="برای تایید قیمت و درخواست سفر کلیک کنید",
-                    use_container_width=True):
+    # دکمه‌ها با چیدمان بهینه برای دسکتاپ
+    if st.session_state.is_desktop:
+        cols = st.columns(2)
+        with cols[0]:
+            if st.button("درخواست راهیار", key="accept_btn_desktop",
+                        type="primary", use_container_width=True):
+                st.session_state.price_accepted = 1
+                st.rerun()
+        with cols[1]:
+            if st.button("رد قیمت", key="reject_btn_desktop",
+                        type="secondary", use_container_width=True):
+                st.session_state.price_accepted = 0
+                st.rerun()
+    else:
+        # نسخه موبایل
+        if st.button("درخواست راهیار", key="accept_btn_mobile"):
             st.session_state.price_accepted = 1
-            st.session_state.current_page = "transparency_questions"
             st.rerun()
-    
-    with col2:
-        if st.button("رد قیمت", key="reject_btn",
-                    help="برای رد قیمت و ادامه به سوالات کلیک کنید",
-                    use_container_width=True):
+        if st.button("رد قیمت", key="reject_btn_mobile"):
             st.session_state.price_accepted = 0
-            st.session_state.current_page = "transparency_questions"
             st.rerun()
-
+            
 def transparency_questions():
     """سوالات شفافیت"""
     st.header("📊")
@@ -608,6 +664,10 @@ def thank_you_page():
 
 # ========== مدیریت وضعیت و صفحه‌بندی ==========
 def main():
+    # تشخیص دستگاه
+    user_agent = st.experimental_get_query_params().get("user_agent", [""])[0]
+    st.session_state.is_desktop = "mobile" not in user_agent.lower()
+    
     if 'current_page' not in st.session_state:
         st.session_state.current_page = "welcome"
         st.session_state.scenario_type = random.choice(["control", "input", "counterfactual"])