.vendor-widget-content label { margin-inline-start: 5px; }

[dir="rtl"] .vendor-widget-content input {
  margin-left: 6px;
  margin-right: 0;
}

/* شارات الحالة */
.badge {
  padding: 6px 9px;
  letter-spacing: 0.5px;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
}
.badge.badge-new { background: #11b76b; }
.badge.badge-used { background: #ff3838; }

/* صور البطاقات */
.product-list-image {
  width: 380px;
  height: 190px;
  flex-shrink: 0;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
  background-color: #f9f9f9;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-list-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 6px;
  transform: scale(1);
  transition: transform 0.3s ease-in-out;
}

/* عناوين القسم */
.section-text { padding-inline-start: 18px; text-align: start; }
.section-text[dir="rtl"] { border-right: 3px solid #477CDB; border-left: none; }

/* مسافات */
.section-gap-120 { margin-bottom: 0 !important; }
.spacer-20p { height: 20% !important; }

/* حقول السعر */
.vendor-widget-list input[type="number"] {
  background-color: #ffffff;
  border: 1px solid #ddd;
  padding: 0 15px;
  height: 48px;
  border-radius: 6px;
  width: 100%;
}

/* محتوى البطاقة و الباجينايشن */
.product-list-content { padding: 10px; }
.pagination { position: relative; z-index: 1; }

/* عرض لون السيارة */
.color-inline {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
html[dir="rtl"] .color-inline { flex-direction: row-reverse; }

.color-dot {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid #ccc;
  background-color: var(--dot-color, #fff); /* يُمرَّر اللون عبر متغير CSS */
}