Update app.py

app.py

@@ -31,8 +31,6 @@ st.markdown("""
         --border: #dddddd;
         --input-bg: #ffffff;
         --secondary-bg: #f8f9fa;
-        --green: #f0ff0;
-        --dgreen: #006400
     }
 
     * {
@@ -41,159 +39,61 @@ st.markdown("""
         direction: rtl !important;
     }
 
-    /* تنظیمات اصلی */
     body, .stApp, [data-testid="stAppViewContainer"] {
         background-color: var(--background) !important;
         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;
-    }
-
-        /* توضیحات */
-    .explanation-title {
-        color: var(--primary) !important;
-        font-weight: bold !important;
-        margin: 20px 0 10px 0 !important;
-        font-size: 18px !important;
-    }
-
-    .explanation-item {
+    /* استایل فرم‌ها و کارت‌ها */
+    .stForm, .stCard {
+        border: 1px solid var(--primary) !important;
+        border-radius: 10px !important;
+        padding: 20px !important;
+        margin-bottom: 20px !important;
         background-color: var(--secondary-bg) !important;
-        border-radius: 8px !important;
-        padding: 12px 15px !important;
-        margin: 8px 0 !important;
-        border-right: 3px solid var(--primary) !important;
     }
 
-    /* ========== استایل‌های ورودی یکپارچه ========== */
-    /* استایل پایه برای تمام عناصر ورودی */
+    /* استایل ورودی‌ها */
     .stTextInput input, 
     .stNumberInput input, 
     .stSelectbox select,
-    .stTextArea textarea,
-    .stDateInput input,
-    .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;
+    .stTextArea textarea {
+        border: 1px solid var(--primary) !important;
+        border-radius: 5px !important;
+        padding: 8px 12px !important;
         background-color: var(--input-bg) !important;
-        border: 1px var(--primary) !important;
-    }    
-    
+    }
+
     /* استایل لیبل‌ها */
     .stTextInput > label,
     .stNumberInput > label,
     .stSelectbox > label,
