/* Storefront palette. Accent fills pair with dark text; text links use a darker green. */
.hmp-redesign {
  --hmp-ink: #0e1218;
  --hmp-paper: #f5f6f8;
  --hmp-muted: #505d6c;
  --hmp-line: #dfe3e8;
  --hmp-blue: #365c19;
  --hmp-blue-hover: #284612;
  --hmp-accent: var(--fs-color-secondary, #a9f943);
  --hmp-accent-hover: #99e635;
  --hmp-accent-surface: #eef7e7;
  --hmp-dark-panel: #181e26;
  --hmp-on-dark: #f4f6f9;
  --hmp-muted-on-dark: #c6d0dc;
  --hmp-dark-line: #363e49;
}
.hmp-redesign #header #masthead,
.hmp-redesign #header .header-bg-color {
  background-color: var(--fs-color-primary, #0e1218);
}
.hmp-redesign #masthead { border-color: var(--hmp-dark-line); }
.hmp-redesign #header #masthead .nav > li > a,
.hmp-redesign #header #masthead .nav > li > a .header-cart-title,
.hmp-redesign #header #masthead .nav > li > a i,
.hmp-redesign #header #masthead .nav > li > a :is(.amount,.woocommerce-Price-currencySymbol) {
  color: var(--hmp-on-dark);
}
.hmp-redesign #logo a.hmp-wordmark,
.hmp-redesign #logo a.hmp-wordmark span { color: var(--hmp-on-dark) !important; }
.hmp-redesign #masthead .nav .cart-icon strong,
.hmp-redesign #masthead .nav .cart-icon strong::after {
  color: var(--hmp-on-dark);
  border-color: var(--hmp-on-dark);
}
.hmp-redesign #masthead .nav .cart-icon strong { background-color: transparent; }
.hmp-redesign #header #masthead .nav > li > a:hover,
.hmp-redesign #header #masthead .nav > li > a:hover :is(i,.header-cart-title,.amount,.woocommerce-Price-currencySymbol,.cart-icon strong) {
  color: var(--hmp-accent);
}
.hmp-redesign #header #masthead .nav > li > a:hover .cart-icon strong,
.hmp-redesign #header #masthead .nav > li > a:hover .cart-icon strong::after { border-color: var(--hmp-accent); }
.hmp-redesign :is(a,button,input,select,summary,textarea):focus-visible {
  outline: 2px solid var(--hmp-blue);
  outline-offset: 3px;
}
.hmp-redesign :is(#masthead,.hmp-footer-v2,.absolute-footer,.hmp-rw-hero) :is(a,button):focus-visible {
  outline-color: var(--hmp-accent);
}

.hmp-redesign .hmp-footer-v2,
.hmp-redesign #footer .absolute-footer { background: var(--hmp-ink); color: var(--hmp-muted-on-dark); }
.hmp-redesign .hmp-footer-v2 { border-color: var(--hmp-dark-line); }
.hmp-redesign #footer .absolute-footer { border-top: 1px solid var(--hmp-dark-line); }
.hmp-redesign .hmp-footer-v2 :is(h2,.hmp-wordmark),
.hmp-redesign #footer .absolute-footer strong { color: var(--hmp-on-dark); }
.hmp-redesign .hmp-footer-v2 :is(p,nav a),
.hmp-redesign #footer .absolute-footer a { color: var(--hmp-muted-on-dark); }
.hmp-redesign :is(.hmp-footer-v2,.absolute-footer) a:hover { color: var(--hmp-accent); }

