Update app.py

app.py

@@ -326,58 +326,53 @@ div[data-testid="stNumberInput"] > div > div:last-child {
     border: none !important;
 }
 
+/* حذف عناصر سیاه پس‌زمینه */
+div[data-testid="stNumberInput"] button > div {
+    display: none !important;
+}
+
 /* حذف کامل عناصر داخلی ناخواسته */
 div[data-testid="stNumberInput"] button > div,
 div[data-testid="stNumberInput"] button > svg {
     display: none !important;
-    visibility: hidden !important;
 }
 
-/* ایجاد آیکون‌های سفارشی با رنگ بنفش */
-div[data-testid="stNumberInput"] button {
-    position: relative !important;
-    color: transparent !important; /* مخفی کردن متن پیش‌فرض */
-}
-
-div[data-testid="stNumberInput"] button::after {
-    content: "+";
-    position: absolute !important;
-    top: 50% !important;
-    left: 50% !important;
-    transform: translate(-50%, -50%) !important;
-    color: var(--primary) !important;
-    font-size: 1.2rem !important;
-    font-weight: bold !important;
-    width: 100% !important;
-    height: 100% !important;
-    display: flex !important;
-    align-items: center !important;
-    justify-content: center !important;
-    background: transparent !important;
-}
-
-div[data-testid="stNumberInput"] button[aria-label="Decrease value"]::after {
-    content: "-" !important;
-}
-
-/* بازنشانی کامل استایل‌های Streamlit */
+/* استایل پایه برای دکمه‌ها */
 div[data-testid="stNumberInput"] button {
     all: unset !important;
     width: 36px !important;
     height: 100% !important;
     position: relative !important;
     cursor: pointer !important;
-    z-index: 10 !important;
+    color: transparent !important;
 }
 
-/* تضمین رنگ در حالت‌های مختلف */
-div[data-testid="stNumberInput"] button:hover::after,
-div[data-testid="stNumberInput"] button:focus::after {
+/* ایجاد آیکون + برای دکمه افزایش */
+div[data-testid="stNumberInput"] button[aria-label="Increase value"]::before {
+    content: "+";
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
     color: var(--primary) !important;
+    font-size: 1.2rem;
+    font-weight: bold;
 }
 
-/* حذف عناصر سیاه پس‌زمینه */
-div[data-testid="stNumberInput"] button > div {
+/* ایجاد آیکون - برای دکمه کاهش */
+div[data-testid="stNumberInput"] button[aria-label="Decrease value"]::before {
+    content: "-";
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    color: var(--primary) !important;
+    font-size: 1.2rem;
+    font-weight: bold;
+}
+
+/* حذف هرگونه محتوای اضافی */
+div[data-testid="stNumberInput"] button span {
     display: none !important;
 }