/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Apr 14 2026 | 14:16:18 */
/* =========================
   TAXIK HEADER v2
========================= */

.taxik-header {
  position: relative;
  z-index: 120;
  background: #ffffff;
  border-bottom: 1px solid rgba(12, 18, 32, 0.06);
  transition: background .28s ease, box-shadow .28s ease, border-color .28s ease, backdrop-filter .28s ease;
}

.taxik-header .container {
  max-width: 1280px;
}

.taxik-header-bg,
.taxik-header-glow {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.taxik-header-bg {
  background: linear-gradient(180deg, rgba(4,8,20,0.88) 0%, rgba(4,8,20,0.78) 100%);
  opacity: 0;
  transition: opacity .28s ease;
}

.taxik-header-glow {
  background:
    radial-gradient(circle at 12% 50%, rgba(109,220,255,0.08), transparent 18%),
    radial-gradient(circle at 88% 50%, rgba(255,212,92,0.06), transparent 20%);
  opacity: 0;
  transition: opacity .28s ease;
}

.taxik-header-inner {
  position: relative;
  z-index: 3;
  min-height: 96px;
  gap: 18px;
}

.taxik-header .flex-left,
.taxik-header .flex-right {
  align-items: center;
}

.taxik-header-logo-col {
  position: relative;
  z-index: 3;
}

.taxik-header #logo a {
  display: inline-flex;
  align-items: center;
  min-height: 64px;
}

.taxik-header #logo img,
.taxik-header #logo .header-logo-dark,
.taxik-header #logo .header-logo-sticky {
  max-height: 68px !important;
  width: auto;
}

.taxik-desktop-nav,
.taxik-mobile-nav {
  gap: 8px;
}

.taxik-header .header-nav > li,
.taxik-header .mobile-nav > li {
  margin: 0 !important;
}

.taxik-header .header-nav > li > a,
.taxik-header .mobile-nav > li > a,
.taxik-header .nav > li > a {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 46px;
  padding: 0 14px !important;
  border-radius: 999px;
  color: #0d1728;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.01em;
  transition: color .22s ease, background .22s ease, border-color .22s ease, transform .22s ease, box-shadow .22s ease;
}

.taxik-header .header-nav > li > a:hover,
.taxik-header .mobile-nav > li > a:hover,
.taxik-header .nav > li > a:hover {
  color: #07101d;
  background: rgba(12,18,32,0.05);
}

.taxik-header .header-nav > li.active > a,
.taxik-header .header-nav > li.current-menu-item > a,
.taxik-header .header-nav > li.current_page_item > a,
.taxik-header .header-nav > li.current-menu-ancestor > a {
  color: #07101d;
  background: rgba(12,18,32,0.06);
  box-shadow: inset 0 0 0 1px rgba(12,18,32,0.06);
}

.taxik-header .nav-dropdown,
.taxik-header .sub-menu,
.taxik-header .header-nav-main .nav-dropdown {
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(7, 12, 25, 0.96);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 20px 60px rgba(0,0,0,0.24);
  border-radius: 18px;
  padding: 10px;
}

.taxik-header .nav-dropdown > li > a,
.taxik-header .sub-menu > li > a {
  min-height: 42px;
  border-radius: 12px;
  color: rgba(255,255,255,0.84);
  padding: 10px 14px !important;
}

.taxik-header .nav-dropdown > li > a:hover,
.taxik-header .sub-menu > li > a:hover {
  background: rgba(255,255,255,0.06);
  color: #fff;
}

.taxik-header .menu-item-has-children > a:after,
.taxik-header .has-dropdown > a:after {
  margin-left: 8px;
  opacity: 0.72;
}

.taxik-header .button,
.taxik-header .header-button .button,
.taxik-header .button.is-outline,
.taxik-header .button.secondary {
  min-height: 46px;
  padding: 0 18px !important;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: -0.01em;
  border-radius: 999px !important;
  transition: transform .22s ease, background .22s ease, box-shadow .22s ease, border-color .22s ease, color .22s ease;
}

.taxik-header .button:hover,
.taxik-header .header-button .button:hover {
  transform: translateY(-1px);
}

.taxik-header .button.primary,
.taxik-header .header-button .button.primary,
.taxik-header .button:not(.is-outline):not(.secondary) {
  color: #07101d;
  background: linear-gradient(135deg, #ffffff 0%, #dff6ff 100%);
  box-shadow: 0 12px 28px rgba(150,190,255,0.16);
  border-color: rgba(12,18,32,0.06);
}

.taxik-header .button.secondary,
.taxik-header .button.is-outline {
  color: #0d1728;
  background: rgba(12,18,32,0.05);
  border-color: rgba(12,18,32,0.08);
}

.taxik-header .cart-item.has-icon > a,
.taxik-header .account-item > a,
.taxik-header .search-dropdown > a,
.taxik-header .html_topbar_right > a {
  min-width: 46px;
  justify-content: center;
  color: #0d1728;
}

.taxik-header-divider-wrap,
.taxik-header-divider {
  display: none;
}

/* rainbow line under header */
.taxik-header::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 3px;
  background: linear-gradient(
    90deg,
    rgba(255, 145, 77, 0.92) 0%,
    rgba(255, 213, 92, 0.92) 30%,
    rgba(136, 255, 130, 0.88) 58%,
    rgba(86, 211, 255, 0.84) 82%,
    rgba(86, 140, 255, 0.82) 100%
  );
  background-size: 180% 100%;
  box-shadow: 0 0 12px rgba(120, 220, 255, 0.12);
  animation: taxikHeaderRainbowFlow 10s linear infinite;
  opacity: 0.72;
}

