Update app.py

app.py

@@ -163,6 +163,54 @@ st.markdown("""
     .stApp {
         background-color: white !important;
     }
+        /* استایل دکمه درخواست راهیار */
+    .rahyar-request-btn {
+        background-color: #6a0dad !important;
+        color: white !important;
+        border: none !important;
+        padding: 14px 28px !important;
+        border-radius: 12px !important;
+        font-weight: bold !important;
+        font-size: 16px !important;
+        cursor: pointer;
+        transition: all 0.3s ease;
+        margin: 10px auto;
+        width: 100%;
+        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
+        background-image: linear-gradient(to right, #8e44ad, #6a0dad);
+        border: 2px solid #6a0dad !important;
+    }
+    
+    .rahyar-request-btn:hover {
+        background-image: linear-gradient(to right, #9b59b6, #7b1fa2) !important;
+        transform: translateY(-2px);
+        box-shadow: 0 6px 12px rgba(0,0,0,0.15);
+    }
+    
+    /* استایل دکمه رد قیمت */
+    .rahyar-reject-btn {
+        background-color: white !important;
+        color: #6a0dad !important;
+        border: 2px solid #6a0dad !important;
+        padding: 14px 28px !important;
+        border-radius: 12px !important;
+        font-weight: bold !important;
+        font-size: 16px !important;
+        cursor: pointer;
+        transition: all 0.3s ease;
+        margin: 10px auto;
+        width: 100%;
+        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
+        background-image: linear-gradient(to right, #ffffff, #f9f9f9);
+    }
+    
+    .rahyar-reject-btn:hover {
+        background-image: linear-gradient(to right, #f9f9f9, #f0f0f0) !important;
+        color: #8e44ad !important;
+        border: 2px solid #8e44ad !important;
+        transform: translateY(-2px);
+        box-shadow: 0 6px 12px rgba(0,0,0,0.15);
+    }
 </style>
 """, unsafe_allow_html=True)
 
@@ -427,23 +475,43 @@ 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):
-            st.session_state.price_accepted = 1
-            st.session_state.current_page = "transparency_questions"
-            st.rerun()
+        # دکمه درخواست راهیار
+        st.markdown("""
+        <button class="rahyar-request-btn" onclick="acceptPrice()">
+            <span style="display: flex; align-items: center; justify-content: center;">
+                <span style="margin-left: 8px;">🚖</span>
+                <span>درخواست راهیار</span>
+            </span>
+        </button>
+        """, unsafe_allow_html=True)
     
     with col2:
-        if st.button("رد قیمت", key="reject_btn",
-                    help="برای رد قیمت و ادامه به سوالات کلیک کنید",
-                    use_container_width=True):
-            st.session_state.price_accepted = 0
-            st.session_state.current_page = "transparency_questions"
-            st.rerun()
+        # دکمه رد قیمت
+        st.markdown("""
+        <button class="rahyar-reject-btn" onclick="rejectPrice()">
+            <span style="display: flex; align-items: center; justify-content: center;">
+                <span style="margin-left: 8px;">✖</span>
+                <span>رد قیمت</span>
+            </span>
+        </button>
+        """, unsafe_allow_html=True)
+    
+    # اسکریپت برای مدیریت کلیک دکمه‌ها
+    st.markdown("""
+    <script>
+    function acceptPrice() {
+        window.streamlitSessionState.set({"price_accepted": 1});
+        window.streamlitSessionState.set({"current_page": "transparency_questions"});
+    }
+    function rejectPrice() {
+        window.streamlitSessionState.set({"price_accepted": 0});
+        window.streamlitSessionState.set({"current_page": "transparency_questions"});
+    }
+    </script>
+    """, unsafe_allow_html=True)
+
 
 def transparency_questions():
     """سوالات شفافیت"""