.hmp-redesign .hmp-rework {
  --ink: var(--hmp-ink);
  --accent: var(--hmp-accent);
  --paper: var(--hmp-paper);
  --line: var(--hmp-line);
}
.hmp-redesign .hmp-rework a:focus-visible { outline-color: var(--hmp-blue); }
.hmp-redesign .hmp-rework .hmp-rw-hero a:focus-visible { outline-color: var(--hmp-accent); }
.hmp-redesign .hmp-rework .hmp-rw-collection:focus-within .img-inner { outline-color: var(--hmp-blue); }
.hmp-redesign .hmp-rework .hmp-rw-custom { background: var(--hmp-accent-surface); border-color: #d9e7d0; }
.hmp-redesign .hmp-rework .hmp-rw-textlink { color: var(--hmp-blue); }

.hmp-redesign .hmp-primary,
.hmp-redesign .hmp-rework .hmp-rw-custom .button.primary,
.hmp-redesign #main .single_add_to_cart_button.button,
.hmp-redesign #main :is(.checkout-button,#place_order),
.hmp-redesign .widget_shopping_cart a.checkout,
.hmp-redesign .hmp-messenger-link,
.hmp-redesign:not(.home) #main .button.secondary:not(.is-outline):not(.is-link):not(.is-underline):not(.is-plain) {
  background-color: var(--hmp-accent);
  border-color: transparent;
  color: var(--hmp-ink);
}
.hmp-redesign .hmp-primary:hover,
.hmp-redesign .hmp-rework .hmp-rw-custom .button.primary:hover,
.hmp-redesign #main .single_add_to_cart_button.button:not(:disabled):hover,
.hmp-redesign #main :is(.checkout-button,#place_order):hover,
.hmp-redesign .widget_shopping_cart a.checkout:hover,
.hmp-redesign .hmp-messenger-link:is(:hover,:focus-visible),
.hmp-redesign:not(.home) #main .button.secondary:not(.is-outline):not(.is-link):not(.is-underline):not(.is-plain):hover {
  background-color: var(--hmp-accent-hover);
  color: var(--hmp-ink);
  box-shadow: none;
  filter: none;
}
.hmp-redesign #main .button.secondary:is(.is-outline,.is-link,.is-underline,.is-plain) { color: var(--hmp-blue); }
.hmp-redesign #main :is(.single_add_to_cart_button,#place_order,.checkout-button):is(:disabled,.disabled,.wc-variation-selection-needed) {
  background-color: #e9edf0;
  color: #465366;
  border-color: #d7dfe5;
}
.hmp-redesign .hmp-catalog-collections a[aria-current],
.hmp-redesign .product-info .ux-swatch:is(.selected,[aria-checked=true]) {
  color: var(--hmp-ink);
  background: var(--hmp-accent-surface);
  border-color: var(--hmp-blue);
}
.hmp-redesign .hmp-custom-note,
.hmp-redesign .hmp-custom-help { background-color: var(--hmp-accent-surface); border-left-color: var(--hmp-blue); }
.hmp-redesign :is(.hmp-checkout-support,.hmp-product-support,.hmp-custom-help) a,
.hmp-redesign .hmp-size-guide summary { color: var(--hmp-blue); }
.hmp-redesign .hmp-paypal-trigger button { border-color: var(--hmp-dark-line); color: var(--hmp-ink); }
.hmp-redesign #main .badge-inner.on-sale { color: var(--hmp-ink); background-color: var(--hmp-accent); }
.hmp-redesign :is(.shop-page-title,.category-page-title,.page-title.light) .page-title-bg { background-color: var(--hmp-paper); }
.hmp-redesign .hmp-esports-format { border-color: var(--hmp-line); color: var(--hmp-ink); }
.hmp-redesign .hmp-esports-format strong { color: var(--hmp-ink); }
.hmp-redesign .hmp-esports-format span { color: var(--hmp-muted); }
.hmp-redesign .hmp-esports-detail { background: var(--hmp-ink); border-color: var(--hmp-dark-line); color: var(--hmp-on-dark); }
.hmp-redesign .hmp-esports-detail p,
.hmp-redesign .hmp-esports-diagram figcaption { color: var(--hmp-muted-on-dark); }
.hmp-redesign .hmp-esports-detail .hmp-esports-dims { color: var(--hmp-accent); }
.hmp-redesign .hmp-esports-diagram { background: var(--hmp-dark-panel); border-color: var(--hmp-dark-line); }


/* Keep the two desktop shortcuts in one column. */
.hmp-redesign .hmp-messenger-link {
  justify-content: center;
  width: 46px;
  height: 46px;
  padding: 0;
}
.hmp-redesign .hmp-messenger-link svg {
  width: 24px;
  height: 24px;
}
@media (min-width: 850px) {
  .hmp-redesign #top-link.back-to-top {
    position: fixed;
    inset: auto 16px 72px auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    margin: 0;
    padding: 0;
    border: 1px solid var(--hmp-dark-line);
    border-radius: 50%;
    background: var(--hmp-ink);
    color: var(--hmp-on-dark);
    z-index: 35;
  }
  .hmp-redesign #top-link.back-to-top:not(.active) {
    visibility: hidden;
    pointer-events: none;
  }
  .hmp-redesign #top-link.back-to-top:is(:hover,:focus-visible) {
    border-color: var(--hmp-accent);
    color: var(--hmp-accent);
  }
}
@media (max-width: 849px) {
  .hmp-redesign #top-link.back-to-top { display: none; }
}

/* Keep chat above the device safe area on touch layouts. */
@media (max-width: 849px) {
  .hmp-redesign .hmp-messenger-link {
    position: fixed;
    right: max(12px, env(safe-area-inset-right, 0px));
    bottom: max(12px, env(safe-area-inset-bottom, 0px));
    margin: 0;
  }
  .hmp-redesign .hmp-messenger-link.hmp-messenger-yield,
  .hmp-redesign:has(.mfp-wrap.mfp-ready) .hmp-messenger-link {
    visibility: hidden;
    pointer-events: none;
  }
}