/* scrolled / sticky dark mode */
.taxik-header.taxik-header-scrolled,
.stuck .taxik-header,
.taxik-header.stuck {
  background: rgba(4,8,20,0.72);
  border-bottom: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 14px 50px rgba(0,0,0,0.22);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.taxik-header.taxik-header-scrolled .taxik-header-bg,
.taxik-header.taxik-header-scrolled .taxik-header-glow,
.stuck .taxik-header .taxik-header-bg,
.stuck .taxik-header .taxik-header-glow,
.taxik-header.stuck .taxik-header-bg,
.taxik-header.stuck .taxik-header-glow {
  opacity: 1;
}

.taxik-header.taxik-header-scrolled .header-nav > li > a,
.taxik-header.taxik-header-scrolled .mobile-nav > li > a,
.taxik-header.taxik-header-scrolled .nav > li > a,
.taxik-header.taxik-header-scrolled .cart-item.has-icon > a,
.taxik-header.taxik-header-scrolled .account-item > a,
.taxik-header.taxik-header-scrolled .search-dropdown > a,
.stuck .taxik-header .header-nav > li > a,
.stuck .taxik-header .mobile-nav > li > a,
.stuck .taxik-header .nav > li > a,
.stuck .taxik-header .cart-item.has-icon > a,
.stuck .taxik-header .account-item > a,
.stuck .taxik-header .search-dropdown > a,
.taxik-header.stuck .header-nav > li > a,
.taxik-header.stuck .mobile-nav > li > a,
.taxik-header.stuck .nav > li > a,
.taxik-header.stuck .cart-item.has-icon > a,
.taxik-header.stuck .account-item > a,
.taxik-header.stuck .search-dropdown > a {
  color: rgba(255,255,255,0.9);
}

.taxik-header.taxik-header-scrolled .header-nav > li > a:hover,
.taxik-header.taxik-header-scrolled .mobile-nav > li > a:hover,
.stuck .taxik-header .header-nav > li > a:hover,
.stuck .taxik-header .mobile-nav > li > a:hover,
.taxik-header.stuck .header-nav > li > a:hover,
.taxik-header.stuck .mobile-nav > li > a:hover {
  color: #fff;
  background: rgba(255,255,255,0.07);
}

.taxik-header.taxik-header-scrolled .header-nav > li.active > a,
.taxik-header.taxik-header-scrolled .header-nav > li.current-menu-item > a,
.stuck .taxik-header .header-nav > li.active > a,
.stuck .taxik-header .header-nav > li.current-menu-item > a,
.taxik-header.stuck .header-nav > li.active > a,
.taxik-header.stuck .header-nav > li.current-menu-item > a {
  color: #fff;
  background: rgba(255,255,255,0.09);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08);
}

.taxik-header.taxik-header-scrolled .button.secondary,
.taxik-header.taxik-header-scrolled .button.is-outline,
.stuck .taxik-header .button.secondary,
.stuck .taxik-header .button.is-outline,
.taxik-header.stuck .button.secondary,
.taxik-header.stuck .button.is-outline {
  color: #fff;
  background: rgba(255,255,255,0.07);
  border-color: rgba(255,255,255,0.10);
}

@keyframes taxikHeaderRainbowFlow {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 180% 50%;
  }
}

/* mobile */
@media (max-width: 849px) {
  .taxik-header-inner {
    min-height: 82px;
    gap: 10px;
  }

  .taxik-header #logo img,
  .taxik-header #logo .header-logo-dark,
  .taxik-header #logo .header-logo-sticky {
    max-height: 54px !important;
  }

  .taxik-header .mobile-nav > li > a,
  .taxik-header .nav-icon > a,
  .taxik-header .mobile-nav.nav-left > li > a,
  .taxik-header .mobile-nav.nav-right > li > a {
    min-height: 42px;
    min-width: 42px;
    padding: 0 10px !important;
    border-radius: 14px;
    background: rgba(12,18,32,0.05);
    color: #0d1728;
  }

  .taxik-header.taxik-header-scrolled .mobile-nav > li > a,
  .stuck .taxik-header .mobile-nav > li > a,
  .taxik-header.stuck .mobile-nav > li > a {
    background: rgba(255,255,255,0.07);
    color: #fff;
  }
}