/**
 * Sony Store Summer Fest — colors aligned with campaign banner
 * Sky #9DC1F8 | Orange #F4841C | Navy #1F208F
 */
:root {
  --s618-sky: #9dc1f8;
  --s618-sky-dark: #7aa8ef;
  --s618-gold: #9dc1f8; /* alias: former gold → banner sky */
  --s618-gold-dark: #7aa8ef;
  --s618-orange: #f4841c;
  --s618-orange-dark: #e07010;
  --s618-navy: #1f208f;
  --s618-teal: #00bfa5;
  --s618-pink: #ff4081;
  --s618-black: #1a1a2e;
  --s618-white: #ffffff;
}

/* Navbar — white bar contrasts with sky-blue banner */
#main-content .navbar.bg-red {
  background-color: var(--s618-white) !important;
  border-bottom: 3px solid var(--s618-orange);
  box-shadow: 0 2px 8px rgba(31, 32, 143, 0.12);
}

#main-content .navbar-dark .navbar-nav .nav-link {
  color: var(--s618-navy);
}

#main-content .navbar-dark .navbar-toggler,
#main-content .navbar-dark #currentCate {
  color: var(--s618-navy);
}

#main-content .navbar-toggler-icon i {
  color: var(--s618-orange) !important;
}





/* Other tabs — active / hover use orange for contrast */
#main-content .navbar-dark .navbar-nav .show > .nav-link,
#main-content .navbar-dark .navbar-nav .active > .nav-link,
#main-content .navbar-dark .navbar-nav .nav-link.show,
#main-content .navbar-dark .navbar-nav .nav-link.active,
#main-content .navbar-dark .navbar-nav .nav-link:hover {
  background-color: var(--s618-orange);
  color: var(--s618-white) !important;
}

#main-content.vday .navbar-dark .navbar-nav .active > .nav-link,
#main-content.vday .navbar-dark .navbar-nav .nav-link.active,
#main-content.vday .navbar-dark .navbar-nav .nav-link:hover {
  background-color: var(--s618-orange);
  color: var(--s618-white) !important;
}

/* Accent blocks (e-coupon, etc.) */
#main-content .bg-red {
  background-color: var(--s618-orange) !important;
}

#main-content .tnc {
  border-color: var(--s618-sky);
}

#main-content.vday .tnc {
  border-color: var(--s618-orange);
}

#main-content.vday .bg-red {
  background-color: var(--s618-orange) !important;
}

/* CTA buttons */
#main-content .btn-buy,
#main-content .btn-style {
  background-color: var(--s618-orange) !important;
  border-color: var(--s618-orange) !important;
  color: var(--s618-white) !important;
}

#main-content .btn-buy:hover,
#main-content .btn-style:hover {
  background-color: var(--s618-orange-dark) !important;
  border-color: var(--s618-orange-dark) !important;
  color: var(--s618-white) !important;
}

/* Price / offer highlights */
#main-content .text-danger {
  color: var(--s618-orange) !important;
}

#main-content .bg-star {
  color: var(--s618-white);
  background-color: var(--s618-orange);
  border-color: var(--s618-sky);
}

#main-content .subcate-title,
#main-content .subcate-title span {
  background-color: var(--s618-orange);
}

/* Countdown — active sale */
#timer.start li,
#timer.start h5.startOffer {
  color: var(--s618-orange);
}

#timer.start li span {
  background-color: var(--s618-orange);
  color: var(--s618-white) !important;
}

/* Countdown — before sale */
#timer.before li,
#timer.before h5.beforeOffer {
  color: var(--s618-navy);
}

#timer.before li span {
  background-color: var(--s618-sky);
  color: var(--s618-navy) !important;
}

#main-content .flash-content .campaign-period-title {
  color: var(--s618-navy) !important;
}

h5.startOffer,
h5.beforeOffer {
  color: var(--s618-navy) !important;
}

#countdown li,
#countdown li span {
  color: var(--s618-navy) !important;
}

/* Swiper active bullet — sky */
#main-content .swiper-pagination-bullet-active {
  -webkit-box-shadow: 0 0 2px 2px var(--s618-sky);
  box-shadow: 0 0 2px 2px var(--s618-sky);
}

#main-content .dropdown-item.active,
#main-content .dropdown-item:hover {
  color: var(--s618-orange) !important;
}