Update app.py

app.py

@@ -23,95 +23,15 @@ st.markdown("""
         src: url('https://cdn.jsdelivr.net/gh/rastikerdar/vazir-font@v30.1.0/dist/Vazir.woff') format('woff');
     }
     
-    * {
-        font-family: 'Vazir', sans-serif !important;
-        text-align: right !important;
-        direction: rtl !important;
-    }
     :root {
-        color-scheme: light only;
+        /* تنظیمات رنگ */
         --primary-color: #6a0dad;
         --text-color: #333333;
         --background-color: #ffffff;
-    }
-    
-    @media (prefers-color-scheme: dark) {
-        :root {
-            --text-color: #333333;
-            --background-color: #121212;
-        }
-    }
-    /* تنظیمات پایه برای تمام دستگاه‌ها */
-    :root {
-        color-scheme: light only;
-        --rahyar-primary: #6a0dad;
-        --rahyar-text: #333333;
-        --rahyar-bg: #ffffff;
         --rahyar-white: #ffffff;
-    }
-        /* اجبار به استفاده از رنگ متن تعریف شده */
-    html, body, [class*="css"] {
-        color: var(--text-color) !important;
-    }
-    
-    /* غیرفعال کردن تم تاریک به صورت کامل */
-    [data-testid="stAppViewContainer"] {
-        background-color: white !important;
-    }
-    
-    /* تنظیمات مخصوص دسکتاپ */
-    @media only screen and (min-width: 769px) {
-        :root {
-            --text-color: #333333 !important; /* تضمین رنگ مشکی در دسکتاپ */
-        }
-    }
-    
-    /* تنظیمات مخصوص موبایل */
-    @media only screen and (max-width: 768px) {
-        :root {
-            --text-color: #333333 !important; /* یکسان نگه داشتن رنگ در موبایل */
-        }
-    }
-    
-    /* بازنویسی کامل بخش تنظیمات دسکتاپ */
-    @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;
-        }
+        /* غیرفعال کردن تم تاریک */
+        color-scheme: light only;
     }
     
     * {
@@ -121,16 +41,13 @@ st.markdown("""
         color: var(--text-color) !important;
     }
     
-    body {
-        background-color: var(--background-color) !important;
-    }
-    
-    .stApp {
+    body, [data-testid="stAppViewContainer"], .stApp {
         background-color: var(--background-color) !important;
     }
     
+    /* کامپوننت‌های سفارشی */
     .rahyar-header {
-        background-color: #6a0dad !important;
+        background-color: var(--primary-color) !important;
         padding: 15px !important;
         border-radius: 10px !important;
         color: white !important;
@@ -143,19 +60,19 @@ st.markdown("""
         border-radius: 10px !important;
         padding: 15px !important;
         margin: 15px 0;
-        border-right: 5px solid #6a0dad;
+        border-right: 5px solid var(--primary-color);
     }
     
     .rahyar-price {
-        color: #6a0dad !important;
+        color: var(--primary-color) !important;
         font-size: 28px !important;
         font-weight: bold !important;
         text-align: center !important;
         margin: 10px 0;
     }
     
-    .rahyar-btn {
-        background-color: #6a0dad !important;
+    .rahyar-btn, .accept-btn, [data-testid="baseButton-primary"] {
+        background-color: var(--primary-color) !important;
         color: white !important;
         border: none !important;
         padding: 10px 20px !important;
@@ -163,83 +80,26 @@ st.markdown("""
         font-weight: bold !important;
         margin: 5px 0 !important;
         width: 100% !important;
-    }
-    
-    .likert-btn {
-        margin: 5px;
-        padding: 10px 15px;
-        border-radius: 8px;
-        border: 1px solid #ddd;
-        background-color: white;
-    }
-    
-    .likert-btn-selected {
-        border: 2px solid #6a0dad !important;
-        background-color: #f0e6ff !important;
-    }
-    
-    .survey-section {
-        background-color: #f0f2f6;
-        border-radius: 10px;
-        padding: 20px;
-        margin-top: 30px;
-    }
-    
-    .rahyar-badge {
-        background-color: #e6e6fa !important;
-        color: #6a0dad !important;
-        padding: 5px 10px !important;
-        border-radius: 15px !important;
-        font-size: 14px !important;
-        display: inline-block !important;
-        margin-left: 10px !important;
-    }
-    
-    .explanation-title {
-        color: #6a0dad !important;
-        font-weight: bold !important;
-        margin-top: 20px !important;
-    }
-    
-    .explanation-item {
-        margin: 10px 0;
-        padding-right: 15px !important;
-        border-right: 3px solid #6a0dad !important;
-    }
-        
-    .accept-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);
     }
     
