/* desktop menu */
div.menu-p-main-menu-container ul.menu {
  display: flex;
  flex-direction: column;
  /* gap: 10px; */
}
/* menu items animation fix */
.header-vertical .main-nav .menu > li:hover > a {
  margin-left: unset !important;
}

/* desktop menu logo */
@media (min-width: 1025px) {
  header.main-header div.site-logo {
    display: flex;
    align-items: center;
    min-height: 100px;
    justify-content: center;
  }
}

/* menu icons */
div.main-nav ul.menu img,
div.mobile-nav ul.site-mobile-menu img {
  height: 30px;
  margin: 0;
}

/* menu text */
div.main-nav ul.menu span,
div.mobile-nav ul.site-mobile-menu span {
  color: #222;
  white-space: nowrap;
  text-transform: none;
  font-size: 16px;
  /* position: absolute; */
  left: 50px;
  transition: 0.3s ease;
  line-height: 1;
}
div.main-nav ul.menu a.p-menu-link {
  line-height: 1 !important;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  /* column-gap: 7px; */
  padding: 0;
  width: -webkit-fill-available;
}
div.main-nav ul.menu i.p-menu-iconfont {
  font-size: 20px;
}
div.main-nav ul.menu img.p-menu-icon,
div.main-nav ul.menu i.p-menu-iconfont {
  /* margin-left: 15px !important; */
}

/* menu items */
header.main-header ul.menu li[class^="p-menu-item-"] {
  display: flex;
  width: -webkit-fill-available;
  height: 50px;
  padding: 0 !important;
}

/* hover fix */
.main-nav .menu > li > a:hover {
  color: unset !important;
}
/* some fixes */
header.main-header div.wrapp-header {
  padding: 0 !important;
}

/* onhover */
div.menu-p-main-menu-container ul.menu li[class^="p-menu-item-"] img,
header.main-header ul.menu li[class^="p-menu-item-"] i::before {
  transition: 0.3s ease;
}
div.menu-p-main-menu-container ul.menu li[class^="p-menu-item-"]:hover img {
  filter: brightness(1.25);
}
header.main-header ul.menu li[class^="p-menu-item-"]:hover i::before,
header.main-header ul.menu li[class^="p-menu-item-"]:hover span.p-menu-text {
  color: white;
}

/* desktop li items */
header.main-header li {
  transition: 0.3s ease;
  padding: 0 20px 0 20px;
}
header.main-header li:hover {
  cursor: pointer;
}

/* desktop menu gray lines around login & signup buttons */
header.main-header div.right-column {
  justify-self: center;
  width: 80%;
}

/* fix. both menu li's sizes and colors fix*/
.mobile-nav ul li {
  display: flex !important;
  justify-content: flex-start;
  align-items: center;
  height: 50px;
}
li[class^="p-menu-item-"] i {
  color: #222;
}
div.mobile-nav ul li a {
  border-bottom: 1px solid transparent !important;
}

/* desktop menu scrollbar */
header.main-header {
  overflow-y: auto !important;
}
header.main-header::-webkit-scrollbar {
  width: 4px;
}
header.main-header::-webkit-scrollbar-track {
  background: var(--bg-color);
}
header.main-header::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  /* border-radius: 50px; */
}
header.main-header:hover::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-color);
}
@media (max-width: 1024px) {
  ::-webkit-scrollbar {
    width: 0px !important;
  }
}

/*mobile*/
/* side menu */
div.mobile-nav {
  background-color: var(--bg-color);
}

/* side menu logo */
div.mobile-nav div.basel-close-sidebar-btn {
  background-color: var(--bg-color);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 25px;
  height: auto;
}
div.mobile-nav div.basel-close-sidebar-btn img {
  width: 100px;
}

/* side menu buttons*/
div.mobile-nav div.p-xelem-wrapper-logsign-blank {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin-bottom: 15px;
}

/* mobile menu */
/*mini fix*/
.mobile-nav ul li a i {
  min-width: unset !important;
  margin-right: unset !important;
}
.main-nav .menu > li > a > i {
  margin-right: unset !important;
}

div.mobile-nav ul.site-mobile-menu a.p-menu-link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: -webkit-fill-available;
  width: -webkit-fill-available;
  line-height: unset !important;
  column-gap: 7px;
  border: 0px;
  /* padding: 0 0 0 15px; */
  padding: 0 0 0 0;
}
div.mobile-nav ul.site-mobile-menu img.p-menu-icon,
div.mobile-nav ul.site-mobile-menu i.p-menu-iconfont {
  /* margin-left: 15px !important; */
}

/* fix. top line for first li in menu (mobile menu first li doesnt have border-top line) */
div.mobile-nav ul.site-mobile-menu:first-child {
  /* border-top: 1px solid rgba(92, 92, 92, 0.23); */
}
div.mobile-nav ul.site-mobile-menu li {
  transition: 0.3s ease;
  /* border-bottom: 1px solid rgba(92, 92, 92, 0.23); */
}

/* every li on tap at mobile */
/*fixes*/
.mobile-nav ul li a:active {
  color: unset !important;
  background-color: unset !important;
}
div.mobile-nav ul.site-mobile-menu li:hover,
div.mobile-nav ul.site-mobile-menu li:active,
header.main-header li:hover {
  background-color: lightgray;
}
div.mobile-nav ul.site-mobile-menu li:hover img.p-menu-icon,
div.mobile-nav ul.site-mobile-menu li:active img.p-menu-icon {
  filter: brightness(1.25);
}

/*li on hover*/
div.mobile-nav ul.site-mobile-menu > li img.p-menu-iconsvg,
div.mobile-nav ul.site-mobile-menu > li span.p-menu-text {
  color: #222;
  transition: 0.3s ease;
}
div.mobile-nav ul.site-mobile-menu > li:hover img.p-menu-iconsvg,
div.mobile-nav ul.site-mobile-menu > li:hover span.p-menu-text,
div.mobile-nav ul.site-mobile-menu > li:hover i.p-menu-iconfont {
  color: white;
}

/**/
/* mobile header and menu uni(log-sign) buttons */
@media (max-width: 1024px) {
  div.mobile-nav div.p-xelem-wrapper-logsign-blank a.p-xelem-link {
    padding-top: clamp(4px, 1vw, 6px);
    padding-right: clamp(14px, 3vw, 16px);
    padding-bottom: clamp(4px, 1vw, 6px);
    padding-left: clamp(14px, 3vw, 16px);
  }
  div.mobile-nav div.p-xelem-wrapper-logsign-blank span.p-xelem-btn {
    font-size: clamp(16px, 4vw, 18px);
  }
}
div[class^="p-xelem-wrapper-"][class$="-uni-signupbtn"] .p-xelem-content-noimg,
div[class^="p-xelem-wrapper-"][class$="-uni-loginbtn"] .p-xelem-content-noimg {
  display: flex;
}