ul[aria-expanded] li a{
  display: flex;
  align-items: center;
  gap: 10px;              
  padding: 10px 14px;     
}


ul[aria-expanded] li a i{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 16px !important;            
  min-width: 16px !important;
  height: 16px !important;           

  margin: 0;              
  padding: 0;             
  background: transparent;
  border-radius: 0;       

  font-size: 12px !important;        
  line-height: 1 !important;
  margin-right:5px !important;
  color: #6b7280 !important;        
}


ul[aria-expanded] li a:hover i{
  color: #1EAAE7 !important;
  transform: none;        
}


ul[aria-expanded] li a.active i{
  color: #1EAAE7 !important;
}

/* ============ MENU LINK STYLE ============ */
li > a.menu-link{
  display: flex;
  align-items: center;
  gap: 10px;
  color: #737B8B !important;      /* ilk açılış siyah */
  text-decoration: none;
}

li > a.menu-link:hover,
li > a.menu-link.active{
  color: #1EAAE7 !important;      /* hover + active mavi */
}

/* İkonun kendisi: temanın yuvarlak/badge stillerini ez */
li > a.menu-link > i.svg-i{
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 16px !important;
  display: inline-block !important;

  /* Tema şunları basıyorsa kapat */
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;

  /* Asıl boyama ve maske */
  background-color: currentColor !important;
  -webkit-mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  -webkit-mask-size: contain !important;
  mask-repeat: no-repeat !important;
  mask-position: center !important;
  mask-size: contain !important;
}
li > a.nav-link > i.svg-i{
  width: 22px !important;
  height: 18px !important;
  flex: 0 0 18px !important;
  display: inline-block !important;

  /* Tema şunları basıyorsa kapat */
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;

  /* Asıl boyama ve maske */
  background-color: currentColor !important;
  -webkit-mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  -webkit-mask-size: contain !important;
  mask-repeat: no-repeat !important;
  mask-position: center !important;
  mask-size: contain !important;
}

/* Balon ikonu: mask-image mutlaka uygulansın (yol CSS'e göre relatif) */
li > a.menu-link > i.svg-i.i-balloon{
  -webkit-mask-image: url("../images/svg/air-balloon.svg") !important;
  mask-image: url("../images/svg/air-balloon.svg") !important;
}
li > a.nav-link > i.svg-i.i-balloons{
  -webkit-mask-image: url("../images/svg/air-balloon.svg") !important;
  mask-image: url("../images/svg/air-balloon.svg") !important;
}
li > a.menu-link > i.svg-i.i-pilot{
  -webkit-mask-image: url("../images/svg/pilot.svg") !important;
  mask-image: url("../images/svg/pilot.svg") !important;
}
li > a.menu-link > i.svg-i.i-ekip{
  -webkit-mask-image: url("../images/svg/business-team.svg") !important;
  mask-image: url("../images/svg/business-team.svg") !important;
}
li > a.menu-link > i.svg-i.i-surucu{
  -webkit-mask-image: url("../images/svg/bus.svg") !important;
  mask-image: url("../images/svg/bus.svg") !important;
}
li > a.menu-link > i.svg-i.i-tahsilat{
  -webkit-mask-image: url("../images/svg/money-coin.svg") !important;
  mask-image: url("../images/svg/money-coin.svg") !important;
}