-    .accept-btn:hover {
+    .rahyar-btn:hover, .accept-btn:hover {
         background-color: #7b1fa2 !important;
         transform: translateY(-2px);
         box-shadow: 0 6px 12px rgba(0,0,0,0.15);
     }
     
-    .reject-btn {
+    .reject-btn, .stFormSubmitButton>button, [data-testid="baseButton-secondary"] {
         background-color: white !important;
-        color: #6a0dad !important;
-        border: 2px solid #6a0dad !important;
-        padding: 14px 28px !important;
-        border-radius: 12px !important;
+        color: var(--primary-color) !important;
+        border: 2px solid var(--primary-color) !important;
+        padding: 10px 20px !important;
+        border-radius: 8px !important;
         font-weight: bold !important;
-        font-size: 16px !important;
-        cursor: pointer;
+        margin: 5px 0 !important;
+        width: 100% !important;
         transition: all 0.3s ease;
-        margin: 10px auto;
-        width: 100%;
         box-shadow: 0 4px 8px rgba(0,0,0,0.1);
     }
     
@@ -248,91 +108,42 @@ st.markdown("""
         transform: translateY(-2px);
         box-shadow: 0 6px 12px rgba(0,0,0,0.15);
     }
-        /* استایل کلی تمام باکس‌های ورودی و انتخاب */
+    
+    /* استایل‌های فرم‌ها */
     .stTextInput input,
     .stNumberInput input,
     .stSelectbox select,
     .stTextArea textarea,
     .stDateInput input,
     .stTimeInput input {
-        color: #333333 !important;
+        color: var(--text-color) !important;
         background-color: white !important;
-        border: 1px solid #333333 !important;
+        border: 1px solid var(--text-color) !important;
         border-radius: 8px !important;
         padding: 8px 12px !important;
-        font-family: 'Vazir' !important;
-    }
-
-    /* استایل دکمه‌های + و - در number input */
-    .stNumberInput button {
-        background-color: white !important;
-        border: 1px solid #333333 !important;
-        color: #333333 !important;
     }
-
-    /* استایل دکمه‌های ادامه و ثبت (مشابه بخش contact) */
-    .stFormSubmitButton button,
-    .stButton button {
-        background-color: white !important;
-        color: #333333 !important;
-        border: 1px solid #333333 !important;
-        border-radius: 8px !important;
-        padding: 10px 24px !important;
-        font-family: 'Vazir' !important;
-        font-weight: normal !important;
-        transition: all 0.3s ease !important;
+    
+    /* تنظیمات رسپانسیو */
+    .folium-map {
+        height: 400px !important;
         width: 100% !important;
-        box-shadow: none !important;
     }
-
-    .stFormSubmitButton button:hover,
-    .stButton button:hover {
-        background-color: #f5f5f5 !important;
-    }
-
-    /* استایل دکمه‌های رد و درخواست رهیار (بنفش) */
-    .rahyar-primary-btn {
-        background-color: #6a0dad !important;
-        color: white !important;
-        border: none !important;
-    }
-
-    /* استایل دکمه‌های لیکرت */
-    .likert-btn {
-        background-color: white !important;
-        color: #333333 !important;
-        border: 1px solid #333333 !important;
-    }
-
-    /* استایل متن‌های بنفش (رهیار) */
-    .rahyar-text {
-        color: #6a0dad !important;
-    }
-
-    /* استایل placeholder */
-    ::placeholder {
-        color: #999999 !important;
-        opacity: 1 !important;
+    
+    .price-container {
+        width: 80% !important;
+        margin: 20px auto !important;
     }
     
-    /* تنظیمات مخصوص دسکتاپ */
-    @media only screen and (min-width: 769px) {
+    @media only screen and (max-width: 768px) {
         .folium-map {
-            height: 400px !important;
+            height: 300px !important;
         }
-    :root {
-        color-scheme: only light !important;
-    }
-    body {
-        background-color: white !important;
-    }
-    .stApp {
-        background-color: white !important;
-    }
-    /* تنظیمات ریسپانسیو */
-    @media only screen and (max-width: 768px) {
-        /* استایل‌های مخصوص موبایل */
-        .rahyar-request-btn, .rahyar-reject-btn {
+        
+        .price-container {
+            width: 95% !important;
+        }
+        
+        .rahyar-btn, .accept-btn, .reject-btn {
             padding: 12px 20px !important;
             font-size: 14px !important;
         }