/**
 * @file
 * Frontend sidebar navigation icons for custom menu items.
 *
 * This file adds Font Awesome icons to custom navigation items in the
 * expanded sidebar state. Icons match those defined in sidebar-collapse.css
 * for visual consistency.
 */

/* Lander Pages - File/Document icon - Only show when collapsed */
.apex-sidebar-aside.sidebar-collapsed nav ul li a[href*="/dashboard/lander-pages"]::before,
.sidebar-collapsed .nav-link--dashboard-lander-pages::before {
  content: '\f15c';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  margin-right: 10px;
  display: inline-block;
  width: 1.25em;
  text-align: center;
  color: #ffffff;
}

/* Lander Forms - File Signature icon - Only show when collapsed */
.apex-sidebar-aside.sidebar-collapsed nav ul li a[href*="/dashboard/lander-forms"]::before,
.sidebar-collapsed .nav-link--dashboard-lander-forms::before {
  content: '\f298';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  margin-right: 10px;
  display: inline-block;
  width: 1.25em;
  text-align: center;
  color: #ffffff;
}

/* Lander Skip - Clipboard List icon - Only show when collapsed */
.apex-sidebar-aside.sidebar-collapsed nav ul li a[href*="/dashboard/lander-skip"]::before,
.sidebar-collapsed .nav-link--dashboard-lander-skip::before {
  content: '\f0ea';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  margin-right: 10px;
  display: inline-block;
  width: 1.25em;
  text-align: center;
  color: #ffffff;
}

/* Subscriptions - Alarm clock icon - Only show when collapsed */
.apex-sidebar-aside.sidebar-collapsed nav ul li a[href="/subscriptions"]::before,
.sidebar-collapsed .nav-link--subscriptions::before {
  content: '\f0f3';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  margin-right: 10px;
  display: inline-block;
  width: 1.25em;
  text-align: center;
  color: #ffffff;
}

/* Hover background color - purple with white text */
.apex-sidebar-aside nav ul li a:hover {
  background-color: #7729a4 !important;
  color: #fff !important;
  transition: background-color 0.2s ease;
}

/* Active and hover states for icons */
.apex-sidebar-aside nav ul li a:hover::before,
.apex-sidebar-aside nav ul li a.is-active::before,
.apex-sidebar-aside nav ul li a.active::before {
  color: #ffffff;
}

/* Add consistent left padding to all links when sidebar is not collapsed */
.apex-sidebar-aside:not(.sidebar-collapsed) nav ul li a {
  padding-left: 15px;
}

/* Maintain same padding for active/selected and hovered links to prevent movement */
.apex-sidebar-aside:not(.sidebar-collapsed) nav ul li a.is-active,
.apex-sidebar-aside:not(.sidebar-collapsed) nav ul li a.active,
.apex-sidebar-aside:not(.sidebar-collapsed) nav ul li a:hover {
  padding-left: 15px;
}