-    .stRadio > label,
-    .stSlider > label {
+    .stRadio > label {
         color: var(--text) !important;
         font-weight: bold !important;
-        margin-bottom: 4px !important;
-    }
-    
-    /* استایل placeholder */
-    ::placeholder {
-        color: var(--text) !important;
-        opacity: 0.7 !important;
-    }
-    
-    /* ========== استایل‌های خاص Selectbox ========== */
-    /* حذف کامل فلش پیشفرض در تمام مرورگرها */
-
-    div[data-baseweb="select"] > div:first-child {
-        -webkit-appearance: none !important;
-        -moz-appearance: none !important;
-        appearance: none !important;
-        background-image: none !important;
-    }
-    
-    /* برای اینترنت اکسپلورر */
-    div[data-baseweb="select"] > div:first-child::-ms-expand {
-        display: none !important;
+        margin-bottom: 8px !important;
     }
-    
-    /* ایجاد فلش سفارشی */
-    div[data-baseweb="select"] {
-        position: relative;
-    }
-
-    div[data-baseweb="select"]::after {
-        content: "▼";
-        position: absolute;
-        left: 8px;
-        top: 50%;
-        transform: translateY(-50%);
-        color: var(--primary);
-        background-color: white !important; /* پسزمینه سفید برای پوشاندن فلش پیشفرض */
-        font-size: 14px;
-        pointer-events: none;
-    }
-          
 
-    /* ===== راه حل تضمینی برای استایل dropdown ===== */
-    
-    /* آیتم‌های لیست */
-    div[data-baseweb="popover"] [role="option"] {
-        color: var(--text) !important;
+    /* استایل رادیو باتن‌ها */
+    .stRadio input[type="radio"] + span {
+        border-color: var(--primary) !important;
         background-color: white !important;
-        border: 1px var(--primary) !important;
-    }
-    
-    /* آیتم انتخاب شده */
-    div[data-baseweb="popover"] [role="option"][aria-selected="true"] {
-        background-color: #f0e6ff !important;
-        color: black !important;
-    }
-    
-    /* ========== استایل‌های Number Input ========== */
-    .stNumberInput button {
-        color: var(--primary) !important;
-        background-color: transparent !important;
-        border: none !important;
-        width: 30px !important;
-        font-weight: bold !important;
-    }
-    
-    .stNumberInput button:hover {
-        background-color: #f0e6ff !important;
     }
-    
 
-    /* کامپوننت‌های سفارشی */
-    .rahyar-header {
+    .stRadio input[type="radio"]:checked + span {
         background-color: var(--primary) !important;
-        color: white !important;
-        padding: 15px !important;
-        border-radius: 10px !important;
-        margin-bottom: 20px !important;
-        text-align: center !important;
+        border-color: var(--primary) !important;
+        box-shadow: inset 0 0 0 2px white !important;
     }
 
-    .price-container {
-        background-color: var(--secondary-bg) !important;
-        border-radius: 10px !important;
-        padding: 15px !important;
-        margin: 15px 0 !important;
-        border-right: 5px solid var(--primary) !important;
+    .stRadio input[type="radio"]:checked + span + span {
+        color: var(--primary) !important;
+        font-weight: bold !important;
     }
 
-    /* دکمه اصلی (بنفش با متن سفید) */
-    .stButton>button, 
-    [data-testid="baseButton-primary"],
-    .accept-btn,
-    div[data-testid="stVerticalBlock"] > div[data-testid="stHorizontalBlock"] > div > div > button {
+    /* استایل دکمه‌ها */
+    .stButton > button,
+    [data-testid="baseButton-primary"] {
         background-color: var(--primary) !important;
         color: white !important;
         border: none !important;
@@ -202,95 +102,32 @@ st.markdown("""
         font-weight: bold !important;
     }
 
-    /* دکمه ثانویه (سفید با حاشیه بنفش) */
-    .stFormSubmitButton>button,
-    [data-testid="baseButton-secondary"],
-    .reject-btn {
-        background-color: var(--primary) !important;
-        color: var(--input-bg) !important;
-        border: 1px solid var(--primary) !important;
-        border-radius: 8px !important;
-        padding: 10px 20px !important;
-        font-weight: bold !important;
+    /* استایل selectbox */
+    div[data-baseweb="select"] {
+        position: relative;
     }
 
-    
-     /* ========== استایل تضمینی برای گزینه‌های رادیویی ========== */
-    /* تمام سطوح لیبل‌ها */
-    .stRadio > label,
-    .stRadio > div > label,
-    .stRadio > div > div > label,
-    .stRadio > div > div > div > label {
-        color: #000000 !important; /* مشکی خالص */
-        font-weight: normal !important;
-        margin-right: 8px !important; /* فاصله از دکمه رادیویی */
-    }
-    
-    /* دایره رادیویی */
-    .stRadio input[type="radio"] + span {
-        border-color: #000000 !important; /* حاشیه مشکی */
-    }
-    
-    /* دایره رادیویی هنگام انتخاب */
-    .stRadio input[type="radio"]:checked + span {
-        background-color: #000000 !important; /* پس‌زمینه مشکی */
-        border-color: #000000 !important;
-    }
-    
-    /* متن گزینه‌ها */
-    .stRadio span {
-        color: #000000 !important; /* مشکی خالص */
-        font-size: 14px !important;
-        padding-right: 5px !important;
-    }
-    
-    /* حالت hover */
-    .stRadio label:hover span {
-        color: #333333 !important; /* مشکی کمی روشن‌تر */
-    }
-    
-    /* کانتینر اصلی */
-    .stRadio > div {
-        margin-bottom: 10px !important;
+    div[data-baseweb="select"]::after {
+        content: "▼";
+        position: absolute;
+        left: 8px;
+        top: 50%;
+        transform: translateY(-50%);
+        color: var(--primary);
+        font-size: 14px;
+        pointer-events: none;
     }
 
-
-    /* تنظیمات مخصوص موبایل */
+    /* استایل‌های مخصوص موبایل */
     @media (max-width: 768px) {
-        .folium-map {
-            height: 300px !important;
-        }
-        
-        /* فرم‌ها در موبایل */
-        .stTextInput>label,
-        .stNumberInput>label,
-        .stSelectbox>label {
-            font-size: 14px !important;
-            padding: 4px 0 !important;
+        .stForm, .stCard {
+            padding: 15px !important;
         }
         
         .stTextInput input,
         .stNumberInput input,
         .stSelectbox select {
-            font-size: 16px !important;
-            padding: 12px !important;
-            height: auto !important;
-        }
-        
-        .stButton>button {
-            font-size: 14px !important;
-            padding: 8px 16px !important;
-        }
-        
-        .stMarkdown h3 {
-            font-size: 16px !important;
-        }
-        
-        .stMarkdown p {
-            font-size: 13px !important;
-        }
-        
-        .stSelectbox [role="listbox"] {
+            padding: 10px !important;
             font-size: 16px !important;
         }
     }