/* إضافة سهم صغير قبل عناصر القائمة التي تحتوي على عناصر فرعية */
.t4-mainnav .nav > li.parent > a::before {
  content: "▸"; /* شكل السهم */
  display: inline-block;
  margin-left: 5px; /* مسافة بسيطة بعد السهم */
  font-size: 0.9em;
  color: #f5b200; /* يمكنك تعديل اللون حسب تصميمك */
  transition: transform 0.3s ease;
}

/* عند تمرير الماوس أو فتح القائمة الفرعية */
.t4-mainnav .nav > li.parent:hover > a::before {
  transform: rotate(90deg); /* دوران السهم عند الفتح */
  color: #ff8800; /* لون مختلف عند التفاعل */
}