Update app.py

app.py

@@ -8,16 +8,8 @@ import os
 import json
 import random
 
-
-
 # تنظیمات اولیه
-
-st.set_page_config(
-    layout="wide",  # حالت گسترده برای همه دستگاه‌ها
-    page_title="راهیار - تحلیل انصاف قیمتی", 
-    page_icon="🚖",
-    initial_sidebar_state="auto"  # تنظیم خودکار وضعیت نوار کناری
-)
+st.set_page_config(layout="wide", page_title="راهیار - تحلیل انصاف قیمتی", page_icon="🚖")
 
 # ========== تنظیمات دیتا ==========
 SHEET_ID = "1mmdWAyOCYq4yXMgP53Duq712AnlqZWLkfIo76JqM7wM"
@@ -30,34 +22,49 @@ st.markdown("""
         font-family: 'Vazir';
         src: url('https://cdn.jsdelivr.net/gh/rastikerdar/vazir-font@v30.1.0/dist/Vazir.woff') format('woff');
     }
-
-
-    /* ریست پیش‌فرض مرورگرها */
+    
     * {
-        margin: 0;
-        padding: 0;
-        box-sizing: border-box;
         font-family: 'Vazir', sans-serif !important;
         text-align: right !important;
         direction: rtl !important;
     }
-
-    /* رنگ‌های ثابت برای همه دستگاه‌ها */
-    :root {
-        --primary-color: #6a0dad;  # بنفش اصلی
-        --secondary-color: #f0e6ff;  # بنفش روشن
-        --text-color: #333333;  # متن تیره
-        --background-color: #ffffff;  # سفید
+    
+    .rahyar-header {
+        background-color: #6a0dad;
+        padding: 15px;
+        border-radius: 10px;
+        color: white;
+        margin-bottom: 20px;
+        text-align: center;
     }
-
-    /* اجتناب از تغییرات تم خودکار مرورگر */
-    @media (prefers-color-scheme: dark) {
-        :root {
-            --text-color: #333333 !important;  # متن همیشه تیره
-            --background-color: #ffffff !important;  # پس‌زمینه همیشه سفید
-        }
+    
+    .price-container {
+        background-color: #f8f9fa;
+        border-radius: 10px;
+        padding: 15px;
+        margin: 15px 0;
+        border-right: 5px solid #6a0dad;
     }
-         
+    
+    .rahyar-price {
+        color: #6a0dad;
+        font-size: 28px;
+        font-weight: bold;
+        text-align: center;
+        margin: 10px 0;
+    }
+    
+    .rahyar-btn {
+        background-color: #6a0dad !important;
+        color: white !important;
+        border: none !important;
+        padding: 10px 20px !important;
+        border-radius: 8px !important;
+        font-weight: bold !important;
+        margin: 5px 0 !important;
+        width: 100% !important;
+    }
+    
     .likert-btn {
         margin: 5px;
         padding: 10px 15px;
@@ -99,53 +106,38 @@ st.markdown("""
         padding-right: 15px;
         border-right: 3px solid #6a0dad;
     }
-        /* کلاس‌های اصلی با رنگ‌های ثابت */
-    .rahyar-header {
-        background-color: var(--primary-color) !important;
-        color: white !important;
-    }
-    .price-container {
-        background-color: #f8f9fa !important;
-        border-right: 5px solid var(--primary-color) !important;
-    }
-    .rahyar-price {
-        color: var(--primary-color) !important;
-    }
-    .rahyar-btn {
-        background-color: var(--primary-color) !important;
-        color: white !important;
-    }
-
-
 </style>
 """, unsafe_allow_html=True)
 
 # ========== توابع اصلی ==========
-
 def create_ride_map():
+    """ایجاد نقشه سفر با Folium"""
+    # مختصات تهران (میدان ونک تا میدان تجریش)
     start_point = [35.7698, 51.4116]  # میدان ونک
     end_point = [35.8044, 51.4258]    # میدان تجریش
     
     m = folium.Map(location=[35.7871, 51.4187], zoom_start=13)
     
     # اضافه کردن مبدأ و مقصد
-    folium.Marker(start_point, popup="مبدأ: میدان ونک", icon=folium.Icon(color="green")).add_to(m)
-    folium.Marker(end_point, popup="مقصد: میدان تجریش", icon=folium.Icon(color="red")).add_to(m)
+    folium.Marker(
+        start_point,
+        popup="<b>مبدأ:</b> میدان ونک",
+        icon=folium.Icon(color="green", icon="flag", prefix="fa")
+    ).add_to(m)
+    
+    folium.Marker(
+        end_point,
+        popup="<b>مقصد:</b> میدان تجریش",
+        icon=folium.Icon(color="red", icon="flag", prefix="fa")
+    ).add_to(m)
     
     # خط مسیر
-    folium.PolyLine([start_point, end_point], color="#6a0dad", weight=3).add_to(m)
-    
-    # تنظیمات واکنش‌گرا برای نقشه
-    m.get_root().width = "100%"
-    m.get_root().height = "100%"
-    m.get_root().add_child(folium.Element("""
-        <style>
-            .folium-map {
-                width: 100% !important;
-                height: 100% !important;
-            }
-        </style>
-    """))
+    folium.PolyLine(
+        [start_point, end_point],
+        color="#6a0dad",
+        weight=3,
+        opacity=1
+    ).add_to(m)
     
     return m
 
@@ -298,7 +290,7 @@ def map_view():
     """نمایش نقشه و قیمت"""
     st.markdown("""
     <div style="display: flex; align-items: center; justify-content: center; gap: 20px; margin-bottom: 20px;">
-        <img src="rahyar.png" width="80" alt="لوگوی راهیار">
+        <img src="https://via.placeholder.com/100/6a0dad/FFFFFF?text=راهیار" width="80">
         <div>
             <h2 style="color: #6a0dad; margin: 0;">راهیار 🚖</h2>
             <p style="color: #6a0dad; margin: 0;">سفرهای درون شهری سریع و مطمئن</p>
@@ -310,13 +302,14 @@ def map_view():
     folium_static(create_ride_map(), width=800, height=400)
     
     st.markdown(f"""
-<div class="price-container" style="width: 100%;">
-    <div style="display: flex; justify-content: space-between; align-items: center;">
-        <span>راهیار <span class="rahyar-badge">به صرفه</span></span>
-        <span class="rahyar-price">{st.session_state.price:,} تومان</span>
+    <div class="price-container">
+        <div style="display: flex; justify-content: space-between; align-items: center;">
+            <span>راهیار <span class="rahyar-badge">به صرفه</span></span>
+            <span class="rahyar-price">{st.session_state.price:,} تومان</span>
+        </div>
     </div>
-</div>
-""", unsafe_allow_html=True)
+    """, unsafe_allow_html=True)
+    
     show_explanation(st.session_state.scenario_type)
     
     if st.button("درخواست راهیار", key="request_btn", type="primary"):