From 4e128a8b087b1a2f7604ef2bf33fa0f4c40565bd Mon Sep 17 00:00:00 2001
From: mortezaei <mortezaei2324@gmail.com>
Date: Tue, 25 Aug 2026 14:39:44 +0330
Subject: [PATCH] style(checkbox): remove box-shadow glow/blur and keep clean
 crisp borders

---
 src/components/Componentes/question-checkbox.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/Componentes/question-checkbox.tsx b/src/components/Componentes/question-checkbox.tsx
index 59c4224..e967539 100644
--- a/src/components/Componentes/question-checkbox.tsx
+++ b/src/components/Componentes/question-checkbox.tsx
@@ -55,10 +55,10 @@ export function QuestionCheckbox({
           <label
             htmlFor={`checkbox-${question.id}`}
             className={[
-              "cursor-pointer rounded-[16px] font-medium text-[14px] transition-all duration-200 active:scale-[0.99] flex items-center gap-3.5 w-full px-5 py-4 text-start leading-relaxed",
+              "cursor-pointer rounded-[16px] font-medium text-[14px] transition-all duration-200 active:scale-[0.99] flex items-center gap-3.5 w-full px-5 py-4 text-start leading-relaxed border",
               isChecked
-                ? "bg-[#F0445B] text-white shadow-[0_8px_20px_rgba(240,68,91,0.25)]"
-                : "bg-[#FAFAFA] text-[#181818] hover:bg-white shadow-[0_2px_6px_rgba(0,0,0,0.03)] border border-[#F0EDED]",
+                ? "bg-white text-[#181818] border-[#F0445B]"
+                : "bg-[#FAFAFA] text-[#181818] hover:bg-white border-[#F0EDED]",
             ].join(" ")}
           >
             <input
@@ -73,7 +73,7 @@ export function QuestionCheckbox({
               className={[
                 "size-[20px] shrink-0 rounded-[6px] border-[2px] transition-all flex items-center justify-center",
                 isChecked
-                  ? "border-white bg-white text-[#F0445B]"
+                  ? "border-[#F0445B] bg-[#F0445B] text-white"
                   : "border-[#D0D5DD] bg-white text-transparent",
               ].join(" ")}
             >
@@ -143,13 +143,13 @@ export function QuestionCheckbox({
               key={option.id}
               htmlFor={optionId}
               className={[
-                "cursor-pointer rounded-[16px] font-semibold text-[15px] transition-all duration-200 active:scale-[0.99] flex items-center gap-3",
+                "cursor-pointer rounded-[16px] font-semibold text-[15px] transition-all duration-200 active:scale-[0.99] flex items-center gap-3 border",
                 isShortOptions
                   ? "flex-1 min-w-[90px] px-5 py-3.5 text-center justify-center"
                   : "w-full px-5 py-4 text-start leading-snug",
                 isSelected
-                  ? "bg-[#F0445B] text-white shadow-[0_8px_20px_rgba(240,68,91,0.25)]"
-                  : "bg-[#FAFAFA] text-[#181818] hover:bg-white shadow-[0_2px_6px_rgba(0,0,0,0.03)] border border-[#F0EDED]",
+                  ? "bg-[#F0445B] text-white border-[#F0445B]"
+                  : "bg-[#FAFAFA] text-[#181818] hover:bg-white border-[#F0EDED]",
               ].join(" ")}
             >
               <input