/* Reset header area */
.slicknav_menu {
  min-height: 0;
  background: transparent;
  padding: 0;
  margin: 0;
}

/* Clickable icons and items */
.slicknav_btn,
.slicknav_nav .slicknav_item {
  cursor: pointer;
}

/* Burger icon button */
.slicknav_btn {
  display: block;
  float: none;
  background-color: transparent;
  padding: 0;
  margin: 0;
  width: 40px;
  height: 40px;
  line-height: 0;
}

/* Hide default bars – we use custom image */
.slicknav_btn .slicknav_icon-bar {
  display: none;
}

/* Custom burger icon */
.slicknav_icon {
  display: block;
  width: 100%;
  height: 100%;
  background: url('/static/website/img/menu.png') no-repeat center center;
  background-size: contain;
  margin: 0;
  padding: 0;
}

/* Remove “Menu” text */
.slicknav_menutxt {
  display: none;
}

/* Clean up list styling */
.slicknav_nav,
.slicknav_nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.slicknav_nav li,
.slicknav_nav ul {
  display: block;
}

/* Menu row and anchor */
.slicknav_nav .slicknav_row,
.slicknav_nav a {
  display: block;
  text-decoration: none;
  color: #fff;
}

/* Combine "+" icon with text */
.slicknav_nav .slicknav_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  margin: 2px 0;
  border-radius: 6px;
  transition: background 0.3s ease;
}

/* Ensure only visible hover state */
.slicknav_nav .slicknav_row:focus,
.slicknav_nav .slicknav_row:hover {
  outline: none;
}

/* Keep parent link inline */
.slicknav_nav .slicknav_parent-link a {
  display: inline;
}

/* Brand/Logo styling */
.slicknav_brand {
  float: left;
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px;
}

/* Exclude Sign In from being shown */
.slicknav_nav li.sign-in-button {
  display: none !important;
}