/* =========================
   NAVIGATION
========================= */
.whb-main-header {
  --col-left-width: 20%;
}

.whb-main-header .whb-row.whb-header-bottom {
  background: linear-gradient(135deg,
      #f29900 0%,
      #f5a623 40%,
      #ffd27a 100%);

  border: 1px solid rgba(129, 129, 129, 0.2);
  border-left: none;
  border-right: none;
}

.whb-header-bottom .whb-column.whb-col-left {
  border-left: 1px solid rgba(129, 129, 129, 0.2);
  border-right: 1px solid rgba(129, 129, 129, 0.2);
  width: var(--col-left-width);
  margin: 0;
  align-items: flex-start;
}

.whb-header-bottom .whb-column.whb-col-left .wd-header-text {
  padding: 0;
  height: 100%;
}

.wd-header-main-nav .current-menu-item {
  --dia: 12px;
  position: relative;
  color: var(--via-primary-color);
  background-color: #fff;
  padding: 0 12px;
  border-radius: 8px;
  pointer-events: none;
}

/* Chấm trang hiện tại */
.wd-header-main-nav .current-menu-item::after,
.wd-header-main-nav .current-menu-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.wd-header-main-nav .current-menu-item::after {
  width: var(--dia);
  height: var(--dia);
  border-radius: 50%;
  background-color: #fff;
  transform: translate(-50%, calc(-100% + var(--dia) / 2));
  z-index: 11;
}

.wd-header-main-nav .current-menu-item::before {
  width: calc(var(--dia) * 1.5);
  height: calc(var(--dia) * 1.5);
  border-radius: 80%;
  background-color: #f5a623;
  transform: translate(-50%, calc(-100% + calc(var(--dia) * 1.5) / 2));
  z-index: 10;
}

/* Link thường */
.whb-header .wd-nav[class*="wd-style-"]>li:not(.current-menu-item)>a {
  color: #fff;
}

.whb-header .wd-nav[class*="wd-style-"]>li:not(.current-menu-item)>a:hover {
  color: #fff;
  transform: translateY(-6px);
}