/**
 * Sidebar Add Channel Item
 * Distinct style for the "add new channel" item in sidebar submenu.
 * The + icon replaces the bullet dot and aligns to the same column.
 */

/* ==================== */
/* Container Separator  */
/* ==================== */
.sidebar-add-channel {
  border-top: 1px solid rgba(var(--bs-secondary-rgb), 0.10);
  margin-top: 0.35rem;
  padding-top: 0.35rem;
}

/* ==================== */
/* Link Base Styles     */
/* ==================== */
.sidebar-add-channel .menu-link {
  color: var(--bs-primary) !important;
  font-size: 0.8125rem;
  opacity: 0.85;
  transition: opacity 0.2s ease, background-color 0.2s ease;
}

.sidebar-add-channel .menu-link:hover {
  opacity: 1;
}

/* ==================== */
/* Hide Default Bullet  */
/* ==================== */
.sidebar-add-channel .menu-link::before {
  display: none !important;
}

/* ==================== */
/* Plus Icon Styling    */
/* ==================== */
.sidebar-add-channel .menu-link i {
  color: var(--bs-primary) !important;
  font-size: 0.625rem;
  line-height: 1;
  margin-inline-end: 0;
  position: absolute;
  inset-inline-start: 1.35rem;
  top: 50%;
  transform: translateY(-50%);
}

/* Shift the text label to make room for the positioned icon */
.sidebar-add-channel .menu-link div {
  color: var(--bs-primary) !important;
}