Update app.py

app.py

@@ -752,56 +752,70 @@ def enhanced_likert_scale(question_data):
     # استایل‌دهی با HTML و CSS
     html_styles = f"""
     <style>
-        /* بازنشانی استایل‌های پیش‌فرض */
         .likert-container {{
-            font-family: 'Arial', sans-serif;
             direction: rtl;
-            text-align: center;
-            margin: 20px 0;
+            margin-bottom: 25px;
         }}
         .likert-question {{
+            font-family: 'B Nazanin';
             font-size: 18px;
             font-weight: bold;
+            text-align: center;
             margin-bottom: 15px;
+            color: #333;
         }}
         .likert-labels {{
             display: flex;
             justify-content: space-between;
+            margin-bottom: 8px;
+            font-family: 'B Nazanin';
             font-size: 14px;
-            margin-bottom: 10px;
+            color: #555;
         }}
         .likert-buttons {{
             display: flex;
             justify-content: center;
-            gap: 8px;
-            flex-wrap: wrap;
-            margin: 10px 0;
+            gap: 5px;
+            margin-bottom: 10px;
         }}
         .likert-btn {{
-            width: 32px;
-            height: 32px;
+            width: 42px;
+            height: 42px;
             border-radius: 50%;
             border: 2px solid #6a0dad;
             background: white;
+            color: #6a0dad;
+            font-family: 'B Nazanin';
+            font-weight: bold;
+            font-size: 16px;
             display: flex;
             align-items: center;
             justify-content: center;
             cursor: pointer;
-            font-size: 0;
-            transition: all 0.2s ease;
+            transition: all 0.3s ease;
+            margin: 0 2px;
+        }}
+        .likert-btn:hover {{
+            background: #f0e6ff;
+            transform: scale(1.05);
         }}
         .likert-btn.selected {{
             background: #6a0dad;
-        }}
-        .likert-btn.selected::after {{
-            content: '•';
             color: white;
-            font-size: 18px;
+            box-shadow: 0 0 10px rgba(106,13,173,0.5);
         }}
-        .likert-btn:not(.selected)::after {{
-            content: '○';
+        .likert-selected-value {{
+            text-align: center;
+            font-family: 'B Nazanin';
+            font-size: 16px;
             color: #6a0dad;
-            font-size: 18px;
+            font-weight: bold;
+            margin-top: 10px;
+            padding: 8px;
+            background: #f8f0ff;
+            border-radius: 8px;
+            display: inline-block;
+            min-width: 200px;
         }}
     </style>
     """