Update app.py

app.py

@@ -253,16 +253,40 @@ st.markdown("""
         transform: translateY(-1px) !important; /* حرکت جزئی به بالا */
         box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important; /* سایه بیشتر */
     }
-    
-     /* ========== استایل تضمینی برای گزینه‌های رادیویی ========== */
-    /* تمام سطوح لیبل‌ها */
-    .stRadio > label,
-    .stRadio > div > label,
+        
+    /* ========== استایل تضمینی برای گزینه‌های رادیویی ========== */
+    .stRadio > div > div > div > div > div > label,
+    .stRadio > div > div > div > div > label,
+    .stRadio > div > div > div > label,
     .stRadio > div > div > label,
-    .stRadio > div > div > div > label {
-        color: black !important; /* مشکی خالص */
+    .stRadio > div > label,
+    .stRadio > label {
+        color: #000000 !important; /* مشکی خالص */
         font-weight: normal !important;
-        margin-right: 8px !important; /* فاصله از دکمه رادیویی */
+        margin-right: 8px !important;
+    }
+    
+    /* متن گزینه‌ها */
+    .stRadio span {
+        color: #000000 !important; /* مشکی خالص */
+        font-size: 14px !important;
+        padding-right: 5px !important;
+    }
+    
+    /* دایره‌های رادیویی */
+    .stRadio [role="radio"] {
+        border-color: var(--primary) !important;
+    }
+    
+    /* دایره انتخاب شده */
+    .stRadio [role="radio"][aria-checked="true"] {
+        background-color: var(--primary) !important;
+        border-color: var(--primary) !important;
+    }
+    
+    /* حالت hover */
+    .stRadio label:hover span {
+        color: #000000 !important; /* مشکی ثابت حتی در هاور */
     }
 
         /* استایل پایه برای هشدارها */