/* العنصر الرئيسي */
.custom-sort-dropdown {
  position: relative;
  display: inline-block;
  font-family: sans-serif;
}

.custom-sort-dropdown:lang(ar) {
  font-family: 'almarai', sans-serif;
float: left;
}
.custom-sort-dropdown:lang(en) {
 font-family: "Roboto Condensed", Sans-serif;
float: right;
}

/* مربع الاختيار */
.custom-sort-selected {
  position: relative;
  background: #F2F2F2;
  color: #022543;
  padding: 10px 14px;
  border-radius: 0;
  cursor: pointer;
  min-width: 274px;
  margin-bottom: 20px;
  font-size: 15px;
}

/* القائمة المنسدلة */
.custom-sort-options {
  display: none;
  position: absolute;
  background: #F2F2F2;
  border-radius: 0;
  margin-top: 0;
  z-index: 999;
  padding: 12px 0;
  color: #022543;
  font-size: 14px;
  width: 100%;
}

/* عناصر القائمة */
.custom-sort-options div {
  padding: 8px 18px;
  cursor: pointer;
  transition: all 0.2s; /* تعديل ليشمل كل الخصائص */
}

.custom-sort-options div:hover {
  background: #022543;
  color: #fff;
}

/* تصميم السهم */
.custom-sort-selected::after {
  content: "▼";
  font-size: 10px;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%) rotateX(0deg);
  transform-origin: center;
  transition: transform 0.3s;
  margin-right: 6px;
}

/* تعديلات RTL */
.rtl .custom-sort-selected::after,
[dir="rtl"] .custom-sort-selected::after {
  right: auto;
  left: 12px;
  margin-right: 0;
  margin-left: 6px;
}

/* حالة السهم عند الفتح */
.custom-sort-dropdown.active .custom-sort-selected::after {
  transform: translateY(-50%) rotateX(180deg);
}

/* نسخة الموبايل */
@media (max-width: 767px) {

.custom-sort-selected {
	min-width: 236px ;
        font-size : 13px;
        padding: 10px 12px ;}

.custom-sort-options div {
	padding: 8px 14px ;}

.rtl .custom-sort-selected::after,
[dir="rtl"] .custom-sort-selected::after {
	left: 2px ;}

.custom-sort-options {
	font-size: 13px ;}

}