/* Fix the horizontal bar (hamburger) on your mobile device */
@media screen and (max-width: 992px) {
  /* Main bar background */
  .toolbar-bar {
    background-color: var(--gin-color-primary, #fff) !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.1) !important;
  }

  /* Icon and text colors (Home, Manage, etc.) */
  .toolbar-bar .toolbar-tab > .toolbar-item,
  .toolbar-bar .toolbar-tab > .toolbar-icon {
    color: var(--gin-color-text, #222324) !important;
    background-image: none; /* Evita conflictos de iconos */
  }

  /* The specific hamburger and user button */
  .toolbar-icon-menu::before,
  .toolbar-icon-user::before {
    background: var(--gin-color-text, #000) !important;
  }
  .toolbar-icon-menu.is-active::before,
  .toolbar-icon-user.is-active::before {
    filter: none !important;
  }

  /* fix toolbar icon home */
  a.toolbar-logo {
    img.toolbar-icon-home {
      padding-left: 8px;
    }
  }
  /* fix toolbar logout */
  a.toolbar-icon.menu-route-user-logout i {
    display: none;
  }

  a.toolbar-icon.menu-route-user-logout span {
    padding: 0 !important;
  }
}