@media (max-width: 800px) {
  .ves-megamenu.top-navigation .drill-opener {
    cursor: pointer;
  }

  .ves-megamenu.top-navigation .nav-item > .submenu {
    display: none;
  }

  .ves-megamenu.top-navigation .nav-item.is-submenu-open > .submenu {
    display: block !important;
  }

  .ves-megamenu.top-navigation .drilldown-back a {
    cursor: pointer;
  }
}

body.theme-pearl.store-view-idn.catalog-product-view .page-wrapper .breadcrumbs {
  box-sizing: border-box;
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  min-height: 46px !important;
  padding: 0 20px !important;
}

body.theme-pearl.store-view-idn.catalog-product-view .page-wrapper .breadcrumbs .items {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
  line-height: 18px !important;
}

body.theme-pearl.store-view-idn.catalog-product-view .page-wrapper .breadcrumbs .items .item,
body.theme-pearl.store-view-idn.catalog-product-view .page-wrapper .breadcrumbs .items .item a,
body.theme-pearl.store-view-idn.catalog-product-view .page-wrapper .breadcrumbs .items .item strong {
  float: none !important;
  display: inline !important;
  vertical-align: middle !important;
  line-height: 18px !important;
}

body.theme-pearl.store-view-idn.catalog-product-view
  .page-wrapper
  .breadcrumbs
  .items
  .item:not(:last-child):after {
  display: inline !important;
  line-height: 18px !important;
  vertical-align: middle !important;
}

@media (max-width: 767px) {
  body.theme-pearl.store-view-idn.catalog-product-view .page-wrapper .breadcrumbs {
    min-height: 42px !important;
    padding: 0 14px !important;
  }
}

/* Blue neon palette used only by the promotional popup. */
:root {
  --theme-neon-blue: #006eff;
  --theme-neon-blue-bright: #00a8ff;
  --theme-neon-blue-dark: #003b91;
}

.popup-overlay {
  background: rgba(7, 27, 51, 0.72) !important;
}

.popup-container {
  background:
    radial-gradient(circle at 50% 0%, rgba(64, 203, 255, 0.5), transparent 42%),
    linear-gradient(160deg, #063b9a 0%, #005fe8 52%, #003a9d 100%) !important;
  border-color: var(--theme-neon-blue-bright) !important;
  box-shadow: 0 22px 46px rgba(0, 42, 92, 0.42), 0 0 30px rgba(0, 168, 255, 0.55) !important;
}

.popup-container .clk-btn-sgp {
  background: transparent !important;
}

.popup-container .popup-footer {
  color: #fff !important;
  font-weight: 600;
  text-shadow: 0 1px 3px rgba(0, 22, 70, 0.85);
}

.popup-container .popup-footer span {
  color: #fff !important;
  text-shadow: 0 0 8px rgba(104, 219, 255, 0.95) !important;
}

.popup-container .gold-particle {
  background: radial-gradient(circle, #b9edff 0%, #00a8ff 55%, rgba(0, 78, 210, 0.2) 100%) !important;
  box-shadow: 0 0 10px rgba(104, 219, 255, 0.9), 0 0 22px rgba(0, 168, 255, 0.65) !important;
}

.popup-container .luxury-border {
  border-color: rgba(75, 201, 255, 0.65) !important;
  background: linear-gradient(135deg, transparent 0%, rgba(68, 202, 255, 0.13) 50%, transparent 100%) !important;
}

.popup-container .clk-btn-sgp .login,
.popup-container .clk-btn-sgp .register {
  color: #fff !important;
  border-color: #58c9ff !important;
  background: linear-gradient(180deg, #2fbdff 0%, #006eff 56%, #0048c7 100%) !important;
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.45), 0 5px 0 #003b91, 0 0 20px rgba(0, 168, 255, 0.48) !important;
}

.popup-container .clk-btn-sgp .login:hover,
.popup-container .clk-btn-sgp .register:hover {
  color: #fff !important;
  border-color: #8bdcff !important;
  background: linear-gradient(180deg, #57ccff 0%, #087cff 56%, #0056df 100%) !important;
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.55), 0 6px 0 #003b91, 0 0 28px rgba(0, 168, 255, 0.62) !important;
}

.popup-container .clk-btn-sgp a:hover {
  border-color: #8bdcff !important;
}

.popup-container .clk-btn-sgp a:active {
  box-shadow: 0 3px 0 #003b91, 0 6px 10px rgba(0, 42, 92, 0.28) !important;
}

/* Replace the remaining teal article and FAQ palette with electric blue. */
.article-box {
  border-color: rgba(0, 126, 255, 0.58) !important;
  background: #06245c !important;
}

.article-box::before {
  background: linear-gradient(130deg, rgba(0, 168, 255, 0.12), transparent 45%) !important;
}

.article-source-layout p,
.article-source-review-text {
  color: #d9edff !important;
}

.article-source-layout a,
.highlight-box.article-source-story a,
.article-source-rainbow-glow,
.article-source-review-stars,
.article-source-review-date::before {
  color: #42c8ff !important;
  -webkit-text-fill-color: #42c8ff !important;
}

.article-source-divider,
.article-closing-label.article-source-closing-label::before,
.highlight-box.article-source-story a::after,
.article-section-card.article-source-section-card::before,
.GacorSlot138-faq-section::after,
.article-source-review-date::after {
  background: var(--theme-neon-blue-bright) !important;
}

.highlight-box.article-source-story {
  border-color: rgba(0, 168, 255, 0.48) !important;
  background: #07357c !important;
}

.article-source-lead-panel,
.article-section-card.article-source-section-card,
.article-source-review-card {
  border-color: rgba(0, 168, 255, 0.4) !important;
  background: #09428f !important;
}

.article-closing-note.article-source-closing-note,
.GacorSlot138-faq-note {
  border-color: rgba(66, 200, 255, 0.55) !important;
  background: #073978 !important;
}

.article-section-card.article-source-section-card:hover,
.GacorSlot138-faq-item:hover {
  border-color: #42c8ff !important;
}

.article-section-index.article-source-section-index,
.GacorSlot138-faq-number {
  color: #fff !important;
  background: linear-gradient(135deg, #00a8ff, #006eff) !important;
}

.article-section-index.article-source-section-index::before {
  background: #003b91 !important;
}

.GacorSlot138-faq-section {
  --faq-blue: #00a8ff !important;
  --faq-blue-light: #7bd8ff !important;
  --faq-yellow: #42c8ff !important;
  --faq-card: #09428f !important;
  --faq-text: #fff !important;
  --faq-muted: #d9edff !important;
  border-color: rgba(0, 168, 255, 0.52) !important;
  background: #062f70 !important;
}

.GacorSlot138-faq-item {
  border-color: rgba(66, 200, 255, 0.34) !important;
  background: var(--faq-card) !important;
}

.article-kicker.article-source-kicker,
.article-closing-label.article-source-closing-label,
.GacorSlot138-faq-mini-title,
.GacorSlot138-faq-note-icon {
  color: #fff !important;
  background: linear-gradient(135deg, #00a8ff, #006eff) !important;
}

.article-source-review-date {
  color: #d9edff !important;
  border-color: rgba(66, 200, 255, 0.55) !important;
  background: #062f70 !important;
}
