💬
/* كود شامل لإجبار كل عناصر التصنيفات على الشكل الدائري */
/* 1. استهداف الصور بجعلها دائرية بالكامل */
[class*="category"] img,
.category-item img,
.category-card img,
.category-content img {
border-radius: 50% !important;
aspect-ratio: 1 / 1 !important;
object-fit: cover !important;
width: 150px !important; /* يمكنك تعديل الحجم من هنا */
height: 150px !important;
margin: 0 auto !important;
display: block !important;
}
/* 2. إزالة الحواف المربعة من الإطارات المحيطة بالصور */
[class*="category"]-item,
[class*="category"]-card,
.category-box {
border-radius: 50% !important;
border: none !important;
background: transparent !important;
box-shadow: none !important;
text-align: center !important;
}
/* 3. تنسيق النص أسفل الدائرة */
[class*="category"] span,
[class*="category"] h3,
.category-name {
margin-top: 15px !important;
font-weight: 600 !important;
display: block !important;
}
