/* جعل خلفية الصفحات نظيفة ومريحة وخلفيات القوائم بيضاء صافية */
body, html, .site, #page, .woocommerce-page, .woocommerce-checkout {
    background-color: #F8F9FA !important; /* خلفية هادئة تمتص توهج الشاشة */
}

/* تنظيف القوائم الجانبية وبطاقات المنتجات وجعلها منسابة وسلسة مع حواف أنعم ومسافات أوسع */
.products .product, 
.woocommerce ul.products li.product, 
.widget_product_categories, 
.woocommerce-sidebar,
.woocommerce-billing-fields, 
#order_review,
.product-grid-item {
    background-color: #FFFFFF !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 12px !important; /* حواف أكثر انحناءً ونعومة */
    padding: 24px !important; /* مساحات داخلية أوسع ومريحة */
    transition: all 0.25s ease-in-out !important; /* حركة سلسة عند تمرير الماوس */
}

/* تأثير ناعم وراقٍ جداً عند الوقوف على المنتج */
.products .product:hover, .woocommerce ul.products li.product:hover {
    transform: translateY(-4px); /* ارتفاع خفيف وسلس للمنتج */
    box-shadow: 0 12px 24px rgba(11, 37, 69, 0.08) !important;
    border-color: #0B2545 !important;
}

/* تنعيم حقول الفواتير وإدخال البيانات بصفحة الدفع لتكون مريحة للمستخدم مع زوايا ناعمة ومتناسقة */
input[type="text"], input[type="email"], input[type="tel"], select, textarea {
    border-radius: 8px !important; /* حواف متناسقة مع البطاقات */
    border: 1px solid #D1D5DB !important;
    padding: 12px 16px !important; /* مسافات مريحة للكتابة */
    transition: border-color 0.2s !important;
}
input[type="text"]:focus, input[type="email"]:focus {
    border-color: #0B2545 !important; /* يتغير الإطار بسلاسة عند الكتابة */
}