/*
 * Kroxy — Global red theme overrides
*/

html {
  overflow-x: hidden;
  scrollbar-gutter: stable;
}
body {
  overflow-x: hidden;
  max-width: 100%;
}
*, *::before, *::after {
  box-sizing: border-box;
}

:root {
  --mono-accent: #e63946 !important;
  --mono-top: #160808 !important;
  --mono-bot: #0d0303 !important;
}

/* Override any remaining pink/magenta references */
.btn-cta,
.hb-btn.primary,
.shop-card .btn-cta {
  background: linear-gradient(90deg, #8b0000, #e63946) !important;
  box-shadow: 0 12px 26px rgba(230,57,70,.35), inset 0 1px 0 rgba(255,255,255,.25) !important;
}

.shop-card .card-img-top::before {
  background: radial-gradient(circle at 50% 50%, color-mix(in oklab, #e63946 25%, transparent) 0, transparent 60%) !important;
}

.shop-card .card-img-top .spot {
  background:
    radial-gradient(260px 160px at var(--mx) var(--my), rgba(255,255,255,.16), transparent 60%),
    radial-gradient(200px 140px at calc(var(--mx) + 40px) calc(var(--my) + 20px), rgba(230,57,70,.22), transparent 60%) !important;
}

/* Navbar top line - red gradient */
.hb-navbar[data-component-id="navbar"]::before {
  background: linear-gradient(90deg, transparent, #8b0000, #e63946, #8b0000, transparent) !important;
}

.hb-navbar[data-component-id="navbar"] {
  background: linear-gradient(180deg, rgba(230,57,70,.08), transparent 32%), rgba(18,6,6,.55) !important;
}

/* Footer accent ring */
.footer.hyper-footer {
  --ring: none !important;
}

/* Product card hover border */
.shop-card:hover {
  border-color: rgba(230,57,70,.25) !important;
}

.shop-card .pill {
  background: color-mix(in oklab, #e63946 78%, black 0%) !important;
}


/* ================================================
   Checkout Area — Dark Red
   ================================================ */

/* Order summary panel */
.cart .form {
  background: linear-gradient(160deg, #2a0808 0%, #0d0303 100%) !important;
  border-color: rgba(139, 0, 0, 0.5) !important;
}

.cart .form .border-bottom {
  border-color: rgba(139, 0, 0, 0.4) !important;
}

/* Checkout button */
.cart .form .btn-outline-primary {
  background: linear-gradient(135deg, #8b0000 0%, #c0392b 100%) !important;
  border-color: #8b0000 !important;
  color: #fff !important;
  box-shadow: 0 4px 18px rgba(139, 0, 0, 0.4) !important;
}

.cart .form .btn-outline-primary:hover:not(:disabled) {
  opacity: 0.88 !important;
}

/* Add to Cart & Buy Now on product pages */
.buy-buttons .btn-primary,
.buy-buttons .btn-outline-primary {
  background: linear-gradient(135deg, #8b0000 0%, #c0392b 100%) !important;
  border-color: #8b0000 !important;
  color: #fff !important;
  box-shadow: 0 4px 18px rgba(139, 0, 0, 0.3) !important;
}