/**
 * EnayaMed Sidebar Dropdown Indicators
 * Plus/Minus icons using CSS pseudo-elements with RTL support
 */

/* ============================================
   HIDE DEFAULT ARROW ICONS
   ============================================ */
.sidebar-menu .arrow,
.sidebar-menu .arrow i,
.sidebar-menu .ti-angle-right,
.sidebar-menu .ti-angle-left,
.sidebar-menu .ti-angle-down {
  display: none !important;
}

/* Remove any ::after elements */
.sidebar-menu li.dropdown > a::after {
  display: none !important;
}

/* ============================================
   DROPDOWN INDICATOR BASE
   ============================================ */
.sidebar-menu li.dropdown > a {
  position: relative !important;
}

.sidebar-menu li.dropdown > a::before {
  content: '+';
  position: absolute;
  inset-inline-end: 22px;
  inset-block-start: 50%;
  transform: translateY(-50%);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: var(--sidebar-text-muted);
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  transition: all var(--transition-fast);
  pointer-events: none;
}

/* Open state - minus sign */
.sidebar-menu li.dropdown.open > a::before {
  content: '\2212'; /* Unicode minus sign */
  color: var(--sidebar-text);
}

/* Hover effect */
.sidebar-menu li.dropdown > a:hover::before {
  color: var(--sidebar-text-active);
}

/* ============================================
   NESTED DROPDOWN INDICATORS
   ============================================ */
.sidebar-menu .dropdown-menu li.dropdown > a {
  position: relative !important;
}

.sidebar-menu .dropdown-menu li.dropdown > a::before {
  content: '+';
  position: absolute;
  inset-inline-end: 15px;
  inset-block-start: 50%;
  transform: translateY(-50%);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 12px;
  font-weight: 300;
  color: var(--sidebar-text-muted);
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  transition: all var(--transition-fast);
}

.sidebar-menu .dropdown-menu li.dropdown.open > a::before {
  content: '\2212';
  color: var(--sidebar-text);
}

.sidebar-menu .dropdown-menu li.dropdown > a:hover::before {
  color: var(--sidebar-text-active);
}

/* ============================================
   COLLAPSED STATE (Desktop)
   ============================================ */
@media (min-width: 992px) {
  /* Default: indicators visible */
  .sidebar-menu li.dropdown > a::before {
    opacity: 1;
    transition: opacity var(--transition-normal);
  }

  /* Collapsed: hide indicators */
  .is-collapsed .sidebar:not(:hover) .sidebar-menu li.dropdown > a::before,
  .is-collapsed .sidebar:not(:hover) .sidebar-menu .dropdown-menu li.dropdown > a::before {
    opacity: 0;
    visibility: hidden;
  }

  /* Hover: show indicators */
  .is-collapsed .sidebar:hover .sidebar-menu li.dropdown > a::before,
  .is-collapsed .sidebar:hover .sidebar-menu .dropdown-menu li.dropdown > a::before {
    opacity: 1;
    visibility: visible;
  }
}

/* ============================================
   ACCESSIBILITY
   ============================================ */
/* Ensure indicators are not read by screen readers */
.sidebar-menu li.dropdown > a::before,
.sidebar-menu .dropdown-menu li.dropdown > a::before {
  speak: never;
}