Update app.py

app.py

@@ -752,7 +752,7 @@ def enhanced_likert_scale(question_data):
     # استایل‌دهی با HTML - غیرفعال کردن استایل‌های پیش‌فرض دکمه‌ها
     st.markdown(f"""
     <style>
-        /* غیرفعال کردن تمام استایل‌های قبلی فقط برای دکمه‌های لیکرت */
+        /* غیرفعال کردن کامل تمام استایل‌های قبلی فقط برای دکمه‌های لیکرت */
         div[data-testid="column"] .stButton > button {{
             all: unset !important;
             min-height: 0 !important;
@@ -762,34 +762,54 @@ def enhanced_likert_scale(question_data):
             box-shadow: none !important;
             background: none !important;
             border: none !important;
+            color: inherit !important;
+            font: inherit !important;
+            cursor: pointer !important;
         }}
-        /* استایل‌های اختصاصی فقط برای دکمه‌های لیکرت */
+        
+        /* حذف افکت‌های hover و active پیشفرض */
+        div[data-testid="column"] .stButton > button:hover,
+        div[data-testid="column"] .stButton > button:active,
+        div[data-testid="column"] .stButton > button:focus {{
+            background: none !important;
+            border: none !important;
+            box-shadow: none !important;
+            transform: none !important;
+        }}
+        
+        /* مخفی کردن label دکمه‌ها */
+        div[data-testid="column"] .stButton > button > div > p {{
+            display: none !important;
+        }}
+        
+        /* استایل‌های جدید فقط برای دکمه‌های لیکرت */
         div[data-testid="column"] .stButton > button {{
-            all: unset;
-            width: 40px;
-            height: 40px;
-            border-radius: 50%;
+            width: 40px !important;
+            height: 40px !important;
+            border-radius: 50% !important;
             border: 2px solid #6a0dad !important;
-            background: { "#6a0dad" if st.session_state[key] is not None else "white" } !important;
-            color: { "white" if st.session_state[key] is not None else "#6a0dad" } !important;
-            font-weight: bold;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            cursor: pointer;
-            transition: all 0.3s;
-            margin: 0 auto;
+            background: white !important;
+            color: #6a0dad !important;
+            font-weight: bold !important;
+            display: flex !important;
+            align-items: center !important;
+            justify-content: center !important;
+            cursor: pointer !important;
+            transition: all 0.3s !important;
+            margin: 0 auto !important;
         }}
         
+        /* استایل hover برای دکمه‌های لیکرت */
         div[data-testid="column"] .stButton > button:hover {{
-            transform: scale(1.1);
             background: #f0e6ff !important;
+            transform: scale(1.1) !important;
         }}
         
-        /* فقط برای دکمه‌های انتخاب شده */
+        /* استایل دکمه انتخاب شده */
         div[data-testid="column"] .stButton > button:has(> div > p:contains('•')) {{
             background: #6a0dad !important;
             color: white !important;
+            box-shadow: 0 0 10px rgba(106,13,173,0.5) !important;
         }}
     </style>
     """, unsafe_allow_html=True)