/* =========================================================
   JOSPAR / SITE BLUE THEME
   Premium Dark Navy + Royal Blue + Electric Blue + Cyan
   ========================================================= */
:root {
  --blue-bg: #071426;
  --blue-bg-2: #0B1F3A;
  --blue-card: #102A4C;
  --blue-primary: #1565D8;
  --blue-primary-2: #1557B0;
  --blue-electric: #2F80ED;
  --blue-cyan: #39BDF8;
  --blue-border: #2367B1;
  --blue-text: #FFFFFF;
  --blue-muted: #B8C7DC;
  --blue-glow: rgba(47,128,237,.45);
  --blue-glow-cyan: rgba(57,189,248,.35);
}

/* Theme-level gold/yellow remnants */
.review-wrapper,
.popup-container {
  border-color: var(--blue-primary) !important;
}

.review-card {
  border-color: rgba(47,128,237,.35) !important;
  background: linear-gradient(145deg, rgba(16,42,76,.96), rgba(7,20,38,.98)) !important;
}

.review-card::before {
  background: linear-gradient(90deg, transparent, rgba(57,189,248,.28), transparent) !important;
}

.review-avatar img {
  border-color: var(--blue-electric) !important;
  box-shadow: 0 0 18px var(--blue-glow) !important;
}

.review-user strong,
.review-user small,
.review-card p {
  color: #BFE7FF !important;
}

.review-stars,
.review-card h4 {
  color: var(--blue-cyan) !important;
  text-shadow: 0 0 12px var(--blue-glow-cyan) !important;
}

.review-card:hover {
  border-color: var(--blue-electric) !important;
  box-shadow: 0 0 35px var(--blue-glow) !important;
}

.button,
.popup-buttons a:last-child {
  background: linear-gradient(135deg, var(--blue-electric) 0%, var(--blue-primary-2) 52%, var(--blue-primary) 100%) !important;
  border-color: var(--blue-electric) !important;
  color: #fff !important;
  box-shadow: 0 8px 25px rgba(21,101,216,.35), inset 0 1px 3px rgba(255,255,255,.18) !important;
}

.button:hover,
.popup-buttons a:last-child:hover {
  background: linear-gradient(135deg, var(--blue-cyan) 0%, var(--blue-electric) 50%, var(--blue-primary-2) 100%) !important;
  box-shadow: 0 15px 35px rgba(47,128,237,.65), 0 0 18px rgba(57,189,248,.28), inset 0 0 10px rgba(255,255,255,.22) !important;
}

.button:active {
  box-shadow: 0 5px 15px rgba(47,128,237,.45) !important;
}

.divider {
  background: linear-gradient(to bottom, transparent, var(--blue-primary-2), var(--blue-electric), transparent) !important;
  box-shadow: 0 0 12px var(--blue-glow) !important;
}

.popup-buttons a:first-child {
  border-color: var(--blue-electric) !important;
  color: #fff !important;
}

.popup-buttons a:first-child:hover {
  background: var(--blue-electric) !important;
  box-shadow: 0 0 15px var(--blue-glow) !important;
}

.blue-particle {
  background: radial-gradient(circle, var(--blue-electric) 20%, rgba(57,189,248,.18) 80%) !important;
  box-shadow: 0 0 8px var(--blue-electric) !important;
}

/* Any custom in-page CTA that still uses yellow-ish text/shadows */
[style*="ffd700"],
[style*="FFD700"],
[style*="ffcc00"],
[style*="FFCC00"],
[style*="ffc107"],
[style*="FFC107"] {
  color: var(--blue-cyan) !important;
  border-color: var(--blue-electric) !important;
  background-color: transparent !important;
}

/* Vendor UI components that are visually part of the site theme */
.message.info>*:first-child:before,
.message.warning>*:first-child:before,
.message.notice>*:first-child:before {
  color: var(--blue-electric) !important;
}

.message.global.noscript,
.message.global.cookie {
  background: #0B1F3A !important;
  border-color: var(--blue-border) !important;
  color: #EAF4FF !important;
}

.message.global.noscript a,
.message.global.cookie a {
  color: var(--blue-cyan) !important;
}

.amgdpr-notification-container {
  background: #0B1F3A !important;
  color: #EAF4FF !important;
}

.amgdprcookie-main-wrapper .amgdprcookie-btn {
  background: var(--blue-electric) !important;
  box-shadow: 0 3px 8px rgba(21,101,216,.35) !important;
}

.amgdprcookie-main-wrapper .amgdprcookie-btn:hover {
  background: var(--blue-cyan) !important;
}

.unbxd-as-popular-product-cart-button:hover,
.unbxd-as-popular-product-cart-button:active {
  background-color: var(--blue-electric) !important;
}

.ves-megamenu .navigation .nav-item.current>a>span .cat-label-v1,
.ves-megamenu .navigation .nav-item.current>a>span .cat-label-v2 {
  background-color: var(--blue-electric) !important;
}

/* Popup border is always visible in blue; hover only intensifies it. */
.popup-container {
  background: #071426 !important;
  box-shadow: 0 25px 60px rgba(0,0,0,.8), 0 0 40px rgba(47,128,237,.28) !important;
}
.luxury-border {
  border-color: rgba(47,128,237,.72) !important;
}
.popup-container:hover .luxury-border {
  border-color: #39BDF8 !important;
  box-shadow: 0 0 18px rgba(57,189,248,.32);
}