/* Flatsome header restyled to match 868679.live */

.siu88-theme .header-wrapper,
.siu88-theme .header-main,
.siu88-theme .header-bottom {
  background: var(--siu88-surface);
}

.siu88-theme .header-main {
  min-height: var(--siu88-header-top);
}

.siu88-theme .header-inner.container,
.siu88-theme .header-bottom .container {
  max-width: var(--siu88-container);
  width: 100%;
}

.siu88-theme .header-bottom .container {
  max-width: 1240px;
}

.siu88-theme #logo img,
.siu88-theme #logo .header_logo {
  max-height: 40px;
  width: auto;
  object-fit: contain;
}

.siu88-theme .header-nav.nav-right .header-button-1 .button,
.siu88-theme .header-nav.nav-right .header-button-2 .button,
.siu88-theme .mobile-nav .header-button-1 .button,
.siu88-theme .mobile-nav .header-button-2 .button {
  min-width: 108px;
  height: 36px;
  line-height: 34px;
  padding: 0 16px;
  border-radius: 18px;
  font-size: 14px;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0;
}

.siu88-theme .header-nav.nav-right .header-button-1 .button,
.siu88-theme .mobile-nav .header-button-1 .button {
  background: var(--siu88-surface);
  color: var(--siu88-primary);
  border: 1px solid var(--siu88-primary);
  box-shadow: none;
}

.siu88-theme .header-nav.nav-right .header-button-2 .button,
.siu88-theme .mobile-nav .header-button-2 .button {
  background: var(--siu88-gradient);
  color: #fff;
  border: 0;
  box-shadow: none;
}

.siu88-theme .html_topbar_left,
.siu88-theme .siu88-header-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 13px;
  color: #2d3743;
}

.siu88-theme .siu88-header-actions a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #2d3743;
  text-decoration: none;
  white-space: nowrap;
}

.siu88-theme .siu88-header-actions a:before {
  content: "";
  width: 16px;
  height: 16px;
  background: url("../icons/ui/lock.svg") center / contain no-repeat;
}

.siu88-theme .siu88-header-actions a:hover {
  color: var(--siu88-primary);
}

.siu88-theme .header-bottom {
  min-height: var(--siu88-header-nav);
  border-top: 1px solid #f0f3f7;
}

.siu88-theme .header-bottom .header-nav-main.nav,
.siu88-theme .header-bottom .header-bottom-nav,
.siu88-theme #wide-nav ul.nav,
.siu88-theme #wide-nav .flex-row {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  width: 100%;
  gap: 0;
}

.siu88-theme .header-bottom .nav > li {
  flex: 0 0 auto;
}

.siu88-theme .header-bottom .nav > li > a {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  padding: 7px 7px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: #2d3743;
  border-radius: 10px;
  line-height: 1.2;
  white-space: nowrap;
}

.siu88-theme .header-bottom .nav > li.siu88-nav > a:before {
  content: "";
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.siu88-theme .header-bottom .nav > li.siu88-nav--casino > a:before { background-image: url("../icons/nav/casino.svg"); }
.siu88-theme .header-bottom .nav > li.siu88-nav--sports > a:before { background-image: url("../icons/nav/sports.svg"); }
.siu88-theme .header-bottom .nav > li.siu88-nav--slots > a:before { background-image: url("../icons/nav/slots.svg"); }
.siu88-theme .header-bottom .nav > li.siu88-nav--fish > a:before { background-image: url("../icons/nav/fish.svg"); }
.siu88-theme .header-bottom .nav > li.siu88-nav--cards > a:before { background-image: url("../icons/nav/cards.svg"); }
.siu88-theme .header-bottom .nav > li.siu88-nav--lottery > a:before { background-image: url("../icons/nav/lottery.svg"); }
.siu88-theme .header-bottom .nav > li.siu88-nav--esports > a:before { background-image: url("../icons/nav/esports.svg"); }
.siu88-theme .header-bottom .nav > li.siu88-nav--cockfight > a:before { background-image: url("../icons/nav/cockfight.svg"); }
.siu88-theme .header-bottom .nav > li.siu88-nav--promo > a:before { background-image: url("../icons/nav/promo.svg"); }
.siu88-theme .header-bottom .nav > li.siu88-nav--app > a:before { background-image: url("../icons/nav/app.svg"); }

.siu88-theme .header-bottom .nav > li > a:hover,
.siu88-theme .header-bottom .nav > li.active > a,
.siu88-theme .header-bottom .nav > li.current-menu-item > a {
  color: var(--siu88-primary);
  background: #f3f7ff;
}

.siu88-theme .off-canvas .nav > li.siu88-nav > a {
  display: flex;
  align-items: center;
  gap: 10px;
}

.siu88-theme .off-canvas .nav > li.siu88-nav > a:before {
  content: "";
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.siu88-theme .off-canvas .nav > li.siu88-nav--casino > a:before { background-image: url("../icons/nav/casino.svg"); }
.siu88-theme .off-canvas .nav > li.siu88-nav--sports > a:before { background-image: url("../icons/nav/sports.svg"); }
.siu88-theme .off-canvas .nav > li.siu88-nav--slots > a:before { background-image: url("../icons/nav/slots.svg"); }
.siu88-theme .off-canvas .nav > li.siu88-nav--fish > a:before { background-image: url("../icons/nav/fish.svg"); }
.siu88-theme .off-canvas .nav > li.siu88-nav--cards > a:before { background-image: url("../icons/nav/cards.svg"); }
.siu88-theme .off-canvas .nav > li.siu88-nav--lottery > a:before { background-image: url("../icons/nav/lottery.svg"); }
.siu88-theme .off-canvas .nav > li.siu88-nav--esports > a:before { background-image: url("../icons/nav/esports.svg"); }
.siu88-theme .off-canvas .nav > li.siu88-nav--cockfight > a:before { background-image: url("../icons/nav/cockfight.svg"); }
.siu88-theme .off-canvas .nav > li.siu88-nav--promo > a:before { background-image: url("../icons/nav/promo.svg"); }
.siu88-theme .off-canvas .nav > li.siu88-nav--app > a:before { background-image: url("../icons/nav/app.svg"); }

.siu88-theme .stuck .header-main {
  box-shadow: 0 2px 12px rgba(6, 7, 10, 0.06);
}

.siu88-theme .top-divider {
  display: none;
}