/* OCX v2.16.21 — Mini Cart palette authority.
   Loaded LAST in <head>; only Mini Cart is targeted. Every visual token comes
   from the saved Palette variables (on #cart, including after AJAX refresh).
   This stylesheet does not control opening, positioning or cart operations. */

/* Panel and product surfaces — explicitly override old Light/Custom/dark gradients. */
html body.ocx-shop-body .ocx-shop-cart #cart .dropdown-menu.ocx-mini-cart-menu {
  background:var(--ocx-cart-panel-bg,#071321)!important;
  background-image:none!important;
  color:var(--ocx-cart-panel-text,#f5f9ff)!important;
  border-color:var(--ocx-cart-row-border,#17304d)!important;
  border-radius:var(--ocx-cart-panel-radius,15px)!important;
}
html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu .ocx-mini-cart-head {
  background:var(--ocx-cart-head-bg,#0a1928)!important;
  background-image:none!important;
  color:var(--ocx-cart-panel-text,#f5f9ff)!important;
  border-color:var(--ocx-cart-row-border,#17304d)!important;
}
html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu .ocx-mini-cart-products {
  background:var(--ocx-cart-panel-bg,#071321)!important;
  background-image:none!important;
  color:var(--ocx-cart-panel-text,#f5f9ff)!important;
}
html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu .ocx-mini-cart-row {
  background:var(--ocx-cart-row-bg,#081827)!important;
  background-image:none!important;
  color:var(--ocx-cart-panel-text,#f5f9ff)!important;
  border:1px solid var(--ocx-cart-row-border,#17304d)!important;
  border-radius:var(--ocx-cart-row-radius,10px)!important;
}
html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu .ocx-mini-cart-thumb {
  background:var(--ocx-cart-panel-bg,#071321)!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}
html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu .ocx-mini-cart-thumb img {
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu .ocx-mini-cart-thumb i {
  color:var(--ocx-cart-modal-accent,#4f9eff)!important;
}
html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu .ocx-mini-cart-totals,
html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu .ocx-mini-cart-actions {
  background:var(--ocx-cart-totals-bg,#071522)!important;
  background-image:none!important;
  border-color:var(--ocx-cart-row-border,#17304d)!important;
}

/* Title, heading link and close button. The actual link is in
   .ocx-mini-cart-head-actions, not a direct child of .ocx-mini-cart-head. */
html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu .ocx-mini-cart-head span {
  font-family:var(--ocx-cart-title-font,inherit)!important;
  font-size:var(--ocx-cart-title-size,14px)!important;
  font-weight:var(--ocx-cart-title-weight,900)!important;
  color:var(--ocx-cart-panel-text,#f5f9ff)!important;
  opacity:1!important;
}
html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu .ocx-mini-cart-head small,
html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu .ocx-mini-cart-copy small,
html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu .ocx-mini-cart-copy span,
html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu .ocx-mini-cart-totals>div,
html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu .ocx-mini-cart-totals>div>span,
html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu .ocx-mini-cart-empty small {
  font-family:var(--ocx-cart-text-font,inherit)!important;
  font-size:var(--ocx-cart-text-size,10px)!important;
  font-weight:var(--ocx-cart-text-weight,600)!important;
  color:var(--ocx-cart-panel-muted,#8fa4bd)!important;
  opacity:1!important;
}
html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu .ocx-mini-cart-head-actions>a {
  font-family:var(--ocx-cart-text-font,inherit)!important;
  font-size:var(--ocx-cart-text-size,10px)!important;
  font-weight:var(--ocx-cart-text-weight,600)!important;
  color:var(--ocx-cart-modal-accent,#4f9eff)!important;
  opacity:1!important;
}
html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu .ocx-mini-cart-head-actions>a:hover,
html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu .ocx-mini-cart-head-actions>a:focus {
  color:var(--ocx-cart-modal-accent,#4f9eff)!important;
  text-decoration:underline!important;
}
html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu .ocx-mini-cart-copy>a,
html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu .ocx-mini-cart-copy>b {
  font-family:var(--ocx-cart-text-font,inherit)!important;
  font-size:var(--ocx-cart-text-size,10px)!important;
  font-weight:var(--ocx-cart-text-weight,600)!important;
  color:var(--ocx-cart-panel-text,#f5f9ff)!important;
  opacity:1!important;
}
html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu .ocx-mini-cart-side strong,
html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu .ocx-mini-cart-totals strong {
  font-family:var(--ocx-cart-text-font,inherit)!important;
  font-size:var(--ocx-cart-price-size,12px)!important;
  font-weight:var(--ocx-cart-price-weight,800)!important;
  color:var(--ocx-cart-panel-text,#f5f9ff)!important;
  opacity:1!important;
}
html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu .ocx-mini-cart-side button,
html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu .ocx-mini-cart-close {
  background:var(--ocx-cart-remove-bg,#111f2c)!important;
  background-image:none!important;
  color:var(--ocx-cart-remove-text,#8ba0b2)!important;
  border-color:var(--ocx-cart-row-border,#17304d)!important;
}
html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu .ocx-mini-cart-side button:hover,
html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu .ocx-mini-cart-side button:focus,
html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu .ocx-mini-cart-close:hover,
html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu .ocx-mini-cart-close:focus {
  background:var(--ocx-cart-remove-hover-bg,#501b25)!important;
  background-image:none!important;
  color:var(--ocx-cart-remove-hover-text,#ff8998)!important;
  border-color:var(--ocx-cart-remove-hover-text,#ff8998)!important;
}
html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu .ocx-mini-cart-side button i,
html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu .ocx-mini-cart-close i {color:inherit!important;}

/* CTA palette — scope the icon to inherit CTA text instead of generic icon CSS. */
html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu .ocx-mini-cart-actions>a {
  font-family:var(--ocx-cart-button-font,inherit)!important;
  font-size:var(--ocx-cart-button-size,11px)!important;
  font-weight:var(--ocx-cart-button-weight,800)!important;
  border-radius:var(--ocx-cart-button-radius,8px)!important;
  box-shadow:none!important;
  text-decoration:none!important;
}
html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu .ocx-mini-cart-secondary {
  background:var(--ocx-cart-secondary-bg,#0a1928)!important;
  background-image:none!important;
  color:var(--ocx-cart-secondary-text,#cdddeb)!important;
  border-color:var(--ocx-cart-row-border,#17304d)!important;
}
html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu .ocx-mini-cart-secondary:hover,
html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu .ocx-mini-cart-secondary:focus {
  background:var(--ocx-cart-secondary-hover-bg,#102943)!important;
  background-image:none!important;
  color:var(--ocx-cart-secondary-hover-text,#fff)!important;
  border-color:var(--ocx-cart-secondary-hover-bg,#102943)!important;
}
html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu .ocx-mini-cart-primary {
  background:var(--ocx-cart-primary-bg,#0b6cff)!important;
  background-image:none!important;
  color:var(--ocx-cart-primary-text,#fff)!important;
  border-color:var(--ocx-cart-primary-bg,#0b6cff)!important;
}
html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu .ocx-mini-cart-primary:hover,
html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu .ocx-mini-cart-primary:focus {
  background:var(--ocx-cart-primary-hover-bg,#2a8cff)!important;
  background-image:none!important;
  color:var(--ocx-cart-primary-hover-text,#fff)!important;
  border-color:var(--ocx-cart-primary-hover-bg,#2a8cff)!important;
}
html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu .ocx-mini-cart-actions>a i {color:inherit!important;}

/* Empty state also uses the same saved palette, rather than Light presets. */
html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu .ocx-mini-cart-empty {
  background:var(--ocx-cart-panel-bg,#071321)!important;
  background-image:none!important;
  color:var(--ocx-cart-panel-text,#f5f9ff)!important;
  font-family:var(--ocx-cart-text-font,inherit)!important;
}
html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu .ocx-mini-cart-empty-icon {
  background:var(--ocx-cart-empty-icon-bg,#0d2744)!important;
  color:var(--ocx-cart-icon,#4f9eff)!important;
}
html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu .ocx-mini-cart-empty-icon i {
  color:var(--ocx-cart-icon,#4f9eff)!important;
  font-size:var(--ocx-cart-icon-size,20px)!important;
}
html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu .ocx-mini-cart-empty b {
  font-family:var(--ocx-cart-title-font,inherit)!important;
  font-size:var(--ocx-cart-title-size,14px)!important;
  font-weight:var(--ocx-cart-title-weight,900)!important;
  color:var(--ocx-cart-panel-text,#f5f9ff)!important;
}

/* Only geometry changes on small screens. Never clamp user-selected font sizes,
   radii or colors in a responsive rule. Leave the 2.16.20 anchor/scroll intact. */
@media(max-width:900px) {
  html body.ocx-shop-body .ocx-shop-cart #cart .dropdown-menu.ocx-mini-cart-menu {
    border-radius:var(--ocx-cart-panel-radius,15px)!important;
  }
  html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu .ocx-mini-cart-head span {
    font-size:var(--ocx-cart-title-size,14px)!important;
  }
  html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu .ocx-mini-cart-copy>a,
  html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu .ocx-mini-cart-copy>b {
    font-size:var(--ocx-cart-text-size,10px)!important;
  }
  html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu .ocx-mini-cart-side strong,
  html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu .ocx-mini-cart-totals strong {
    font-size:var(--ocx-cart-price-size,12px)!important;
  }
  html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu .ocx-mini-cart-actions>a {
    font-size:var(--ocx-cart-button-size,11px)!important;
  }
  html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu .ocx-mini-cart-empty b {
    font-size:var(--ocx-cart-title-size,14px)!important;
  }
  html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu .ocx-mini-cart-empty small {
    font-size:var(--ocx-cart-text-size,10px)!important;
  }
}