/* Import partials */
/* Site-wide accessibility helpers for the theme chrome.
 *
 * These classes are emitted by header.php and by WordPress/WooCommerce core
 * markup, but nothing in the theme defined them - so the "Skip to content"
 * link rendered as an ordinary visible link at the top of every page. The
 * rules below are the standard Underscores/WordPress implementations.
 */

/* Visually hidden until focused (WordPress core convention). */
.screen-reader-text {
  border: 0;
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: var(--theme-card-bg, #141A1C);
  border-radius: 0.375rem;
  box-shadow: 0 0 0 2px #39D8E0;
  clip-path: none;
  color: #F5F6F7;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 1rem;
  line-height: 1.5;
  padding: 0.75rem 1.25rem;
  text-decoration: none;
  top: 1rem;
  width: auto;
  z-index: 100000;
}

/* Minimum comfortable touch target.
 *
 * Chrome controls that are sized by their icon plus padding can land under
 * the 44x44px minimum on a phone. Apply this alongside the utility classes
 * so the hit area is guaranteed regardless of icon size.
 */
.six76-tap-target {
  min-width: 44px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* A text link that is the only thing in its paragraph.
 *
 * "Forgot your password?", "Back to My Account", "View competition" - these
 * read as prose but behave as buttons: they sit alone on their own line and
 * are the single next action. At body size they come out ~17-20px tall, well
 * under the floor. This gives the line the height without the width, so the
 * link still starts where the text does rather than becoming a 44px-wide block.
 *
 * Do NOT put this on a link inside a sentence ("Don't have an account?
 * Sign up here") - it has to wrap with the surrounding copy, and a fixed row
 * height breaks the line. probe.js draws the same distinction with its
 * `inProse` flag, so the two agree on what counts as a control.
 */
.six76-standalone-link {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}

/* Note: an invisible "hit area expander" pseudo-element is a tempting way to
 * enlarge a small control without moving the visual, but don't reach for one
 * on anything sitting in a row of siblings (chips, ticket tiles) - the
 * overlay reaches into the neighbour and swallows its taps, which is exactly
 * the failure a 44px target is meant to prevent. Give the container the
 * height and let the control fill it instead; see .six76-selected-chip.
 */
/* Site typography
 *
 * Orbitron is the site-wide base face (fontFamily.sans) — headings, menus,
 * buttons, labels, everything. Only <p> body copy (terms, privacy policy,
 * product descriptions) drops to the neutral stack (fontFamily.body),
 * because Orbitron's squared, wide letterforms are hard to read at
 * paragraph length.
 */
/* WooCommerce Styles */

/* Make Woo product loops use our Tailwind grid layout */
.woocommerce ul.products,
ul.products {
  display: grid !important;
  /* Let Tailwind handle grid-template-columns and gaps */
}

/* neutralize Woo defaults so cards look correct in the grid */
.woocommerce ul.products li.product,
ul.products li.product {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  list-style: none !important;
}

/* Override WordPress install page body constraints */
body {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

/* Ensure full width on all pages */
html, body {
  max-width: none !important;
  width: 100% !important;
}

/* Countdown styling for product cards - Liquid Glass Effect */
.woocommerce ul.products li.product .inner-wrapper .cwdc-countdown {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0.5rem !important;
  margin: 1rem 0 !important;
}

.woocommerce ul.products li.product .inner-wrapper .cwdc-countdown > div {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  backdrop-filter: blur(8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  color: white !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 0.5rem !important;
  padding: 0.5rem 0.375rem !important;
  min-width: 2.5rem !important;
  text-align: center !important;
  box-shadow:
    0 4px 16px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.3),
    inset 0 -1px 0 rgba(0, 0, 0, 0.1) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  overflow: hidden !important;
}

.woocommerce ul.products li.product .inner-wrapper .cwdc-countdown > div::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: linear-gradient(135deg,
    rgba(255, 255, 255, 0.15) 0%,
    rgba(255, 255, 255, 0.05) 50%,
    rgba(0, 0, 0, 0.05) 100%) !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
  pointer-events: none !important;
}

.woocommerce ul.products li.product .inner-wrapper .cwdc-countdown > div:hover::before {
  opacity: 1 !important;
}

.woocommerce ul.products li.product .inner-wrapper .cwdc-countdown > div:hover {
  transform: translateY(-1px) !important;
  background: rgba(255, 255, 255, 0.15) !important;
  box-shadow:
    0 6px 20px rgba(0, 0, 0, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    inset 0 -1px 0 rgba(0, 0, 0, 0.1) !important;
}

.woocommerce ul.products li.product .inner-wrapper .cwdc-countdown > div:first-child {
  margin-left: 0 !important;
}

.woocommerce ul.products li.product .inner-wrapper .cwdc-countdown > div:last-child {
  margin-right: 0 !important;
}

.woocommerce ul.products li.product .inner-wrapper .cwdc-countdown > div span {
  display: block !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
}

.woocommerce ul.products li.product .inner-wrapper .cwdc-countdown .wc_lotery_countdown-amount {
  font-size: 0.875rem !important;
  font-weight: 700 !important;
  margin-bottom: 0.25rem !important;
}

.woocommerce ul.products li.product .inner-wrapper .cwdc-countdown .wc_lotery_countdown-period {
  font-size: 0.625rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.025em !important;
}

/* NUCLEAR OPTION: Enhanced mobile countdown sizing for better readability */
@media only screen and (max-width: 479px) {

  /* NUCLEAR: Target ANY element in product loop that might be a countdown wrapper */
  .woocommerce ul.products li.product div[class*="purple"],
  .woocommerce ul.products li.product div[class*="countdown"][class*="box"],
  .woocommerce ul.products li.product .rounded-lg.p-3.text-center {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    margin: 0 !important;
    border-radius: 0 !important;
  }
  /* FORCE remove outer purple wrapper on mobile for product loop - use space for countdown */
  .woocommerce ul.products li.product .six76-countdown-wrapper,
  .woocommerce ul.products li.product .wdw-countdown-purple-box {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    margin: 0 !important;
    border-radius: 0 !important;
  }

  /* Force hide any purple box styling on mobile in product loop */
  body .woocommerce ul.products li.product .wdw-countdown-purple-box {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }

  /* Apply purple styling directly to ANY countdown element on mobile */
  .woocommerce ul.products li.product .comp-lottery-time.countdown,
  .woocommerce ul.products li.product .lottery-time.countdown,
  .woocommerce ul.products li.product .main-lottery,
  .woocommerce ul.products li.product .lottery-time-countdown,
  .woocommerce ul.products li.product div[class*="countdown"],
  .woocommerce ul.products li.product div[data-time] {
    background: linear-gradient(135deg, #152023 0%, #1B282C 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: white !important;
    box-shadow: 0 4px 20px rgba(57, 216, 224, 0.2) !important;
    backdrop-filter: blur(10px) !important;
    border-radius: 0.5rem !important;
    padding: 0.75rem !important;
    position: relative !important;
    overflow: hidden !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 4px !important;
  }

  /* Apply liquid glass overlay to inner countdown */
  .woocommerce ul.products li.product .comp-lottery-time.countdown::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: linear-gradient(135deg,
      rgba(255, 255, 255, 0.1) 0%,
      rgba(255, 255, 255, 0.05) 50%,
      rgba(0, 0, 0, 0.05) 100%) !important;
    pointer-events: none !important;
  }

  /* NUCLEAR: Font targeting for ANY countdown number elements */
  .woocommerce ul.products li.product span[class*="countdown-amount"],
  .woocommerce ul.products li.product span[class*="amount"],
  .woocommerce ul.products li.product div[class*="amount"],
  .woocommerce ul.products li.product *[class*="wc_lotery_countdown"] span {
    font-size: 1rem !important; /* 16px - LARGE and visible */
    font-weight: 700 !important;
    color: white !important;
    position: relative !important;
    z-index: 1 !important;
  }

  /* NUCLEAR: Font targeting for ANY countdown period/label elements */
  .woocommerce ul.products li.product span[class*="countdown-period"],
  .woocommerce ul.products li.product span[class*="period"],
  .woocommerce ul.products li.product div[class*="period"] {
    font-size: 0.875rem !important; /* 14px - LARGE and readable */
    font-weight: 500 !important;
    color: rgba(255, 255, 255, 0.9) !important;
    margin-top: 2px !important;
    position: relative !important;
    z-index: 1 !important;
  }

  /* Enhanced font sizes for mobile readability - BROAD targeting for any countdown elements */
  .woocommerce ul.products li.product .comp-lottery-time.countdown .wc_lotery_countdown-amount,
  .woocommerce ul.products li.product .lottery-time.countdown .wc_lotery_countdown-amount,
  .woocommerce ul.products li.product .main-lottery .wc_lotery_countdown-amount,
  .woocommerce ul.products li.product .lottery-time-countdown .wc_lotery_countdown-amount,
  .woocommerce ul.products li.product div[class*="countdown"] .wc_lotery_countdown-amount,
  .woocommerce ul.products li.product span.wc_lotery_countdown-amount {
    font-size: 0.75rem !important; /* 12px - larger size now that we have more space */
    font-weight: 700 !important;
    color: white !important;
    position: relative !important;
    z-index: 1 !important;
  }

  .woocommerce ul.products li.product .comp-lottery-time.countdown .wc_lotery_countdown-period,
  .woocommerce ul.products li.product .lottery-time.countdown .wc_lotery_countdown-period,
  .woocommerce ul.products li.product .main-lottery .wc_lotery_countdown-period,
  .woocommerce ul.products li.product .lottery-time-countdown .wc_lotery_countdown-period,
  .woocommerce ul.products li.product div[class*="countdown"] .wc_lotery_countdown-period,
  .woocommerce ul.products li.product span.wc_lotery_countdown-period {
    font-size: 0.625rem !important; /* 10px - much more readable now */
    font-weight: 500 !important;
    color: rgba(255, 255, 255, 0.9) !important;
    margin-top: 2px !important;
    position: relative !important;
    z-index: 1 !important;
  }

  /* Container optimizations for mobile countdown sections - BROAD targeting */
  .woocommerce ul.products li.product .comp-lottery-time.countdown .wc_lotery_countdown-section,
  .woocommerce ul.products li.product .lottery-time.countdown .wc_lotery_countdown-section,
  .woocommerce ul.products li.product .main-lottery .wc_lotery_countdown-section,
  .woocommerce ul.products li.product .lottery-time-countdown .wc_lotery_countdown-section,
  .woocommerce ul.products li.product div[class*="countdown"] .wc_lotery_countdown-section,
  .woocommerce ul.products li.product span.wc_lotery_countdown-section {
    background-color: rgba(255, 255, 255, 0.15) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 6px !important;
    padding: 6px 8px !important; /* More generous padding with extra space */
    min-width: 32px !important; /* Larger containers for better readability */
    margin: 0 2px !important;
    position: relative !important;
    z-index: 1 !important;
    backdrop-filter: blur(4px) !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* Countdown container spacing optimization */
  .woocommerce ul.products li.product .comp-lottery-time.countdown,
  .woocommerce ul.products li.product .main-lottery,
  .woocommerce ul.products li.product .lottery-time-countdown {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 4px !important; /* More space between time units */
    position: relative !important;
    z-index: 1 !important;
  }

  /* Fallback rules for any countdown not in product loop (maintains existing behavior) */
  .wdw-countdown-purple-box .comp-lottery-time .wc_lotery_countdown-amount,
  .wdw-countdown-purple-box .main-lottery .wc_lotery_countdown-amount,
  .wdw-countdown-purple-box .lottery-time-countdown .wc_lotery_countdown-amount,
  .wdw-countdown-purple-box span.wc_lotery_countdown-amount {
    font-size: 0.5rem !important; /* 8px - improved from 6px */
  }

  .wdw-countdown-purple-box .comp-lottery-time .wc_lotery_countdown-period,
  .wdw-countdown-purple-box .main-lottery .wc_lotery_countdown-period,
  .wdw-countdown-purple-box .lottery-time-countdown .wc_lotery_countdown-period,
  .wdw-countdown-purple-box span.wc_lotery_countdown-period {
    font-size: 0.4375rem !important; /* 7px - improved from 4px */
  }

  /* Smaller price and buttons */
  .woocommerce ul.products li.product span.woocommerce-Price-amount.amount {
    font-size: 0.625rem !important;
    padding: 0.1875rem 0.375rem !important;
  }

  .woocommerce ul.products li.product a.button {
    padding: 0.25rem 0.5rem !important;
    font-size: 0.625rem !important;
  }
}

/* Remove all responsive overrides - let Tailwind classes handle it */

/* Hide default WooCommerce onsale badge - we use custom badge */
.woocommerce ul.products li.product .onsale,
.woocommerce-page ul.products li.product .onsale,
.single-product .onsale {
  display: none !important;
}

/* Enter Now Button - Liquid Glass Effect */
.woocommerce ul.products li.product .bg-six76-cyan,
.woocommerce ul.products li.product a.button {
  position: relative !important;
  backdrop-filter: blur(12px) !important;
  background: rgba(57, 216, 224, 0.8) !important;
  border: 1px solid rgba(57, 216, 224, 0.3) !important;
  box-shadow:
    0 8px 32px rgba(57, 216, 224, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.3),
    inset 0 -1px 0 rgba(0, 0, 0, 0.2) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  overflow: hidden !important;
  text-decoration: none !important;
}

.woocommerce ul.products li.product .bg-six76-cyan::before,
.woocommerce ul.products li.product a.button::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: linear-gradient(135deg,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.1) 50%,
    rgba(0, 0, 0, 0.05) 100%) !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
  pointer-events: none !important;
}

.woocommerce ul.products li.product .bg-six76-cyan:hover::before,
.woocommerce ul.products li.product a.button:hover::before {
  opacity: 1 !important;
}

.woocommerce ul.products li.product .bg-six76-cyan:hover,
.woocommerce ul.products li.product a.button:hover {
  transform: translateY(-2px) !important;
  background: rgba(57, 216, 224, 0.9) !important;
  box-shadow:
    0 12px 40px rgba(57, 216, 224, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    inset 0 -1px 0 rgba(0, 0, 0, 0.2) !important;
}

/* Additional badge styling - category, sale, draw date */
.woocommerce ul.products li.product .bg-six76-cyan-bright,
.woocommerce ul.products li.product .bg-six76-red,
.woocommerce ul.products li.product .bg-black {
  position: relative !important;
  backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  box-shadow:
    0 4px 16px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.3),
    inset 0 -1px 0 rgba(0, 0, 0, 0.1) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.woocommerce ul.products li.product .bg-six76-cyan-bright {
  background: rgba(255, 204, 0, 0.9) !important;
}

.woocommerce ul.products li.product .bg-six76-red {
  background: rgba(239, 68, 68, 0.9) !important;
}

.woocommerce ul.products li.product .bg-black {
  background: rgba(0, 0, 0, 0.8) !important;
}

/* Product Loop Price Styling - Clean Ecommerce Style */
.six76-product-price {
  display: flex !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  flex-wrap: wrap !important;
}

/* Original price (strikethrough) - WooCommerce uses <del> */
.six76-product-price del,
.six76-product-price del .woocommerce-Price-amount {
  color: #9CA3AF !important; /* Grey-400 */
  font-size: 0.75rem !important; /* 12px - smaller */
  font-weight: 500 !important;
  text-decoration: line-through !important;
  opacity: 0.7 !important;
}

/* Sale price - WooCommerce uses <ins> */
.six76-product-price ins,
.six76-product-price ins .woocommerce-Price-amount {
  color: #39D8E0 !important; /* Purple brand color */
  font-size: 1.125rem !important; /* 18px - larger */
  font-weight: 700 !important;
  text-decoration: none !important;
}

/* Regular price when NOT on sale */
.six76-product-price .woocommerce-Price-amount {
  color: #39D8E0 !important;
  font-size: 1rem !important; /* 16px */
  font-weight: 700 !important;
}

/* Remove any default WooCommerce price backgrounds/borders */
.six76-product-price .price,
.six76-product-price del,
.six76-product-price ins,
.six76-product-price .woocommerce-Price-amount {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Ensure currency symbol inherits size and color */
.six76-product-price .woocommerce-Price-currencySymbol {
  font-size: inherit !important;
  color: inherit !important;
  font-weight: inherit !important;
}

/* Dark mode support */
[data-theme="dark"] .six76-product-price del,
[data-theme="dark"] .six76-product-price del .woocommerce-Price-amount {
  color: #6B7280 !important; /* Grey-500 for dark mode */
}

[data-theme="dark"] .six76-product-price ins,
[data-theme="dark"] .six76-product-price ins .woocommerce-Price-amount,
[data-theme="dark"] .six76-product-price .woocommerce-Price-amount {
  color: #4DF0FE !important; /* Bright cyan for dark mode */
}

/* Additional countdown widget styling - target all possible shortcode outputs */
.wdw-countdown-purple-box .six76-countdown,
.wdw-countdown-purple-box .lottery-countdown,
.wdw-countdown-purple-box .countdown-timer,
.wdw-countdown-purple-box .six76-timer,
.wdw-countdown-purple-box div[class*="countdown"],
.wdw-countdown-purple-box div[id*="countdown"],
.wdw-countdown-purple-box .countdown,
.wdw-countdown-purple-box .timer {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0.25rem !important;
  margin: 0 !important;
  flex-wrap: nowrap !important;
}

/* Style individual countdown elements with liquid glass effect */
.wdw-countdown-purple-box .six76-countdown > *,
.wdw-countdown-purple-box .lottery-countdown > *,
.wdw-countdown-purple-box .countdown-timer > *,
.wdw-countdown-purple-box .six76-timer > *,
.wdw-countdown-purple-box div[class*="countdown"] > *,
.wdw-countdown-purple-box div[id*="countdown"] > *,
.wdw-countdown-purple-box .countdown > *,
.wdw-countdown-purple-box .timer > * {
  background-color: rgba(255, 255, 255, 0.15) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 0.375rem !important;
  padding: 0.5rem 0.375rem !important;
  margin: 1px !important;
  font-size: 0.75rem !important;
  min-width: 2rem !important;
  flex: 1 !important;
  color: white !important;
  font-weight: 700 !important;
  text-align: center !important;
  backdrop-filter: blur(4px) !important;
  position: relative !important;
  z-index: 1 !important;
  box-shadow:
    0 2px 8px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.3),
    inset 0 -1px 0 rgba(0, 0, 0, 0.1) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Force all text elements inside countdown to be white with maximum specificity */
.wdw-countdown-purple-box *,
.wdw-countdown-purple-box span,
.wdw-countdown-purple-box div,
.wdw-countdown-purple-box .countdown *,
.wdw-countdown-purple-box .timer *,
.wdw-countdown-purple-box [class*="countdown"] *,
.wdw-countdown-purple-box [id*="countdown"] * {
  color: white !important;
}

/* Remove any conflicting styles from specific shortcode outputs */
.wdw-countdown-purple-box .countdown span,
.wdw-countdown-purple-box .timer span,
.wdw-countdown-purple-box div[class*="wdw"] span {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Comprehensive button styling - view all buttons and other filled cyan CTAs.
   The catalog tabs and filter buttons deliberately no longer take this filled
   glass treatment: they are hollow pills, shared with the merch filters (see the
   "Filter pills" block in _merch-page.css). */
a.bg-six76-cyan,
button.bg-six76-cyan,
.bg-six76-cyan {
  position: relative !important;
  backdrop-filter: blur(12px) !important;
  background: rgba(57, 216, 224, 0.8) !important;
  border: 1px solid rgba(57, 216, 224, 0.3) !important;
  box-shadow:
    0 8px 32px rgba(57, 216, 224, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.3),
    inset 0 -1px 0 rgba(0, 0, 0, 0.2) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  overflow: hidden !important;
  text-decoration: none !important;
  color: white !important;
}

/* Pseudo-element for liquid glass overlay */
a.bg-six76-cyan::before,
button.bg-six76-cyan::before,
.bg-six76-cyan::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: linear-gradient(135deg,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.1) 50%,
    rgba(0, 0, 0, 0.05) 100%) !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
  pointer-events: none !important;
}

/* Hover effects */
a.bg-six76-cyan:hover::before,
button.bg-six76-cyan:hover::before,
.bg-six76-cyan:hover::before {
  opacity: 1 !important;
}

a.bg-six76-cyan:hover,
button.bg-six76-cyan:hover,
.bg-six76-cyan:hover {
  transform: translateY(-2px) !important;
  background: rgba(57, 216, 224, 0.9) !important;
  box-shadow:
    0 12px 40px rgba(57, 216, 224, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    inset 0 -1px 0 rgba(0, 0, 0, 0.2) !important;
}

/* Force white text on all filled cyan buttons */
a.bg-six76-cyan,
button.bg-six76-cyan,
.bg-six76-cyan,
a.bg-six76-cyan *,
button.bg-six76-cyan *,
.bg-six76-cyan * {
  color: white !important;
}
/* Theme Variables and Utilities
 *
 * 676 Competitions is dark-first: the black/cyan scheme IS the brand, so the
 * dark values live on :root and header.php hardcodes data-theme="dark" on
 * <html>. The [data-theme="dark"] blocks are kept because a large set of
 * override rules (and Tailwind `dark:` variants) key off that attribute.
 */

:root {
  --theme-primary: #0D0D0D;
  --theme-secondary: #39D8E0; /* six76-cyan */
  --theme-accent: #4DF0FE; /* six76-cyan-bright */
  --theme-text: #F5F6F7;
  --theme-text-secondary: #93A0A3;
  --theme-border: #262D30;
  --theme-text-on-color: #FFFFFF; /* text on dark brand panels */
  --theme-bg: #0A0B0C;
  --theme-card-bg: #141A1C;
  --theme-input-bg: #1B2124;
  --theme-input-border: #2E3538;
  --theme-shadow: rgba(0, 0, 0, 0.5);
}

[data-theme="dark"] {
  --theme-primary: #0D0D0D;
  --theme-secondary: #39D8E0;
  --theme-accent: #4DF0FE;
  --theme-text: #F5F6F7;
  --theme-text-secondary: #93A0A3;
  --theme-border: #262D30;
  --theme-text-on-color: #FFFFFF;
  --theme-bg: #0A0B0C;
  --theme-card-bg: #141A1C;
  --theme-input-bg: #1B2124;
  --theme-input-border: #2E3538;
  --theme-shadow: rgba(0, 0, 0, 0.5);
}

/* Apply theme variables to all elements */
* {
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

/* Horizontal-overflow guard.
 *
 * A single over-wide element (a table, a wide grid, an embed) otherwise makes
 * the whole page scroll sideways on a phone. `clip` rather than `hidden` on
 * purpose: `hidden` turns the root into a scroll container and breaks the
 * `position: sticky` masthead. Wide content should still scroll inside its own
 * container - this is a backstop, not a licence to overflow. */
html,
body {
  overflow-x: clip;
}

/* Theme utility classes */
.bg-theme-primary {
  background-color: var(--theme-primary);
}

.bg-theme-bg {
  background-color: var(--theme-bg);
}

.bg-theme-card {
  background-color: var(--theme-card-bg);
}

.text-theme-text {
  color: var(--theme-text);
}

.text-theme-text-secondary {
  color: var(--theme-text-secondary);
}

.text-theme-text-on-color {
  color: var(--theme-text-on-color) !important;
}

.border-theme-border {
  border-color: var(--theme-border);
}

/* Cyan CTAs always carry ink text - cyan is a light colour, white would wash out.
 * (Mirrors the old forced-white-on-purple rule from the WDW theme.) */
.bg-six76-cyan,
.bg-six76-cyan *,
.bg-six76-cyan h1,
.bg-six76-cyan h2,
.bg-six76-cyan h3,
.bg-six76-cyan span,
.bg-six76-cyan div,
.bg-six76-cyan-bright,
.bg-six76-cyan-bright * {
  color: #0D0D0D !important;
}

/* Plugin compat: markup emitted by the wdw-* plugins still uses this class.
 * The Tailwind token was renamed to six76-cyan, so provide the old name here. */
.text-wdw-purple {
  color: var(--six76-cyan, #39D8E0) !important;
}

/* Dark mode specific overrides for common elements */
[data-theme="dark"] body {
  background-color: var(--theme-bg);
  color: var(--theme-text);
}

[data-theme="dark"] .site {
  background-color: var(--theme-bg);
}

[data-theme="dark"] .site-main {
  background-color: var(--theme-bg);
}

[data-theme="dark"] .widget-area {
  background-color: var(--theme-card-bg);
  border-color: var(--theme-border);
}

[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] select {
  background-color: var(--theme-input-bg);
  border-color: var(--theme-input-border);
  color: var(--theme-text);
}

[data-theme="dark"] .woocommerce {
  background-color: var(--theme-bg);
}

[data-theme="dark"] .woocommerce .site-main {
  background-color: var(--theme-bg);
}

[data-theme="dark"] .woocommerce .widget-area {
  background-color: var(--theme-card-bg);
}

/* Ensure WooCommerce elements respect dark mode.
 * The merch single-product grid carries `.product` only so WooCommerce's
 * variation JS can swap the image; it styles itself, so exclude it here or
 * this wildcard would flatten its buttons/labels. :where() keeps the
 * selector's specificity identical to the original. */
[data-theme="dark"] .woocommerce .product:where(:not(.six76-merch-layout)),
[data-theme="dark"] .woocommerce .product:where(:not(.six76-merch-layout)) * {
  background-color: var(--theme-card-bg);
  color: var(--theme-text);
}

[data-theme="dark"] .woocommerce .product .price {
  color: var(--theme-accent);
}

[data-theme="dark"] .woocommerce .product .woocommerce-loop-product__title {
  color: var(--theme-text);
}

[data-theme="dark"] .woocommerce .product .woocommerce-loop-product__title:hover {
  color: var(--theme-secondary);
}

/* SINGLE PRODUCT PAGE SPECIFIC DARK MODE OVERRIDES */
[data-theme="dark"] .single-product {
  background-color: var(--theme-bg) !important;
}

[data-theme="dark"] .single-product .min-h-screen {
  background-color: var(--theme-bg) !important;
}

[data-theme="dark"] .single-product .bg-theme-primary {
  background-color: var(--theme-primary) !important;
}

[data-theme="dark"] .single-product .text-theme-text {
  color: var(--theme-text) !important;
}

[data-theme="dark"] .single-product .text-theme-text-secondary {
  color: var(--theme-text-secondary) !important;
}

[data-theme="dark"] .single-product .bg-white {
  background-color: var(--theme-card-bg) !important;
}

[data-theme="dark"] .single-product .text-black {
  color: var(--theme-text) !important;
}

[data-theme="dark"] .single-product .text-gray-600 {
  color: var(--theme-text-secondary) !important;
}

[data-theme="dark"] .single-product .border-gray-200 {
  border-color: var(--theme-border) !important;
}

[data-theme="dark"] .single-product .bg-gray-50 {
  background-color: var(--theme-card-bg) !important;
}

[data-theme="dark"] .single-product .bg-gray-100 {
  background-color: var(--theme-card-bg) !important;
}

/* Override any hardcoded Tailwind colors on single product page main content only */
[data-theme="dark"] .single-product .site-main [class*="bg-"] {
  background-color: var(--theme-card-bg) !important;
}

[data-theme="dark"] .single-product .site-main [class*="text-"] {
  color: var(--theme-text) !important;
}

/* But preserve specific brand colors */
[data-theme="dark"] .single-product .bg-six76-cyan {
  background-color: var(--six76-cyan) !important;
}

[data-theme="dark"] .single-product .bg-six76-cyan,
[data-theme="dark"] .single-product .bg-six76-cyan [class*="text-"] {
  color: #0D0D0D !important;
}

[data-theme="dark"] .single-product .text-six76-cyan-bright {
  color: var(--six76-cyan-bright) !important;
}

[data-theme="dark"] .single-product .text-six76-cyan {
  color: var(--six76-cyan) !important;
}

[data-theme="dark"] .single-product .text-six76-red {
  color: var(--six76-red) !important;
}

[data-theme="dark"] .single-product .text-green-500 {
  color: #10B981 !important;
}

/* Additional WooCommerce elements for dark mode */
[data-theme="dark"] .woocommerce-tabs,
[data-theme="dark"] .woocommerce-Tabs-panel {
  background-color: var(--theme-card-bg) !important;
  color: var(--theme-text) !important;
}

[data-theme="dark"] .woocommerce .woocommerce-tabs ul.tabs li {
  background-color: var(--theme-input-bg) !important;
  border-color: var(--theme-border) !important;
}

[data-theme="dark"] .woocommerce .woocommerce-tabs ul.tabs li.active {
  background-color: var(--theme-card-bg) !important;
}

[data-theme="dark"] .woocommerce .woocommerce-tabs ul.tabs li a {
  color: var(--theme-text) !important;
}

/* Ensure consistent theme application */
[data-theme="dark"] .bg-theme-primary {
  background-color: var(--theme-primary) !important;
}

[data-theme="dark"] .text-theme-text {
  color: var(--theme-text) !important;
}

[data-theme="dark"] .text-theme-text-secondary {
  color: var(--theme-text-secondary) !important;
}

[data-theme="dark"] .border-theme-border {
  border-color: var(--theme-border) !important;
}

/* Force dark mode styles on specific single product elements */
[data-theme="dark"] .single-product .min-h-screen.bg-theme-primary {
  background-color: var(--theme-primary) !important;
}

/* Handle Tailwind utility classes that might override theme variables */
[data-theme="dark"] .bg-white:not(.bg-six76-cyan):not(.bg-six76-cyan-bright):not(.bg-six76-red) {
  background-color: var(--theme-card-bg) !important;
}

[data-theme="dark"] .text-gray-500:not(.text-six76-cyan):not(.text-six76-cyan-bright):not(.text-six76-red) {
  color: var(--theme-text-secondary) !important;
}

/* Fix product card sold/left text visibility in dark mode */
[data-theme="dark"] .woocommerce ul.products li.product .text-six76-gray-dark {
  color: var(--theme-text) !important;
}

[data-theme="dark"] .text-six76-gray-dark {
  color: var(--theme-text) !important;
}
/* 676 logo - neon glow, travelling light sweep, ignition flicker.
 *
 * The master SVG (assets/images/logo-676.svg) is deliberately clean; all neon
 * treatment happens here so it can be tuned without touching the artwork.
 * The SVG is inlined by header.php inside:
 *
 *   <a class="six76-logo-link"><span class="six76-logo">
 *     <svg .../>
 *     <span class="six76-logo-sheen"></span>
 *   </span></a>
 */

.six76-logo-link {
  display: inline-flex;
  align-items: center;
  /* The logo is also the "home" link, so it has to clear the 44px minimum -
   * the artwork itself is only ~40px tall at the small-phone size. */
  min-height: 44px;
}

.six76-logo {
  position: relative;
  display: inline-block;
  width: 150px;
  line-height: 0;
}

/* Small phones (320-399px): the masthead row is logo + hamburger + basket.
 * At 150px the logo tips that row past the 288px of usable width inside the
 * `px-4` gutters and the basket wraps, so step it down here. */
@media (max-width: 399px) {
  .six76-logo {
    width: 118px;
  }
}

@media (min-width: 768px) {
  .six76-logo {
    width: 180px;
  }
}

@media (min-width: 1024px) {
  .six76-logo {
    width: 210px;
  }
}

.six76-logo svg {
  display: block;
  width: 100%;
  height: auto;
  /* layered drop-shadows follow the letterforms: tight halo + wide bloom */
  filter: drop-shadow(0 0 5px rgba(57, 216, 224, 0.55))
          drop-shadow(0 0 16px rgba(57, 216, 224, 0.28));
  /* one-shot tube ignition on page load, then a slow breathing glow */
  animation: six76-logo-ignite 1.7s linear 0.15s 1 backwards,
             six76-logo-breathe 5.5s ease-in-out 1.85s infinite;
}

/* Soft glow pulse - subtle enough to feel alive without drawing the eye */
@keyframes six76-logo-breathe {
  0%, 100% {
    filter: drop-shadow(0 0 5px rgba(57, 216, 224, 0.55))
            drop-shadow(0 0 16px rgba(57, 216, 224, 0.28));
  }
  50% {
    filter: drop-shadow(0 0 7px rgba(57, 216, 224, 0.7))
            drop-shadow(0 0 24px rgba(57, 216, 224, 0.45));
  }
}

/* Neon-tube ignition: a few quick shallow dips while the "gas strikes" */
@keyframes six76-logo-ignite {
  0% {
    opacity: 0.4;
    filter: none;
  }
  7% {
    opacity: 1;
    filter: drop-shadow(0 0 6px rgba(57, 216, 224, 0.6))
            drop-shadow(0 0 18px rgba(57, 216, 224, 0.35));
  }
  11% {
    opacity: 0.55;
    filter: none;
  }
  16% {
    opacity: 1;
    filter: drop-shadow(0 0 6px rgba(57, 216, 224, 0.6))
            drop-shadow(0 0 18px rgba(57, 216, 224, 0.35));
  }
  24% {
    opacity: 0.75;
    filter: drop-shadow(0 0 3px rgba(57, 216, 224, 0.3));
  }
  32%, 100% {
    opacity: 1;
    filter: drop-shadow(0 0 5px rgba(57, 216, 224, 0.55))
            drop-shadow(0 0 16px rgba(57, 216, 224, 0.28));
  }
}

/* Light sweep: a skewed highlight bar travels across the logo every ~2.6s.
 * The overlay is clipped to the letterforms by using the logo as a mask, so
 * without mask support it stays hidden (the glow still works everywhere). */
.six76-logo-sheen {
  display: none;
}

@supports ((-webkit-mask-image: url("")) or (mask-image: url(""))) {
  .six76-logo-sheen {
    display: block;
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyByb2xlPSJpbWciIGFyaWEtaGlkZGVuPSJ0cnVlIiBmb2N1c2FibGU9ImZhbHNlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE2MzMuOTkgNTQ4LjA1Ij4KICA8cGF0aCBmaWxsPSIjM2NkNWUzIiBkPSJNMzU3LjA2LDEyMi4zOWMtOS44LDIuNDEtMTYuMjksOC4zNy0xOS45MSwxNy44NC0yLjI0LDUuODYtNS4xNywxMS40Ni04LjI3LDE4LjIxLDIuNywwLDQuNTcsMCw2LjQ1LDAsNjguMjkuMDMsMTM2LjU4LjA3LDIwNC44Ni4wNiwxNi4wNSwwLDMxLjIzLDMuMjksNDQuMzQsMTIuODIsMTguNywxMy41OSwyNC44OCwzMi44NSwyMy44Nyw1NS4xOS0uNTksMTMuMTEtNS4zMSwyNC45My0xMC40LDM2Ljc0LTE0LjQxLDMzLjQzLTI4LjA0LDY3LjIyLTQzLjIyLDEwMC4zLTIxLjY1LDQ3LjE4LTU5LjI0LDcyLjA4LTExMS41Myw3NS4zOC0xLjE2LS42OS0xLjc0LTEuMTctMi4zMi0xLjE3LTExLjcyLS4wNS0yMy40NC0uMDgtMzUuMTYuMDItLjkxLDAtMS44Mi45Ni0yLjcyLDEuNDctMS4wOS4wOC0yLjE4LjE1LTMuODItLjI0LTEuMjgtLjc0LTIuMDEtMS4yNy0yLjc0LTEuMjctMTUuNC0uMDUtMzAuNzktLjA3LTQ2LjE5LjAzLTEuMDgsMC0yLjE2Ljk1LTMuMjQsMS40Ni01LjcyLjA3LTExLjQ0LjE1LTE3Ljc2LS4yNC0xLjE3LS43My0xLjc0LTEuMjMtMi4zMS0xLjIzLTguMzktLjA2LTE2Ljc5LS4wOS0yNS4xOC4wMS0uOTIuMDEtMS44My45NC0yLjc0LDEuNDQtMi4wNy4wOC00LjE0LjE2LTYuOC0uMjMtMS40OS0uNzMtMi40LTEuMjQtMy4zLTEuMjQtMzIuMDUtLjA0LTY0LjEtLjA1LTk2LjE1LjAzLTEuMjUsMC0yLjUuOTUtMy43NSwxLjQ2LTEuNzQuMDgtMy40OC4xNi01LjgtLjIzLTkuMTktLjYzLTE3LjgxLS44MS0yNi40My0uOTItLjI1LDAtLjUyLjc3LS43OCwxLjE5LTExLjEyLS4wNC0yMS44Ny0yLjExLTMyLjAyLTYuNjMtMjMuMTctMTAuMzQtMzUuNDQtMzEuNDMtMzMuNTgtNTcuMTMuODEtMTEuMjMsMy40NS0yMS45NSw3Ljk4LTMyLjI5LDM4LjA0LTg2LjY3LDc1LjYzLTE3My41NSwxMTQuMTMtMjYwLjAxLDE3LjMyLTM4Ljg4LDQ4LjA5LTYzLjY0LDg4LjQ3LTc1Ljk5LDEyLjMtMy43NiwyNS40My00Ljc4LDM4LjY5LTYuNjksMS40Mi4xOCwyLjMzLDAsMy4yNC0uMTguNzgtLjA5LDEuNTYtLjE4LDIuODguMiw0LjQuMjUsOC4yNi4wMywxMi4xMi0uMTksMy4zNS0uMDksNi43MS0uMTgsMTAuNjcuMTgsMS41Ny4yNCwyLjU0LjA0LDMuNS0uMTYsMi45NS0uMDksNS45LS4xNyw5LjUzLjIxLDIuOTUuMjUsNS4yMy4wMyw3LjUxLS4xOSw4LjY0LS4xMSwxNy4yNy0uMjksMjUuOTEtLjMxLDE5LjYzLS4wMywzOS4yNi4wMiw1OS41NS40OSwxLjk0LjI0LDMuMjIuMDMsNC41LS4xNywxLjMzLS4wOSwyLjY2LS4xOSw0LjUzLjEzLDEuMTguMjQsMS44MS4wNiwyLjQ1LS4xMiw3Ljk1LS4xLDE1Ljg5LS4xOSwyNC41NS4xOSw0LjMuMjUsNy44OS4wMiwxMS40OC0uMjEsMTMuOTctLjExLDI3Ljk0LS4yNCw0MS45LS4zMSw4LjY2LS4wNCwxNy4zMS4wMiwyNi41Mi4zOS44OC4yMSwxLjIxLjA3LDEuNTMtLjA3LDUuNy0uMSwxMS40MS0uMTksMTcuNjcuMTUsMi40NC4yNCw0LjMxLjA1LDYuMTktLjE0Ljc4LS4xLDEuNTYtLjIsMi44OS4xOCw0Ljc4LjI3LDkuMDIuMDcsMTMuMjYtLjEzLDEuOTgtLjEsMy45NS0uMiw2LjU3LjE1LDIuODUuMjMsNS4wNy4wMiw3LjI4LS4yLDUuMzUtLjA5LDEwLjY5LS4xNywxNi42LjEyLDEuMTcuMjIsMS43OS4wNiwyLjQtLjA5LDEwLjkzLDAsMjEuODYsMCwzMy40NywwLTQuMDksOS4xNC03Ljk4LDE3Ljg5LTExLjksMjYuNjMtMTMuMTMsMjkuMy0yNi4yMyw1OC42My0zOS40OSw4Ny44OC0xLjI2LDIuNzktMy41Nyw1LjEtNS44OCw3LjE1LTIuMzktLjc4LTQuMjktMS4zMi02LjE5LTEuMzItOTAuNzYtLjA0LTE4MS41Mi0uMDUtMjcyLjI5LjAzLTEuODgsMC0zLjc3LDEuMDQtNS42NSwxLjZNMzM1LjY4LDE0LjM1Yy0yLjIxLjQzLTQuNDIuODUtNy4zNSwxLjYxLTE2Ljk4LDIuNDUtMzMuMTQsNy40LTQ4LjE2LDE1Ljc5LTIzLjU5LDEzLjE3LTQyLjUsMzEtNTMuOTQsNTUuOC03LjY2LDE2LjYxLTE0LjU0LDMzLjU5LTIxLjg5LDUwLjM1LTMxLjA3LDcwLjg2LTYyLjE5LDE0MS43LTkzLjI3LDIxMi41NS00Ljc4LDEwLjg5LTYuODUsMjIuMy01Ljc4LDM0LjEzLDEuMSwxMi4xNyw2LjAzLDIyLjI0LDE2LjQyLDI5LjUsMTEuMDMsNy43MSwyMy40OSwxMC4xMywzNi40MiwxMC40MiwxNy44Mi40LDM1LjY1LjEsNTMuNDguMSw3Ni40OCwwLDE1Mi45Ny45MiwyMjkuNDMtLjM2LDQ3LjQ0LS44LDgxLjY5LTI0Ljg0LDEwMS4zNC02OC4xMywxMy44MS0zMC40MywyNi40Ny02MS4zOSwzOS40OS05Mi4xNyw0Ljg0LTExLjQ1LDEwLjU5LTIyLjU1LDEyLjAxLTM1LjI4LDIuOTgtMjYuNzItMTAuNTgtNDYuOS0zNi42LTUzLjI1LTQuOTgtMS4yMi0xMC4xOC0xLjUxLTE1LjYtMi45LTEuOTEtLjI2LTMuODMtLjc1LTUuNzQtLjc1LTcxLjAyLS4wNC0xNDIuMDQtLjAzLTIxMy4wNi0uMDMtMi44MywwLTUuNjYtLjA5LTguNDguMDUtLjQ5LjAyLS45MywxLjAxLTEuOTMsMS43Mi0uNDgtLjI3LS45NS0uNTMtMS40My0xLjI2LS4zNS0uMTUtLjY5LS4yOS0xLjU5LS45OS4yNy0yLjM4LDAtNSwuOTItNy4xLDQuNzYtMTAuOCw5LjkzLTIxLjQxLDE0Ljc2LTMyLjE4LDcuNDItMTYuNTUsMjAuMTUtMjQuMzksMzguMjItMjQuMzgsODguNi4wNSwxNzcuMjEtLjA2LDI2NS44MS4wNiw0LjE3LDAsNi4xNi0xLjM0LDcuNzgtNS4wMiwxMC43My0yNC4zNywyMS42OS00OC42MywzMi40Ny03Mi45OCwyLjEyLTQuNzksMy43My05LjgsNS4yOC0xNS4yOC0uODkuMTUtMS43OC4zLTMuNTguNjctODAuMTYuMDItMTYwLjMyLjA1LTI0MC40Ny4wNS0zMS40OCwwLTYyLjk3LS4wNi05NC45NC0uNzNaIi8+CiAgPHBhdGggZmlsbD0iIzNjZDVlMyIgZD0iTTExMjYuMDYsNDM5LjI1Yy0uNDYuMDctLjkzLjE1LTEuODgtLjI0LTEuMjItLjc0LTEuOTUtMS4yNi0yLjY4LTEuMjYtMTIuNTMtLjA1LTI1LjA2LS4wNy0zNy41OS4wMi0uOTUsMC0xLjkuODYtMi44NSwxLjMyLTEuNDUtLjA1LTIuOTEtLjEtNC43Ny0uNjMtMi4wMi0uMzYtMy42My0uMjQtNS4yNC0uMTItMTMuODUtMi42Ni0yNi41OS03LjYzLTM2LjQxLTE4LjI0LTE1LjM1LTE2LjU4LTE4Ljg2LTM2LjQxLTE0LjAzLTU3LjY4LDIuMzMtMTAuMjksNi40MS0yMC4yOSwxMC41Ni0zMC4wNiwyMy4wOS01NC4zMyw0Ni40OC0xMDguNTMsNjkuNy0xNjIuOCwxMi41MS0yOS4yMiwyNC43NC01OC41NiwzNy4zOC04Ny43MiwxMy41OC0zMS4zMywzNi42My01My41OCw2Ny4yMS02OC4xOSwxOS42OC05LjQsNDAuNDYtMTMuOTgsNjIuMzgtMTMuNjQsMTkuODIuMzEsMzkuNjQuMDgsNTkuOTguNTMsMi40MS4yNCw0LjI5LjA1LDYuMTYtLjE1LDQuOTYtLjEsOS45My0uMjksMTQuODktLjI5LDMxLjM4LS4wMiw2Mi43NSwwLDk0Ljc3LjQ2LDEuNTkuMjQsMi41NS4wMywzLjUxLS4xNywxOC4wMi0uMSwzNi4wNS0uMTksNTQuNjYuMTgsNC4xMi4yNSw3LjY1LjA0LDExLjE3LS4xOCwxNy0uMSwzNC4wMS0uMTksNTEuNjUuMTUsMS42LjI0LDIuNTcuMDMsMy41My0uMTdoMTUuMjdjLS4zLDEuMTMtLjQ2LDIuMjEtLjg4LDMuMTktMTYuMjYsMzguMS0zMi41OCw3Ni4xNy00OC43OCwxMTQuMy0xLjU0LDMuNjItMy4zOSw1LjEtNy42Miw1LjA5LTgyLjgzLS4xNy0xNjUuNjUtLjEzLTI0OC40OC0uMTQtMTQuODcsMC0xOS43MSwzLjE1LTI1LjU0LDE2LjgtMi42OCw2LjI3LTUuMzEsMTIuNTYtNy44MiwxOS41NiwxLjksMSwzLjY2LDEuNTEsNS40MSwxLjUxLDYzLjcyLjA0LDEyNy40My4wNCwxOTEuMTUtLjAyLDEuNzEsMCwzLjQyLS42Nyw1LjEzLTEuMDMsMjguMTkuNTcsNTQuMSwxOC45Niw1OS4yMSw1MC42MywyLjcxLDE2Ljc3LjEyLDMyLjg2LTYuMzksNDguNC0xNC45OSwzNS43NS0yOS4yLDcxLjg2LTQ1LjI5LDEwNy4xMS0xOS40MSw0Mi41Mi01My40Miw2Ni40Ni05OS43NSw3Mi43OC0yLjk3LjQtNS45Ny41NC05LjU0LjM2LTQuNzgtLjE5LTguOTguMDYtMTMuMTkuMzItNi4wNS4wOC0xMi4xLjE2LTE4Ljc2LS4yMi0xLjg0LS43NC0zLjA4LTEuMjctNC4zMi0xLjI3LTU5LjIyLS4wNC0xMTguNDUtLjA0LTE3Ny42Ny4wMy0xLjQyLDAtMi44NC45Ni00LjI2LDEuNDdNMTIyNy4zNywxNzMuNzJjLTEuMDktMS0yLjE3LTIuMDEtMi41Ni0zLjEzLS4wNC0xLjM0LS4wOC0yLjY5LjA2LTQuNzUsNC43NC0xMC42Myw5Ljg4LTIxLjEsMTQuMTQtMzEuOTIsNy4yLTE4LjI2LDIwLjIzLTI2LjE4LDM5LjgxLTI2LjA5LDc5LjQ0LjMzLDE1OC44OC4xLDIzOC4zMS4yMywzLjk4LDAsNS43OC0xLjIsNy4zLTQuODMsMTAuNDctMjUuMDIsMjEuMjQtNDkuOTEsMzEuOC03NC44OSwxLjg0LTQuMzYsMy4xNy04Ljk0LDQuNDktMTMuOTItLjU4LjE0LTEuMTYuMjktMi41OC42Ni05MC44Ni4wMi0xODEuNzIuMDQtMjcyLjU4LjA0LTkuNDgsMC0xOC45Ni0uMTEtMjguOTMtLjc5LTIuMi40My00LjQuODctNy4zMSwxLjY1LTEuOC4zMi0zLjYyLjYtNS40MS45Ni00MC45Myw4LjMzLTcyLjY2LDI5LjQtOTEuMDQsNjcuNjgtOS4zNywxOS41LTE3LjA3LDM5Ljc5LTI1LjU5LDU5LjctMjcuNTUsNjQuNC01NS4xMiwxMjguNzktODIuNywxOTMuMTctNS4wNSwxMS43OS0xMC4wMSwyMy41MS0xMS4yNywzNi41Ni0yLjIsMjIuODMsMTAuMjQsNDEuNzUsMzIuNDIsNDcuNDIsNy4wNCwxLjgsMTQuNDQsMy4wMiwyMS42OCwzLjAzLDg0LjQ5LjE5LDE2OC45OC42OCwyNTMuNDYtLjE2LDQ3LjItLjQ3LDgxLjA2LTIzLjk3LDEwMC40Ni02Ni43MSwxNS4zOS0zMy45MSwyOS02OC42Myw0My40NC0xMDIuOTgsNC41LTEwLjcsNy42LTIxLjY5LDcuMTctMzMuNDMtLjg2LTIzLjQ0LTEzLjE3LTM5LjM1LTM1LjE4LTQ1LjIxLTQuNDgtMS4xOS05LjE2LTEuNjUtMTMuOTctMy4yLTEuMTktLjM2LTIuMzgtMS4wNS0zLjU3LTEuMDUtNjkuMDctLjA1LTEzOC4xMy0uMDYtMjA3LjIuMDItMS4zMiwwLTIuNjUsMS4xNy00LjY0LDEuOTNaIi8+CiAgPHBhdGggZmlsbD0iIzNiZDRlMyIgZD0iTTcyMi4xMS40M2M1LjMxLS4xMSwxMC42Mi0uMzEsMTUuOTQtLjMxLDYxLjk4LS4wMywxMjMuOTUtLjAyLDE4Ni42NC40Niw5LjI3LjY0LDE3LjgzLjgsMjYuMzguODkuMywwLC42MS0uNzEuOTItMS4wOSw5LjQzLS4xLDE4Ljg2LS4yOCwyOC4yOC0uMywxNi41Ny0uMDQsMzMuMTQuMDIsNTAuNDEuNTEsMy4yOS4yNSw1Ljg5LjAzLDguNDktLjIuNjgtLjA5LDEuMzctLjE5LDIuNTkuMTcsMS44Mi4yNSwzLjExLjA0LDQuMzktLjE2LDE2LjYyLS4wOSwzMy4yNC0uMTcsNTAuNDcuMTUsMS4yNC4yMywxLjg3LjA2LDIuNS0uMTIsMTkuNTgsMCwzOS4xNSwwLDU5LjQyLDAtMy4wNCw3LTUuODcsMTMuNTEtOC43MSwyMC4wMi0xMy45NSwzMS45LTI3LjgyLDYzLjgzLTQxLjk1LDk1LjY0LTEuNzcsMy45OC00LjQxLDcuODYtNy41MiwxMC45LTQ5LjI2LDQ4LjA2LTk4Ljc2LDk1Ljg3LTE0Ny45OSwxNDMuOTYtNTYuMjcsNTQuOTYtMTEyLjMxLDExMC4xNS0xNjguNTIsMTY1LjE3LTEuMjYsMS4yMy0zLjQsMi4yMy01LjEzLDIuMjMtNTkuMTYuMTEtMTE4LjMyLjA4LTE3Ny40OS4wNy0uMTUsMC0uMy0uMDktMS43OC0uNTQsNTMuOTUtNTIuNzQsMTA3LjM2LTEwNS4wOCwxNjAuOTItMTU3LjI3LDUzLjctNTIuMzIsMTA3LjU1LTEwNC40OSwxNjIuMTItMTU3LjQ5aC0yNTUuNjVjMTguMDktNDEuMTIsMzUuODYtODEuNTIsNTQuMDctMTIxLjk2LjY5LS4yNi45NC0uNDksMS4xOS0uNzFNMTEzNS43NCwxNC41MmMtLjU4LjEtMS4xNi4yLTIuNjUuNTYtMTMyLjE1LDAtMjY0LjMuMDItMzk2LjQ0LS4xNC00Ljg1LDAtNy4yNCwxLjIyLTkuMjEsNS44My05LjgyLDIyLjk0LTIwLjA4LDQ1LjctMzAuMTgsNjguNTEtMi42OCw2LjA0LTUuMzcsMTIuMDgtOC4zNSwxOC43OWgyNjkuNmMtMTA4LjE1LDEwNS4zNS0yMTUuNTIsMjA5Ljk1LTMyMy43NiwzMTUuMzgsMi4zNC4xMSwzLjE0LjE4LDMuOTQuMTgsNDQuNjYsMCw4OS4zMiwwLDEzMy45OC0uMTQsMS44NywwLDQuMTYtMS4wOSw1LjU0LTIuNDIsMTQuNDgtMTQuMDMsMjguNzctMjguMjQsNDMuMTgtNDIuMzMsMzQuOS0zNC4xMyw2OS44LTY4LjI2LDEwNC43NS0xMDIuMzMsNTQuODktNTMuNSwxMDkuODMtMTA2Ljk0LDE2NC43LTE2MC40NiwxLjczLTEuNjksMy4yMi0zLjgzLDQuMTktNi4wMyw1Ljg1LTEzLjI0LDExLjUxLTI2LjU3LDE3LjIzLTM5Ljg2LDcuODktMTguMzQsMTUuNzktMzYuNjgsMjMuNDctNTUuNTVaIi8+CiAgPHBhdGggZmlsbD0iI2Y3ZjZmNyIgZD0iTTQyOS43NCw1MTMuMjhjMi42OS03LjU3LDUuNDEtMTQuNzIsNy43NS0yMS45OS45OS0zLjA3LDIuNS00LjAyLDUuNzEtMy45NiwxMC4wOC4xNywxMC4wNS4wMywxMi44Myw5LjQ3LDIuNjcsOS4wNyw1LjQsMTguMTIsOC41OCwyOC43OCw0LjMyLTQuNzMsNy44OC04LjgzLDExLjY2LTEyLjczLDUuOC01Ljk4LDEyLjM2LTExLjMzLDE3LjQ3LTE3Ljg0LDYuMzItOC4wNSwxNC4xOS04LjYyLDIzLjc0LTcuMTQtMi44LDguMDUtNS40OCwxNi4wMi04LjM1LDIzLjkzLTMuOCwxMC40OS03LjgzLDIwLjktMTEuNTUsMzEuNDItMS4xNSwzLjI2LTIuNjcsNC45My02LjM5LDQuNTQtMy40Mi0uMzYtNi45Mi0uMDgtMTAuODQtLjA4LDEuODQtNS4zNywzLjQ5LTEwLjIzLDUuMTctMTUuMDksMS42NS00Ljc5LDMuMzItOS41Nyw0Ljk5LTE0LjM2LS42My0uNDYtMS4yNy0uOTEtMS45LTEuMzctNi44LDcuMjUtMTMuNTgsMTQuNTQtMjAuNDIsMjEuNzUtMi43NywyLjkyLTEwLjg1LDQuODMtMTQuMTUsMy4xMi0xLjA3LS41NS0xLjczLTIuMjYtMi4xNy0zLjU4LTIuMzUtNy4wOC00LjU3LTE0LjItNy4yNi0yMi42NS00LjI1LDExLjQ0LTguMDYsMjEuNjktMTEuOSwzMi4wMmgtMTUuMzJjNC4xNi0xMS41NCw4LjE5LTIyLjcyLDEyLjM1LTM0LjI3WiIvPgogIDxwYXRoIGZpbGw9IiNmNWY0ZjUiIGQ9Ik0xMzkwLjI0LDUwMi43OWMzLjY5LTEwLjk2LDEwLjE4LTE1LjU3LDIxLjQxLTE1LjUyLDEwLjgyLjA1LDIxLjY0LjA3LDMyLjQ3LjA4LDMuODYsMCw4LjE5LjU1LDguOTMsNC42OC42NCwzLjU3LS40OCw3LjcyLTEuNzUsMTEuMjgtLjg4LDIuNDUtMTEuNDksMS41Mi0xMy4zMy0uNi0uOTItMS4wNS0yLjU2LTIuMDItMy45LTIuMDYtNy40OS0uMTgtMTQuOTgtLjE1LTIyLjQ3LS4wMS00LjEzLjA3LTcuNDEsMy4zNy02Ljk5LDcuNC4xMiwxLjEyLDIuNDksMi44LDMuODgsMi44NSw3LjE1LjI3LDE0LjMxLjEsMjEuNDcuMDgsMSwwLDItLjA0LDMtLjAxLDEyLjAyLjQsMTUuNTgsNS40MSwxMS44NCwxNi43LS44OSwyLjY4LTEuNjgsNS40LTIuODMsNy45Ny0zLjQ0LDcuNjctOS4yMiwxMi4wNy0xNy44NSwxMi4xLTEyLjE1LjA0LTI0LjMxLS4wMy0zNi40NiwwLTMuNzguMDEtNy43Ni0uOTUtOC40NC00LjctLjY2LTMuNjIuNDEtNy43NSwxLjU3LTExLjM5LjI5LS45MSwzLjg0LTEuMTYsNS44Ni0xLjA3LDMuMDkuMTUsNy4xMy0xLjc4LDguNjIsMy4xOS4xNS40OSwxLjc3Ljc0LDIuNy43NSw3Ljk5LjA2LDE1Ljk5LjEzLDIzLjk4LDAsNC4yNC0uMDcsNy45Ni00LjI0LDcuMjMtOC4zNy0uMTktMS4wNi0yLjUtMi40NS0zLjg3LTIuNDktNy44Mi0uMjMtMTUuNjUtLjA1LTIzLjQ3LS4wOS0xMy45NC0uMDctMTcuMTgtNC41Ny0xMi43MS0xNy41Ny4zMi0uOTQuNjgtMS44OCwxLjE0LTMuMTlaIi8+CiAgPHBhdGggZmlsbD0iI2Y2ZjZmNiIgZD0iTTExNTQuODUsNDk2LjU5YzQuNDctNi4zNSwxMC41My05LjA0LDE3LjczLTkuMTQsMTEuOTgtLjE2LDIzLjk2LS4xOCwzNS45My0uMSwxMC4yNy4wNywxNC43MSw1Ljg4LDExLjUyLDE1LjctMy41OCwxMS4wNC03LjYsMjEuOTQtMTEuNzUsMzIuNzgtMyw3LjgyLTkuMjMsMTEuNjctMTcuNDUsMTEuOC0xMy4xNC4yMS0yNi4yOS4yLTM5LjQzLjAzLTguMi0uMTEtMTIuNjctNS40NS0xMC4yLTEzLjI0LDQtMTIuNjYsOC45NC0yNS4wMSwxMy42NS0zNy44Mk0xMjAzLjQsNTA0Ljg2Yy42NC0zLjY3LTEuNzQtNC4yMi00LjQ4LTQuMjItOC4xNC0uMDEtMTYuMjguMDUtMjQuNDIuMDYtMy44MywwLTYuMiwyLjAyLTcuNDQsNS40OC0yLjgxLDcuOC01LjUsMTUuNjQtOC40MSwyMy40LTEuNCwzLjc0LjIsNC45NiwzLjU4LDQuOTYsOC40Ny4wMiwxNi45NC0uMDIsMjUuNDEtLjA1LDMuNTMtLjAxLDUuOTEtMS40OSw3LjExLTUuMDEsMi43Mi03Ljk5LDUuNjMtMTUuOTIsOC42NC0yNC42M1oiLz4KICA8cGF0aCBmaWxsPSIjZjdmNmY3IiBkPSJNMzU3Ljg1LDU0Ni44MWMtMi4yLjM3LTQuMDEuODMtNS44MS44NC0xMi44My4wOC0yNS42Ny4xNC0zOC41LjA0LTkuMTgtLjA3LTEzLjM3LTUuNDgtMTAuNTctMTQuMDQsMy42Ni0xMS4yLDcuNjUtMjIuMzEsMTEuNzgtMzMuMzYsMy4xNy04LjQ5LDEwLjE5LTEyLjM4LDE4LjY1LTEyLjc1LDEyLjQ4LS41NSwyNS0uMzMsMzcuNDktLjEzLDkuMzkuMTUsMTMuNzgsNi4wMiwxMC45MywxNS4wNS0zLjUxLDExLjEyLTcuNDcsMjIuMS0xMS42NCwzMi45OS0yLjA5LDUuNDYtNi4wMyw5LjU1LTEyLjM0LDExLjM3TTMyNy43Miw1MzQuNTRjNy4xNiwwLDE0LjM0LjMxLDIxLjQ3LS4yLDIuMzQtLjE3LDUuNzItMS45Nyw2LjU3LTMuOTIsMy4zNy03Ljc2LDYuMDMtMTUuODUsOC43Ni0yMy44OCwxLjUxLTQuNDQuNDgtNS43Ny00LjI5LTUuODQtNy42Ni0uMTEtMTUuMzIuMDMtMjIuOTgtLjA5LTQuNDYtLjA3LTcuMSwxLjkzLTguNTMsNi4xMi0yLjMyLDYuNzUtNC45LDEzLjQxLTcuMzQsMjAuMTItMi41Nyw3LjA3LTIuMTcsNy42Miw2LjM0LDcuNjhaIi8+CiAgPHBhdGggZmlsbD0iI2Y2ZjZmNiIgZD0iTTEyOTkuNzEsNTMyLjFjLTQuNzYtNy42Mi05LjMyLTE0LjkzLTE0LjM1LTIyLjk5LTQuMzgsMTEuNy04LjYyLDIyLjQ5LTEyLjM5LDMzLjQ1LTEuMzQsMy44OS0zLjA4LDUuNzQtNy4zNyw1LjI0LTMuMjYtLjM5LTYuNi0uMDgtMTAuNTMtLjA4LDIuNjktNy42LDUuMTctMTQuNjMsNy42Ni0yMS42NSw0LjExLTExLjYxLDguMjgtMjMuMTksMTIuMy0zNC44My45Mi0yLjY4LDIuMTktMy42MSw1LjI0LTMuOTcsOC4yLS45OCwxMy40LDEuNTMsMTcuMzYsOS4yMyw1LjE0LDEwLjAxLDExLjcyLDE5LjI5LDE4LjIyLDI5Ljc1LDMuNTItOS44NCw2LjkxLTE4Ljg5LDkuOTktMjguMDUsMy42My0xMC43OCwzLjUyLTEwLjgxLDE0LjYxLTEwLjc3LDEuNDUsMCwyLjksMCw1LjAyLDAtMi4wOCw1Ljk5LTMuOTIsMTEuNDMtNS44NSwxNi44My00LjcxLDEzLjEyLTkuNTcsMjYuMTgtMTQuMTMsMzkuMzUtMS4wMiwyLjk1LTIuMzcsMy43OS01LjUyLDQuMi03LjkyLDEuMDQtMTMuMzYtMS4yMS0xNi4yNC05LS44NS0yLjI5LTIuNTMtNC4yOC00LjAzLTYuNzJaIi8+CiAgPHBhdGggZmlsbD0iI2Y1ZjRmNSIgZD0iTTcyOS41Nyw1MTMuMThxLTMuODIsMTAuMjItMTQuMjIsMTAuMjNjLTcuMzMsMC0xNC42Ny4yNy0yMS45OC0uMDctNC4yMi0uMi02LjUzLDEuMTEtNy4zMyw1LjMxLS4zMywxLjc0LTEuMjEsMy4zNy0yLjAyLDUuNTVoNDIuNTJjLTEuNiw0LjQ1LTIuODUsOC4yOC00LjQxLDEyLS4zMS43NS0xLjc1LDEuNDUtMi42NywxLjQ2LTE4LjY0LjA4LTM3LjI3LjA2LTU2LjQ4LjA2LDUuMDQtMTQsOS45My0yNy41NiwxNC44LTQxLjEzLDEuOS01LjMxLDMuNjMtMTAuNjksNS43LTE1Ljk0LjUtMS4yNywyLjAxLTMuMDYsMy4wNy0zLjA3LDE4Ljk0LS4xOSwzNy44OS0uMTQsNTcuNTUtLjE0LTEuNTEsNC4wMi0yLjU2LDcuNjYtNC4yNywxMC45Ni0uNiwxLjE2LTIuODEsMi4wNy00LjI5LDIuMDktMTIuOTcuMTYtMjUuOTQuMDktMzguOTMuMDktMS4yOSwzLjQ2LTIuNDMsNi41My0zLjg5LDEwLjQ2LDkuNTIsMCwxOC41NiwwLDI3LjU5LDAsMi42NiwwLDUuMzMtLjA4LDcuOTkuMS41Mi4wNC45OCwxLjA5LDEuMjcsMi4wNFoiLz4KICA8cGF0aCBmaWxsPSIjZjVmNWY1IiBkPSJNNTYxLjQ5LDU0Ny42OGMtNC40MiwwLTguNCwwLTEzLjA4LDAsLjc5LTIuNTMsMS4zOS00LjY4LDIuMTMtNi43OCw1Ljg3LTE2LjU4LDExLjc5LTMzLjE0LDE3LjYxLTQ5LjczLjkzLTIuNjQsMi4xNy0zLjg3LDUuMzItMy44MywxNS4xNC4yLDMwLjI5LDAsNDUuNDQuMDgsOS4yNi4wNCwxMi45NCw1LjMsMTAuMDQsMTQuMTUtMS41NSw0Ljc0LTMuMjUsOS40NC00Ljg4LDE0LjE2LTMuNTgsMTAuNC05LjY4LDE0Ljg2LTIwLjg3LDE1LTguOTkuMTItMTcuOTguMy0yNi45NiwwLTQuNTktLjE1LTcuNTQuNzMtOC40Miw1LjgxLS41LDIuOS0xLjc2LDUuNzItMy4wMSw4LjQyLS41MiwxLjExLTEuOSwxLjgzLTMuMzMsMi43M001OTYuNTMsNTAwLjY0Yy00LjE3LDAtOC4zNC0uMTctMTIuNDkuMTItMS4yOS4wOS0zLjE0LDEuMTktMy42LDIuMy0xLjk5LDQuNzEtMy41NSw5LjYtNS40NCwxNC45MSw5Ljg5LDAsMTkuMzUuMTgsMjguOC0uMTcsMS42OS0uMDYsMy44NS0xLjk5LDQuODEtMy42MywxLjU3LTIuNjksMi4zOC01LjgzLDMuNDEtOC44MiwxLjExLTMuMjEtLjE0LTQuNzgtMy41MS00Ljc1LTMuNjcuMDItNy4zMy4wMi0xMS45OS4wNFoiLz4KICA8cGF0aCBmaWxsPSIjZjZmNmY2IiBkPSJNMTg4Ljk0LDU0Ni4wM2MtMy44OS0zLjM2LTQuNTktNy4yNy0zLjA4LTExLjU2LDQuMTktMTEuOSw4LjIzLTIzLjg1LDEyLjgzLTM1LjU5LDIuOTYtNy41Niw5LjM2LTExLjIyLDE3LjI5LTExLjM5LDEyLjgxLS4yOCwyNS42NC0uMSwzOC40NS0uMDUsMy44OC4wMSw4LjIxLDEuMDksOC44Myw1LjAyLjYyLDMuOTUtLjk2LDguMjctMS44MSwxMi4zOC0uMDkuNDYtMS42OC44My0yLjU5Ljg2LTMuODEuMDktNy42Mi4wNC0xMS44Ni4wNC42OS00LjM4LTEuNzYtNS4xOS01LjI3LTUuMTMtNy40OS4xMy0xNS4wMS0uMjktMjIuNDYuMy0yLjQzLjItNS44LDIuMzQtNi43Nyw0LjQ5LTMuNCw3LjU1LTYuMDEsMTUuNDYtOC43OCwyMy4yOC0xLjYsNC41My0uNzEsNS43OSw0LjAyLDUuODQsNy40OS4wOCwxNC45OC4wNiwyMi40NywwLDEuMy0uMDEsMy4xNi4wNSwzLjc5LS43Miw0Ljg4LTUuODksMTEuMzEtMi41MiwxNy4wNi0zLjU0LS4yMSwxMC40NC02LjgsMTcuMzQtMTYuNjUsMTcuNDUtMTIuODIuMTUtMjUuNjQuMTMtMzguNDYsMC0yLjI0LS4wMi00LjQ4LS45NS03LjA1LTEuNjhaIi8+CiAgPHBhdGggZmlsbD0iIzNmZDVlMiIgZD0iTTE1NzEuNzYsNTE3LjI3YzIxLjAyLDEuOTQsNDEuNTgsMy44Myw2Mi4xNCw1LjcyLjAzLjIuMDYuMzkuMDkuNTktMSwuMjUtMiwuNjQtMy4wMi43My00MC44LDMuNzYtODEuNiw3LjUtMTIyLjQxLDExLjIyLTguMzIuNzYtMTAuNDUtMS4yNy0xMC40Ni05LjY0LS4wMi0xNC43NC4yNS0xNC45NSwxNC45My0xMy42NiwxOS40MSwxLjcsMzguODMsMy4zMyw1OC43MSw1LjA0WiIvPgogIDxwYXRoIGZpbGw9IiMzZmQ1ZTIiIGQ9Ik0xMjEuMzQsNTEyLjNjMTQuNTEtMS42MSwxNS42MS0uNTcsMTUuMjYsMTMuNzktLjE4LDcuNTUtMi43OCwxMC4wNC0xMC4wOSw5LjM4LTQwLjk5LTMuNzEtODEuOTgtNy40Ny0xMjIuOTctMTEuMjMtMS4xNS0uMTEtMi4zLS4zNi0zLjQtLjU0LS4wNi0uMjYtLjEtLjQxLS4xMy0uNTYsNDAuMjktMy42LDgwLjU4LTcuMTksMTIxLjM0LTEwLjg0WiIvPgogIDxwYXRoIGZpbGw9IiNmNWY0ZjUiIGQ9Ik0xMDA0LjAzLDQ4Ny40M2MxMC45OCwwLDIxLjQ3LDAsMzIuNzcsMC0xLjQ4LDQuMDMtMi41OSw3Ljc2LTQuMjgsMTEuMjEtLjUxLDEuMDUtMi41OSwxLjgtMy45OSwxLjg2LTUuMTYuMjQtMTAuMzQuMzUtMTUuNDkuMDktMy4zNy0uMTctNSwuOTItNi4xMyw0LjE5LTQuNDgsMTIuOS05LjM5LDI1LjY1LTEzLjg1LDM4LjU2LTEuMTgsMy40LTIuNzksNC44LTYuNDEsNC40Ny0zLjU5LS4zMy03LjIzLS4wNy0xMS40My0uMDcsNS42Ny0xNS45MiwxMS4xMS0zMS4yLDE2Ljc4LTQ3LjEyaC0yMy4yN2MtLjA0LS44MS0uMTUtMS4xNi0uMDYtMS40NXEzLjI3LTExLjc5LDE1LjM4LTExLjc5YzYuNSwwLDEzLC4wMywyMCwuMDVaIi8+CiAgPHBhdGggZmlsbD0iI2Y1ZjVmNSIgZD0iTTgxNy4yOSw1MjguMTNjLTIuMDEsNS41Mi00LjAyLDEwLjYyLTUuNjksMTUuODQtLjg5LDIuNzgtMi4xNCw0LjExLTUuMjgsMy44NS0zLjc5LS4zMi03LjYyLS4wNy0xMi4xMy0uMDcsNS42LTE1LjgzLDExLTMxLjEsMTYuNjEtNDYuOTloLTIzLjMyYy0uMDgtLjgtLjIyLTEuMTUtLjE0LTEuNDRxMy4zMS0xMS44NCwxNS43Ny0xMS44NWMxNy41LDAsMzQuOTksMCw1My4zNiwwLTEuNTQsNC4wNS0yLjc5LDcuOTEtNC41MiwxMS41My0uNDQuOTItMi40MSwxLjUyLTMuNywxLjU1LTUuODMuMTctMTEuNjcuMjUtMTcuNDkuMDMtMi42OS0uMS0zLjc2LDEuMDEtNC41OCwzLjMyLTIuODIsNy45OS01LjgyLDE1LjkyLTguODgsMjQuMjNaIi8+CiAgPHBhdGggZmlsbD0iI2Y0ZjNmNCIgZD0iTTkxOC4zNCw1MDAuMjVjLTUuNTIsMTQuOTktMTAuOTMsMjkuNi0xNi4xNCw0NC4yOS0uODksMi41MS0yLjEyLDMuMzUtNC42NywzLjIzLTMuOTItLjE4LTcuODYtLjA1LTEyLjM4LS4wNSw1LjU5LTE1LjQ3LDEwLjkzLTMwLjI4LDE2LjI5LTQ1LjA5LjQ1LTEuMjUuOTUtMi40OCwxLjQxLTMuNzIsNC44LTEzLjA5LDQuOS0xMy4xNSwyMC4wMy0xMS4wMy0xLjQ4LDQuMDYtMi45Myw4LjA0LTQuNTUsMTIuMzdaIi8+CiAgPHBhdGggZmlsbD0iI2Y1ZjVmNSIgZD0iTTEwODguNzUsNTMxLjU1Yy0yLjE0LDUuNTktNC4xMSwxMC44My02LjA3LDE2LjA1aC0xNS4zNWMuNzYtMi41NSwxLjMzLTQuODcsMi4xNC03LjEsNS43OC0xNi4wNiwxMS43MS0zMi4wNiwxNy4zNC00OC4xNywxLjI2LTMuNjEsMi42OS01LjU4LDYuOTItNSwzLjQuNDcsNi45MS4xLDExLjI1LjEtNS41MSwxNS4wMS0xMC43OSwyOS4zOS0xNi4yMyw0NC4xM1oiLz4KICA8cGF0aCBmaWxsPSIjNDRlY2Y3IiBkPSJNMzU3LjUzLDEyMi40MmMxLjQyLS41OCwzLjMtMS42Myw1LjE4LTEuNjMsOTAuNzYtLjA4LDE4MS41Mi0uMDcsMjcyLjI5LS4wMywxLjksMCwzLjguNTUsNS44NCwxLjE5LTQsLjQ1LTguMTYuNjMtMTIuMzEuNjMtOTAuMTgtLjAzLTE4MC4zNi0uMDgtMjcxLjAxLS4xNloiLz4KICA8cGF0aCBmaWxsPSIjNGRmMGZlIiBkPSJNMTQ0NS42MiwxNTkuNTNjLTEuMzEuNDgtMy4wMiwxLjE1LTQuNzQsMS4xNS02My43Mi4wNi0xMjcuNDMuMDYtMTkxLjE1LjAyLTEuNzUsMC0zLjUxLS41MS01LjQ1LTEuMTgsNjIuNy0uNDEsMTI1LjU5LS40MiwxODguNDgtLjQxLDQuMTUsMCw4LjMxLjIsMTIuODYuNDJaIi8+CiAgPHBhdGggZmlsbD0iIzQ0ZTlmNSIgZD0iTTExMjYuNTIsNDM5LjM0Yy45Ni0uNiwyLjM4LTEuNTYsMy44LTEuNTYsNTkuMjItLjA4LDExOC40NS0uMDcsMTc3LjY3LS4wMywxLjI0LDAsMi40Ny41MywzLjg2LDEuMTYtMTAuNjUuNDItMjEuNDUuNTQtMzIuMjUuNTUtNTAuODcuMDEtMTAxLjc0LS4wMS0xNTMuMDctLjExWiIvPgogIDxwYXRoIGZpbGw9IiM0NGU5ZjUiIGQ9Ik0xODkuNTIsNDM5LjMzYy43OS0uNiwyLjA0LTEuNTUsMy4yOS0xLjU2LDMyLjA1LS4wOCw2NC4xLS4wNyw5Ni4xNS0uMDMuOTEsMCwxLjgxLjUxLDIuODcsMS4xMi0yMi4wNy40My00NC4zLjUzLTY2LjUyLjU4LTExLjc4LjAzLTIzLjU2LS4wMi0zNS44LS4xM1oiLz4KICA8cGF0aCBmaWxsPSIjNDRlOWY1IiBkPSJNMzQ3LjUyLDQzOS4zNGMuNjItLjYsMS43LTEuNTUsMi43OS0xLjU1LDE1LjQtLjEsMzAuNzktLjA4LDQ2LjE5LS4wMy43MywwLDEuNDcuNTMsMi4zNSwxLjE1LTE2Ljg2LjQxLTMzLjg2LjQ2LTUxLjMyLjQzWiIvPgogIDxwYXRoIGZpbGw9IiM0NGU5ZjUiIGQ9Ik0xMDgxLjUyLDQzOS4yM2MuNS0uNiwxLjQ1LTEuNDUsMi40LTEuNDYsMTIuNTMtLjA5LDI1LjA2LS4wNywzNy41OS0uMDIuNzMsMCwxLjQ2LjUyLDIuMzQsMS4xNS0xMy44Ni4zOS0yNy44Ny40My00Mi4zMy4zM1oiLz4KICA8cGF0aCBmaWxsPSIjNDRlOWY1IiBkPSJNNDAzLjUyLDQzOS4zNWMuNDUtLjYsMS4zNS0xLjU2LDIuMjctMS41NiwxMS43Mi0uMSwyMy40NC0uMDcsMzUuMTYtLjAyLjU4LDAsMS4xNS40OCwxLjg5LDEuMDctMTIuODUuNDMtMjUuODUuNTEtMzkuMzEuNTFaIi8+CiAgPHBhdGggZmlsbD0iIzQ0ZTlmNSIgZD0iTTI5OS41Miw0MzkuMzFjLjQ2LS42LDEuMzctMS41MiwyLjI5LTEuNTMsOC4zOS0uMTEsMTYuNzktLjA3LDI1LjE4LS4wMS41NywwLDEuMTMuNSwxLjg1LDEuMTItOS41Mi40MS0xOS4xOS40Ni0yOS4zMi40M1oiLz4KICA8cGF0aCBmaWxsPSIjNDRlOWY1IiBkPSJNMTU2LjUyLDQzOS4zOGMtLjItLjUxLjA2LTEuMjguMzItMS4yOCw4LjYyLjExLDE3LjI0LjI5LDI2LjAxLjgxLTguNTIuNDItMTcuMi41LTI2LjMzLjQ4WiIvPgogIDxwYXRoIGZpbGw9IiM0MWU3ZjciIGQ9Ik05NTEuNTYuMjZjLjEyLjUtLjE4LDEuMjItLjQ5LDEuMjEtOC41Ni0uMDktMTcuMTEtLjI1LTI1Ljk0LS43NSw4LjQ4LS40MywxNy4yNC0uNSwyNi40My0uNDZaIi8+CiAgPHBhdGggZmlsbD0iIzQ0ZTlmNSIgZD0iTTEzMzEuNTEsNDM5LjMzYzMuNzUtLjM0LDcuOTUtLjYsMTIuMzEtLjUxLTMuODUuNDItNy44NS41MS0xMi4zMS41MVoiLz4KICA8cGF0aCBmaWxsPSIjNDFlN2Y3IiBkPSJNNjMxLjc0LjMzYy0zLjg0LjMzLTguMDguNTMtMTIuNDkuNDEsMy45Mi0uMzksOC4wMS0uNDYsMTIuNDktLjQxWiIvPgogIDxwYXRoIGZpbGw9IiM0MWU3ZjciIGQ9Ik0zNTcuNTUuMjRjLTMuNDIuMzQtNy4yOC41Ni0xMS4zLjQ2LDMuNTEtLjQxLDcuMTgtLjUsMTEuMy0uNDZaIi8+CiAgPHBhdGggZmlsbD0iIzQxZTdmNyIgZD0iTTE1MTIuNTUuMjdjLTMuMDkuMzQtNi42MS41NS0xMC4zMS40NSwzLjE4LS40LDYuNTItLjQ5LDEwLjMxLS40NVoiLz4KICA8cGF0aCBmaWxsPSIjNDFlN2Y3IiBkPSJNNTIxLjc3LjI3Yy0zLjIuMzUtNi43OS41OC0xMC42NS40NywzLjI0LS40Miw2Ljc1LS41MSwxMC42NS0uNDdaIi8+CiAgPHBhdGggZmlsbD0iIzQxZTdmNyIgZD0iTTM4OC44NS4yN2MtMS45My4zNC00LjIxLjU2LTYuNzQuNDYsMS45Ni0uNDEsNC4xNy0uNSw2Ljc0LS40NloiLz4KICA8cGF0aCBmaWxsPSIjNDFlN2Y3IiBkPSJNNjQ1LjYuMjhjLTEuODMuMzQtNC4wNC41NS02LjQ5LjQ2LDEuODgtLjQsMy45OS0uNDksNi40OS0uNDZaIi8+CiAgPHBhdGggZmlsbD0iIzQxZTdmNyIgZD0iTTYxNS41OC4yOGMtMS40Ny4zMi0zLjM1LjUxLTUuMzYuNDEsMS41Ni0uMzcsMy4yNi0uNDUsNS4zNi0uNDFaIi8+CiAgPHBhdGggZmlsbD0iIzQxZTdmNyIgZD0iTTEzMzMuNTguMjhjLTEuNDcuMzItMy4zNS41MS01LjM3LjQyLDEuNTYtLjM3LDMuMjYtLjQ2LDUuMzctLjQyWiIvPgogIDxwYXRoIGZpbGw9IiM0NGU5ZjUiIGQ9Ik0xMDcxLjQ1LDQzOC41YzEuMjItLjI5LDIuODQtLjQsNC41MS0uMTgtMS4zMy4zNC0yLjczLjM0LTQuNTEuMThaIi8+CiAgPHBhdGggZmlsbD0iIzQxZTdmNyIgZD0iTTEwMzguNzIuMjhjLTIuMTUuMzQtNC43NC41Ni03LjYuNDYsMi4yMS0uNDEsNC42OC0uNDksNy42LS40NloiLz4KICA8cGF0aCBmaWxsPSIjNDFlN2Y3IiBkPSJNMzQyLjYzLjI0Yy0uNTUuMy0xLjQ2LjQ4LTIuNDcuNDEuNjQtLjM1LDEuMzgtLjQ0LDIuNDctLjQxWiIvPgogIDxwYXRoIGZpbGw9IiM0MWU3ZjciIGQ9Ik0xMDQ1Ljc0LjI4Yy0uODcuMzItMi4xNS41My0zLjY1LjQyLjkzLS4zOSwyLjA4LS40NiwzLjY1LS40MloiLz4KICA8cGF0aCBmaWxsPSIjNDFlN2Y3IiBkPSJNNDc4Ljc0LjI5Yy0uODYuMzItMi4xNC41My0zLjY0LjQzLjkzLS4zOSwyLjA4LS40NywzLjY0LS40M1oiLz4KICA8cGF0aCBmaWxsPSIjNDFlN2Y3IiBkPSJNNjY0Ljc0LjMxYy0uMzcuMjgtLjk4LjQzLTEuNzMuMzYuNDEtLjMyLjk0LS40LDEuNzMtLjM2WiIvPgogIDxwYXRoIGZpbGw9IiM0MWU3ZjciIGQ9Ik0xNTY3Ljc2LjI2Yy0uNTYuMzItMS41My41Mi0yLjY5LjQzLjYzLS4zOCwxLjQ2LS40NiwyLjY5LS40M1oiLz4KICA8cGF0aCBmaWxsPSIjNDFlN2Y3IiBkPSJNMTQ0Ni43NS4yOGMtLjU2LjMyLTEuNTIuNTItMi42Ny40My42My0uMzgsMS40NS0uNDYsMi42Ny0uNDNaIi8+CiAgPHBhdGggZmlsbD0iIzQxZTdmNyIgZD0iTTM3MS43Ni4yN2MtLjU2LjMyLTEuNTMuNTItMi42OS40MS42My0uMzgsMS40Ni0uNDUsMi42OS0uNDFaIi8+CiAgPHBhdGggZmlsbD0iIzQxZTdmNyIgZD0iTTEwOTguNzcuMzJjLS4yNy4yOS0uOS40Ny0xLjcuMzguMzQtLjM0LjgzLS40MiwxLjctLjM4WiIvPgogIDxwYXRoIGZpbGw9IiM0MWU3ZjciIGQ9Ik00ODUuNzcuM2MtLjI3LjI5LS45MS40Ny0xLjcxLjM4LjM0LS4zNC44NC0uNDIsMS43MS0uMzhaIi8+CiAgPHBhdGggZmlsbD0iIzQxZTdmNyIgZD0iTTcyMS43OS40Yy4wNi4yNi0uMTkuNDgtLjU4LjU4LDAtLjI5LjEzLS40NS41OC0uNThaIi8+CiAgPHBhdGggZmlsbD0iIzQxZTdmNyIgZD0iTTU5MS44Mi4zMWMtLjAyLjIzLS4zNS4zNy0uNzkuMy4wOS0uMjcuMjktLjMzLjc5LS4zWiIvPgogIDxwYXRoIGZpbGw9IiM0NGVjZjciIGQ9Ik01NDEuODMsMTcyLjg0Yy0xNi40Ny40My0zMy4xLjYtNDkuNzMuNjEtNTkuMzkuMDQtMTE4Ljc5LjA0LTE3OC42NC0uMDQsMC0uNjMuNDQtMS42MS45My0xLjY0LDIuODItLjE0LDUuNjUtLjA1LDguNDgtLjA1LDcxLjAyLDAsMTQyLjA0LDAsMjEzLjA2LjAzLDEuOTEsMCwzLjgzLjQ5LDUuOSwxLjA5WiIvPgogIDxwYXRoIGZpbGw9IiM0NGU5ZjUiIGQ9Ik0zMzUuOTIsMTQuNjdjLTEuODYuNTctMy45Ni44Mi02LjQ3LDEuMDIsMS44MS0uNDgsNC4wMi0uOTEsNi40Ny0xLjAyWiIvPgogIDxwYXRoIGZpbGw9IiM0NGU5ZjUiIGQ9Ik02NzQuODIsMTQuNjRjLS42LjMyLTEuMzUuMzUtMi40Ni4yNy41My0uMjYsMS40Mi0uNDEsMi40Ni0uMjdaIi8+CiAgPHBhdGggZmlsbD0iIzQ0ZWNmNyIgZD0iTTMxMS4wMywxNzIuNDZjLS4zMi4xMS0uNjMtLjAxLTEtLjQuMy0uMTIuNjUuMDIsMSwuNFoiLz4KICA8cGF0aCBmaWxsPSIjNDFlN2Y3IiBkPSJNMTQ0Mi45LDE3My4xOWMtMTQuMDIuNDQtMjguMTUuNTQtNDIuMjkuNTQtNTcuMjIuMDMtMTE0LjQzLjAyLTE3Mi4xMS0uMDYuODYtLjcxLDIuMTktMS44OCwzLjUxLTEuODksNjkuMDctLjA5LDEzOC4xMy0uMDgsMjA3LjItLjAyLDEuMTksMCwyLjM4LjY4LDMuNjksMS40M1oiLz4KICA8cGF0aCBmaWxsPSIjNDRlOWY1IiBkPSJNMTI1Ni44OSwxNC42M2MtMS44NS41Ny0zLjk0Ljg0LTYuNDQsMS4wNSwxLjgtLjQ5LDQtLjkyLDYuNDQtMS4wNVoiLz4KICA8cGF0aCBmaWxsPSIjNDFlN2Y3IiBkPSJNMTIyNC40NiwxNzAuNjVjLS4zNC0xLjE2LS4zMi0yLjM3LS4wNC0zLjg1LjMxLDEuMDkuMzUsMi40NC4wNCwzLjg1WiIvPgogIDxwYXRoIGZpbGw9IiM0NGU5ZjUiIGQ9Ik0xNTYwLjg2LDE0LjY1Yy0uMzIuMjktLjc3LjMzLTEuNTQuMjguMjYtLjI0Ljg0LS4zOCwxLjU0LS4yOFoiLz4KICA8cGF0aCBmaWxsPSIjNDRlOWY1IiBkPSJNMTEzNS44NCwxNC43OGMtLjMzLjI1LS43Ny4yNC0xLjUzLjEzLjI2LS4xOS44NC0uMywxLjUzLS4xM1oiLz4KICA8cGF0aCBmaWxsPSIjM2VkN2U1IiBkPSJNNDM0LDMyNy42OGMtNi44Myw2LjY0LTE0Ljc2LDkuMTctMjMuODYsOS4xNS01NS4zLS4wOS0xMTAuNjEtLjA0LTE2NS45MS0uMDUtOC4zNCwwLTEwLjMxLTIuODktNy4wMS0xMC4zOSw4LjkxLTIwLjI3LDE3Ljk0LTQwLjUsMjYuNzMtNjAuODIsMS45Mi00LjQzLDQuNzUtNi4zLDkuNTYtNi4zLDYwLjMuMDgsMTIwLjYuMDUsMTgwLjkuMDYsOC42NSwwLDEwLjc4LDMuMjUsNy4yNSwxMS4xNC03LjE0LDE1LjkzLTE0LjI1LDMxLjg4LTIxLjU3LDQ3LjczLTEuNTEsMy4yNy0zLjg4LDYuMTUtNi4wOSw5LjQ4TTQxMS44LDMyMS45NmM4LjExLS4xMywxMy4zNC00LjM0LDE2LjQ3LTExLjU5LDQuMDItOS4zMiw4LjA3LTE4LjYyLDEyLjEzLTI3LjkyLDEuMTYtMi42NiwyLjQtNS4yOCwzLjgyLTguNDEtMjEuNSwwLTQyLjE1LDAtNjIuOCwwLTMzLjQ5LjAyLTY2Ljk5LDAtMTAwLjQ4LjE3LTEuOTMsMC00Ljk2LDEuMDEtNS42MiwyLjQzLTYuOTEsMTQuNzYtMTMuNDMsMjkuNjktMjAuMTgsNDQuODMsMS44OS4yOCwzLjM0LjUsNC4zNCwxLjA4LS40OS4yMS0uOTcuNDItMi42OCwxLjE2LDUxLjIxLDAsMTAxLjA2LDAsMTUwLjktLjA2LDEuMDksMCwyLjE5LS45NCw0LjA5LTEuNjlaIi8+CiAgPHBhdGggZmlsbD0iIzNkZDZlNCIgZD0iTTEzNjMuMDUsMjU5LjQxYzUuMzIuOTgsNi4zMSw0LjM3LDQuNjYsOC4yNy03LjcyLDE4LjIzLTE1LjM2LDM2LjUtMjMuNzEsNTQuNDQtNC41MSw5LjY4LTEzLjEyLDE0LjU1LTIzLjgzLDE0LjU4LTUzLjY0LjEyLTEwNy4yNy4wOC0xNjAuOTEuMDUtNS45OCwwLTguMDYtMy4xOC01LjY3LTguODIsOC45Ni0yMS4xNCwxOC4wNS00Mi4yMywyNy4wMS02My4zNiwxLjU3LTMuNzEsNC4xOC01LjMyLDguMTMtNS4zMSw1Ny45Ny4wNiwxMTUuOTMuMSwxNzQuMzMuMTVNMTE3Ni41MSwzMjIuNjNjLS4wNy4zNC0uMTUuNjktLjIyLDEuMDMuNDkuMDIuOTkuMDUsMS40OC4wNSw0NS44MSwwLDkxLjYyLjAxLDEzNy40NC0uMDYsMS4yNywwLDIuNTMtLjkzLDQuNTktMS42OSw2Ljc5LS4xNCwxMS4xNy0zLjYzLDEzLjY1LTkuNzksMS43NC00LjMxLDMuNDktOC42Miw1LjI5LTEyLjkxLDMuNDUtOC4yMSw2LjkzLTE2LjQxLDEwLjQtMjQuNjItLjcyLS4zMS0xLS41NC0xLjI4LS41NC01MC45NCwwLTEwMS44OCwwLTE1Mi44MS4xOS0xLjUxLDAtMy43LDEuODctNC40LDMuNDEtNC4yMyw5LjIxLTguMTMsMTguNTYtMTIuMTEsMjcuODktMi4yMyw1LjI0LTQuMzgsMTAuNTEtNi42NiwxNS45NywyLjEuMjksMy41Ny40OSw0LjYzLDEuMDdaIi8+CiAgPHBhdGggZmlsbD0iIzQ0ZWNmNyIgZD0iTTI1OS43MSwzMjIuMzdjOC41NC0uMjQsMTYuODQtLjM1LDI1LjE1LS4zNSw0MS43NC0uMDIsODMuNDgsMCwxMjUuNjcuMDktLjY0LjYtMS43MywxLjUzLTIuODIsMS41NC00OS44NS4wNy05OS42OS4wNi0xNTAuOS4wNiwxLjctLjc0LDIuMTktLjk1LDIuOS0xLjM0WiIvPgogIDxwYXRoIGZpbGw9IiM0NGU5ZjUiIGQ9Ik0xMTc2LjcxLDMyMi40NWM5LjAxLS4yNywxNy44Mi0uNDIsMjYuNjItLjQyLDM4LjI1LS4wMiw3Ni41LDAsMTE1LjIxLjEtLjgxLjYtMi4wNywxLjUzLTMuMzQsMS41My00NS44MS4wNy05MS42Mi4wNi0xMzcuNDQuMDYtLjQ5LDAtLjk5LS4wMy0xLjQ4LS4wNS4wNy0uMzQuMTUtLjY5LjQzLTEuMjJaIi8+Cjwvc3ZnPgo=");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyByb2xlPSJpbWciIGFyaWEtaGlkZGVuPSJ0cnVlIiBmb2N1c2FibGU9ImZhbHNlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE2MzMuOTkgNTQ4LjA1Ij4KICA8cGF0aCBmaWxsPSIjM2NkNWUzIiBkPSJNMzU3LjA2LDEyMi4zOWMtOS44LDIuNDEtMTYuMjksOC4zNy0xOS45MSwxNy44NC0yLjI0LDUuODYtNS4xNywxMS40Ni04LjI3LDE4LjIxLDIuNywwLDQuNTcsMCw2LjQ1LDAsNjguMjkuMDMsMTM2LjU4LjA3LDIwNC44Ni4wNiwxNi4wNSwwLDMxLjIzLDMuMjksNDQuMzQsMTIuODIsMTguNywxMy41OSwyNC44OCwzMi44NSwyMy44Nyw1NS4xOS0uNTksMTMuMTEtNS4zMSwyNC45My0xMC40LDM2Ljc0LTE0LjQxLDMzLjQzLTI4LjA0LDY3LjIyLTQzLjIyLDEwMC4zLTIxLjY1LDQ3LjE4LTU5LjI0LDcyLjA4LTExMS41Myw3NS4zOC0xLjE2LS42OS0xLjc0LTEuMTctMi4zMi0xLjE3LTExLjcyLS4wNS0yMy40NC0uMDgtMzUuMTYuMDItLjkxLDAtMS44Mi45Ni0yLjcyLDEuNDctMS4wOS4wOC0yLjE4LjE1LTMuODItLjI0LTEuMjgtLjc0LTIuMDEtMS4yNy0yLjc0LTEuMjctMTUuNC0uMDUtMzAuNzktLjA3LTQ2LjE5LjAzLTEuMDgsMC0yLjE2Ljk1LTMuMjQsMS40Ni01LjcyLjA3LTExLjQ0LjE1LTE3Ljc2LS4yNC0xLjE3LS43My0xLjc0LTEuMjMtMi4zMS0xLjIzLTguMzktLjA2LTE2Ljc5LS4wOS0yNS4xOC4wMS0uOTIuMDEtMS44My45NC0yLjc0LDEuNDQtMi4wNy4wOC00LjE0LjE2LTYuOC0uMjMtMS40OS0uNzMtMi40LTEuMjQtMy4zLTEuMjQtMzIuMDUtLjA0LTY0LjEtLjA1LTk2LjE1LjAzLTEuMjUsMC0yLjUuOTUtMy43NSwxLjQ2LTEuNzQuMDgtMy40OC4xNi01LjgtLjIzLTkuMTktLjYzLTE3LjgxLS44MS0yNi40My0uOTItLjI1LDAtLjUyLjc3LS43OCwxLjE5LTExLjEyLS4wNC0yMS44Ny0yLjExLTMyLjAyLTYuNjMtMjMuMTctMTAuMzQtMzUuNDQtMzEuNDMtMzMuNTgtNTcuMTMuODEtMTEuMjMsMy40NS0yMS45NSw3Ljk4LTMyLjI5LDM4LjA0LTg2LjY3LDc1LjYzLTE3My41NSwxMTQuMTMtMjYwLjAxLDE3LjMyLTM4Ljg4LDQ4LjA5LTYzLjY0LDg4LjQ3LTc1Ljk5LDEyLjMtMy43NiwyNS40My00Ljc4LDM4LjY5LTYuNjksMS40Mi4xOCwyLjMzLDAsMy4yNC0uMTguNzgtLjA5LDEuNTYtLjE4LDIuODguMiw0LjQuMjUsOC4yNi4wMywxMi4xMi0uMTksMy4zNS0uMDksNi43MS0uMTgsMTAuNjcuMTgsMS41Ny4yNCwyLjU0LjA0LDMuNS0uMTYsMi45NS0uMDksNS45LS4xNyw5LjUzLjIxLDIuOTUuMjUsNS4yMy4wMyw3LjUxLS4xOSw4LjY0LS4xMSwxNy4yNy0uMjksMjUuOTEtLjMxLDE5LjYzLS4wMywzOS4yNi4wMiw1OS41NS40OSwxLjk0LjI0LDMuMjIuMDMsNC41LS4xNywxLjMzLS4wOSwyLjY2LS4xOSw0LjUzLjEzLDEuMTguMjQsMS44MS4wNiwyLjQ1LS4xMiw3Ljk1LS4xLDE1Ljg5LS4xOSwyNC41NS4xOSw0LjMuMjUsNy44OS4wMiwxMS40OC0uMjEsMTMuOTctLjExLDI3Ljk0LS4yNCw0MS45LS4zMSw4LjY2LS4wNCwxNy4zMS4wMiwyNi41Mi4zOS44OC4yMSwxLjIxLjA3LDEuNTMtLjA3LDUuNy0uMSwxMS40MS0uMTksMTcuNjcuMTUsMi40NC4yNCw0LjMxLjA1LDYuMTktLjE0Ljc4LS4xLDEuNTYtLjIsMi44OS4xOCw0Ljc4LjI3LDkuMDIuMDcsMTMuMjYtLjEzLDEuOTgtLjEsMy45NS0uMiw2LjU3LjE1LDIuODUuMjMsNS4wNy4wMiw3LjI4LS4yLDUuMzUtLjA5LDEwLjY5LS4xNywxNi42LjEyLDEuMTcuMjIsMS43OS4wNiwyLjQtLjA5LDEwLjkzLDAsMjEuODYsMCwzMy40NywwLTQuMDksOS4xNC03Ljk4LDE3Ljg5LTExLjksMjYuNjMtMTMuMTMsMjkuMy0yNi4yMyw1OC42My0zOS40OSw4Ny44OC0xLjI2LDIuNzktMy41Nyw1LjEtNS44OCw3LjE1LTIuMzktLjc4LTQuMjktMS4zMi02LjE5LTEuMzItOTAuNzYtLjA0LTE4MS41Mi0uMDUtMjcyLjI5LjAzLTEuODgsMC0zLjc3LDEuMDQtNS42NSwxLjZNMzM1LjY4LDE0LjM1Yy0yLjIxLjQzLTQuNDIuODUtNy4zNSwxLjYxLTE2Ljk4LDIuNDUtMzMuMTQsNy40LTQ4LjE2LDE1Ljc5LTIzLjU5LDEzLjE3LTQyLjUsMzEtNTMuOTQsNTUuOC03LjY2LDE2LjYxLTE0LjU0LDMzLjU5LTIxLjg5LDUwLjM1LTMxLjA3LDcwLjg2LTYyLjE5LDE0MS43LTkzLjI3LDIxMi41NS00Ljc4LDEwLjg5LTYuODUsMjIuMy01Ljc4LDM0LjEzLDEuMSwxMi4xNyw2LjAzLDIyLjI0LDE2LjQyLDI5LjUsMTEuMDMsNy43MSwyMy40OSwxMC4xMywzNi40MiwxMC40MiwxNy44Mi40LDM1LjY1LjEsNTMuNDguMSw3Ni40OCwwLDE1Mi45Ny45MiwyMjkuNDMtLjM2LDQ3LjQ0LS44LDgxLjY5LTI0Ljg0LDEwMS4zNC02OC4xMywxMy44MS0zMC40MywyNi40Ny02MS4zOSwzOS40OS05Mi4xNyw0Ljg0LTExLjQ1LDEwLjU5LTIyLjU1LDEyLjAxLTM1LjI4LDIuOTgtMjYuNzItMTAuNTgtNDYuOS0zNi42LTUzLjI1LTQuOTgtMS4yMi0xMC4xOC0xLjUxLTE1LjYtMi45LTEuOTEtLjI2LTMuODMtLjc1LTUuNzQtLjc1LTcxLjAyLS4wNC0xNDIuMDQtLjAzLTIxMy4wNi0uMDMtMi44MywwLTUuNjYtLjA5LTguNDguMDUtLjQ5LjAyLS45MywxLjAxLTEuOTMsMS43Mi0uNDgtLjI3LS45NS0uNTMtMS40My0xLjI2LS4zNS0uMTUtLjY5LS4yOS0xLjU5LS45OS4yNy0yLjM4LDAtNSwuOTItNy4xLDQuNzYtMTAuOCw5LjkzLTIxLjQxLDE0Ljc2LTMyLjE4LDcuNDItMTYuNTUsMjAuMTUtMjQuMzksMzguMjItMjQuMzgsODguNi4wNSwxNzcuMjEtLjA2LDI2NS44MS4wNiw0LjE3LDAsNi4xNi0xLjM0LDcuNzgtNS4wMiwxMC43My0yNC4zNywyMS42OS00OC42MywzMi40Ny03Mi45OCwyLjEyLTQuNzksMy43My05LjgsNS4yOC0xNS4yOC0uODkuMTUtMS43OC4zLTMuNTguNjctODAuMTYuMDItMTYwLjMyLjA1LTI0MC40Ny4wNS0zMS40OCwwLTYyLjk3LS4wNi05NC45NC0uNzNaIi8+CiAgPHBhdGggZmlsbD0iIzNjZDVlMyIgZD0iTTExMjYuMDYsNDM5LjI1Yy0uNDYuMDctLjkzLjE1LTEuODgtLjI0LTEuMjItLjc0LTEuOTUtMS4yNi0yLjY4LTEuMjYtMTIuNTMtLjA1LTI1LjA2LS4wNy0zNy41OS4wMi0uOTUsMC0xLjkuODYtMi44NSwxLjMyLTEuNDUtLjA1LTIuOTEtLjEtNC43Ny0uNjMtMi4wMi0uMzYtMy42My0uMjQtNS4yNC0uMTItMTMuODUtMi42Ni0yNi41OS03LjYzLTM2LjQxLTE4LjI0LTE1LjM1LTE2LjU4LTE4Ljg2LTM2LjQxLTE0LjAzLTU3LjY4LDIuMzMtMTAuMjksNi40MS0yMC4yOSwxMC41Ni0zMC4wNiwyMy4wOS01NC4zMyw0Ni40OC0xMDguNTMsNjkuNy0xNjIuOCwxMi41MS0yOS4yMiwyNC43NC01OC41NiwzNy4zOC04Ny43MiwxMy41OC0zMS4zMywzNi42My01My41OCw2Ny4yMS02OC4xOSwxOS42OC05LjQsNDAuNDYtMTMuOTgsNjIuMzgtMTMuNjQsMTkuODIuMzEsMzkuNjQuMDgsNTkuOTguNTMsMi40MS4yNCw0LjI5LjA1LDYuMTYtLjE1LDQuOTYtLjEsOS45My0uMjksMTQuODktLjI5LDMxLjM4LS4wMiw2Mi43NSwwLDk0Ljc3LjQ2LDEuNTkuMjQsMi41NS4wMywzLjUxLS4xNywxOC4wMi0uMSwzNi4wNS0uMTksNTQuNjYuMTgsNC4xMi4yNSw3LjY1LjA0LDExLjE3LS4xOCwxNy0uMSwzNC4wMS0uMTksNTEuNjUuMTUsMS42LjI0LDIuNTcuMDMsMy41My0uMTdoMTUuMjdjLS4zLDEuMTMtLjQ2LDIuMjEtLjg4LDMuMTktMTYuMjYsMzguMS0zMi41OCw3Ni4xNy00OC43OCwxMTQuMy0xLjU0LDMuNjItMy4zOSw1LjEtNy42Miw1LjA5LTgyLjgzLS4xNy0xNjUuNjUtLjEzLTI0OC40OC0uMTQtMTQuODcsMC0xOS43MSwzLjE1LTI1LjU0LDE2LjgtMi42OCw2LjI3LTUuMzEsMTIuNTYtNy44MiwxOS41NiwxLjksMSwzLjY2LDEuNTEsNS40MSwxLjUxLDYzLjcyLjA0LDEyNy40My4wNCwxOTEuMTUtLjAyLDEuNzEsMCwzLjQyLS42Nyw1LjEzLTEuMDMsMjguMTkuNTcsNTQuMSwxOC45Niw1OS4yMSw1MC42MywyLjcxLDE2Ljc3LjEyLDMyLjg2LTYuMzksNDguNC0xNC45OSwzNS43NS0yOS4yLDcxLjg2LTQ1LjI5LDEwNy4xMS0xOS40MSw0Mi41Mi01My40Miw2Ni40Ni05OS43NSw3Mi43OC0yLjk3LjQtNS45Ny41NC05LjU0LjM2LTQuNzgtLjE5LTguOTguMDYtMTMuMTkuMzItNi4wNS4wOC0xMi4xLjE2LTE4Ljc2LS4yMi0xLjg0LS43NC0zLjA4LTEuMjctNC4zMi0xLjI3LTU5LjIyLS4wNC0xMTguNDUtLjA0LTE3Ny42Ny4wMy0xLjQyLDAtMi44NC45Ni00LjI2LDEuNDdNMTIyNy4zNywxNzMuNzJjLTEuMDktMS0yLjE3LTIuMDEtMi41Ni0zLjEzLS4wNC0xLjM0LS4wOC0yLjY5LjA2LTQuNzUsNC43NC0xMC42Myw5Ljg4LTIxLjEsMTQuMTQtMzEuOTIsNy4yLTE4LjI2LDIwLjIzLTI2LjE4LDM5LjgxLTI2LjA5LDc5LjQ0LjMzLDE1OC44OC4xLDIzOC4zMS4yMywzLjk4LDAsNS43OC0xLjIsNy4zLTQuODMsMTAuNDctMjUuMDIsMjEuMjQtNDkuOTEsMzEuOC03NC44OSwxLjg0LTQuMzYsMy4xNy04Ljk0LDQuNDktMTMuOTItLjU4LjE0LTEuMTYuMjktMi41OC42Ni05MC44Ni4wMi0xODEuNzIuMDQtMjcyLjU4LjA0LTkuNDgsMC0xOC45Ni0uMTEtMjguOTMtLjc5LTIuMi40My00LjQuODctNy4zMSwxLjY1LTEuOC4zMi0zLjYyLjYtNS40MS45Ni00MC45Myw4LjMzLTcyLjY2LDI5LjQtOTEuMDQsNjcuNjgtOS4zNywxOS41LTE3LjA3LDM5Ljc5LTI1LjU5LDU5LjctMjcuNTUsNjQuNC01NS4xMiwxMjguNzktODIuNywxOTMuMTctNS4wNSwxMS43OS0xMC4wMSwyMy41MS0xMS4yNywzNi41Ni0yLjIsMjIuODMsMTAuMjQsNDEuNzUsMzIuNDIsNDcuNDIsNy4wNCwxLjgsMTQuNDQsMy4wMiwyMS42OCwzLjAzLDg0LjQ5LjE5LDE2OC45OC42OCwyNTMuNDYtLjE2LDQ3LjItLjQ3LDgxLjA2LTIzLjk3LDEwMC40Ni02Ni43MSwxNS4zOS0zMy45MSwyOS02OC42Myw0My40NC0xMDIuOTgsNC41LTEwLjcsNy42LTIxLjY5LDcuMTctMzMuNDMtLjg2LTIzLjQ0LTEzLjE3LTM5LjM1LTM1LjE4LTQ1LjIxLTQuNDgtMS4xOS05LjE2LTEuNjUtMTMuOTctMy4yLTEuMTktLjM2LTIuMzgtMS4wNS0zLjU3LTEuMDUtNjkuMDctLjA1LTEzOC4xMy0uMDYtMjA3LjIuMDItMS4zMiwwLTIuNjUsMS4xNy00LjY0LDEuOTNaIi8+CiAgPHBhdGggZmlsbD0iIzNiZDRlMyIgZD0iTTcyMi4xMS40M2M1LjMxLS4xMSwxMC42Mi0uMzEsMTUuOTQtLjMxLDYxLjk4LS4wMywxMjMuOTUtLjAyLDE4Ni42NC40Niw5LjI3LjY0LDE3LjgzLjgsMjYuMzguODkuMywwLC42MS0uNzEuOTItMS4wOSw5LjQzLS4xLDE4Ljg2LS4yOCwyOC4yOC0uMywxNi41Ny0uMDQsMzMuMTQuMDIsNTAuNDEuNTEsMy4yOS4yNSw1Ljg5LjAzLDguNDktLjIuNjgtLjA5LDEuMzctLjE5LDIuNTkuMTcsMS44Mi4yNSwzLjExLjA0LDQuMzktLjE2LDE2LjYyLS4wOSwzMy4yNC0uMTcsNTAuNDcuMTUsMS4yNC4yMywxLjg3LjA2LDIuNS0uMTIsMTkuNTgsMCwzOS4xNSwwLDU5LjQyLDAtMy4wNCw3LTUuODcsMTMuNTEtOC43MSwyMC4wMi0xMy45NSwzMS45LTI3LjgyLDYzLjgzLTQxLjk1LDk1LjY0LTEuNzcsMy45OC00LjQxLDcuODYtNy41MiwxMC45LTQ5LjI2LDQ4LjA2LTk4Ljc2LDk1Ljg3LTE0Ny45OSwxNDMuOTYtNTYuMjcsNTQuOTYtMTEyLjMxLDExMC4xNS0xNjguNTIsMTY1LjE3LTEuMjYsMS4yMy0zLjQsMi4yMy01LjEzLDIuMjMtNTkuMTYuMTEtMTE4LjMyLjA4LTE3Ny40OS4wNy0uMTUsMC0uMy0uMDktMS43OC0uNTQsNTMuOTUtNTIuNzQsMTA3LjM2LTEwNS4wOCwxNjAuOTItMTU3LjI3LDUzLjctNTIuMzIsMTA3LjU1LTEwNC40OSwxNjIuMTItMTU3LjQ5aC0yNTUuNjVjMTguMDktNDEuMTIsMzUuODYtODEuNTIsNTQuMDctMTIxLjk2LjY5LS4yNi45NC0uNDksMS4xOS0uNzFNMTEzNS43NCwxNC41MmMtLjU4LjEtMS4xNi4yLTIuNjUuNTYtMTMyLjE1LDAtMjY0LjMuMDItMzk2LjQ0LS4xNC00Ljg1LDAtNy4yNCwxLjIyLTkuMjEsNS44My05LjgyLDIyLjk0LTIwLjA4LDQ1LjctMzAuMTgsNjguNTEtMi42OCw2LjA0LTUuMzcsMTIuMDgtOC4zNSwxOC43OWgyNjkuNmMtMTA4LjE1LDEwNS4zNS0yMTUuNTIsMjA5Ljk1LTMyMy43NiwzMTUuMzgsMi4zNC4xMSwzLjE0LjE4LDMuOTQuMTgsNDQuNjYsMCw4OS4zMiwwLDEzMy45OC0uMTQsMS44NywwLDQuMTYtMS4wOSw1LjU0LTIuNDIsMTQuNDgtMTQuMDMsMjguNzctMjguMjQsNDMuMTgtNDIuMzMsMzQuOS0zNC4xMyw2OS44LTY4LjI2LDEwNC43NS0xMDIuMzMsNTQuODktNTMuNSwxMDkuODMtMTA2Ljk0LDE2NC43LTE2MC40NiwxLjczLTEuNjksMy4yMi0zLjgzLDQuMTktNi4wMyw1Ljg1LTEzLjI0LDExLjUxLTI2LjU3LDE3LjIzLTM5Ljg2LDcuODktMTguMzQsMTUuNzktMzYuNjgsMjMuNDctNTUuNTVaIi8+CiAgPHBhdGggZmlsbD0iI2Y3ZjZmNyIgZD0iTTQyOS43NCw1MTMuMjhjMi42OS03LjU3LDUuNDEtMTQuNzIsNy43NS0yMS45OS45OS0zLjA3LDIuNS00LjAyLDUuNzEtMy45NiwxMC4wOC4xNywxMC4wNS4wMywxMi44Myw5LjQ3LDIuNjcsOS4wNyw1LjQsMTguMTIsOC41OCwyOC43OCw0LjMyLTQuNzMsNy44OC04LjgzLDExLjY2LTEyLjczLDUuOC01Ljk4LDEyLjM2LTExLjMzLDE3LjQ3LTE3Ljg0LDYuMzItOC4wNSwxNC4xOS04LjYyLDIzLjc0LTcuMTQtMi44LDguMDUtNS40OCwxNi4wMi04LjM1LDIzLjkzLTMuOCwxMC40OS03LjgzLDIwLjktMTEuNTUsMzEuNDItMS4xNSwzLjI2LTIuNjcsNC45My02LjM5LDQuNTQtMy40Mi0uMzYtNi45Mi0uMDgtMTAuODQtLjA4LDEuODQtNS4zNywzLjQ5LTEwLjIzLDUuMTctMTUuMDksMS42NS00Ljc5LDMuMzItOS41Nyw0Ljk5LTE0LjM2LS42My0uNDYtMS4yNy0uOTEtMS45LTEuMzctNi44LDcuMjUtMTMuNTgsMTQuNTQtMjAuNDIsMjEuNzUtMi43NywyLjkyLTEwLjg1LDQuODMtMTQuMTUsMy4xMi0xLjA3LS41NS0xLjczLTIuMjYtMi4xNy0zLjU4LTIuMzUtNy4wOC00LjU3LTE0LjItNy4yNi0yMi42NS00LjI1LDExLjQ0LTguMDYsMjEuNjktMTEuOSwzMi4wMmgtMTUuMzJjNC4xNi0xMS41NCw4LjE5LTIyLjcyLDEyLjM1LTM0LjI3WiIvPgogIDxwYXRoIGZpbGw9IiNmNWY0ZjUiIGQ9Ik0xMzkwLjI0LDUwMi43OWMzLjY5LTEwLjk2LDEwLjE4LTE1LjU3LDIxLjQxLTE1LjUyLDEwLjgyLjA1LDIxLjY0LjA3LDMyLjQ3LjA4LDMuODYsMCw4LjE5LjU1LDguOTMsNC42OC42NCwzLjU3LS40OCw3LjcyLTEuNzUsMTEuMjgtLjg4LDIuNDUtMTEuNDksMS41Mi0xMy4zMy0uNi0uOTItMS4wNS0yLjU2LTIuMDItMy45LTIuMDYtNy40OS0uMTgtMTQuOTgtLjE1LTIyLjQ3LS4wMS00LjEzLjA3LTcuNDEsMy4zNy02Ljk5LDcuNC4xMiwxLjEyLDIuNDksMi44LDMuODgsMi44NSw3LjE1LjI3LDE0LjMxLjEsMjEuNDcuMDgsMSwwLDItLjA0LDMtLjAxLDEyLjAyLjQsMTUuNTgsNS40MSwxMS44NCwxNi43LS44OSwyLjY4LTEuNjgsNS40LTIuODMsNy45Ny0zLjQ0LDcuNjctOS4yMiwxMi4wNy0xNy44NSwxMi4xLTEyLjE1LjA0LTI0LjMxLS4wMy0zNi40NiwwLTMuNzguMDEtNy43Ni0uOTUtOC40NC00LjctLjY2LTMuNjIuNDEtNy43NSwxLjU3LTExLjM5LjI5LS45MSwzLjg0LTEuMTYsNS44Ni0xLjA3LDMuMDkuMTUsNy4xMy0xLjc4LDguNjIsMy4xOS4xNS40OSwxLjc3Ljc0LDIuNy43NSw3Ljk5LjA2LDE1Ljk5LjEzLDIzLjk4LDAsNC4yNC0uMDcsNy45Ni00LjI0LDcuMjMtOC4zNy0uMTktMS4wNi0yLjUtMi40NS0zLjg3LTIuNDktNy44Mi0uMjMtMTUuNjUtLjA1LTIzLjQ3LS4wOS0xMy45NC0uMDctMTcuMTgtNC41Ny0xMi43MS0xNy41Ny4zMi0uOTQuNjgtMS44OCwxLjE0LTMuMTlaIi8+CiAgPHBhdGggZmlsbD0iI2Y2ZjZmNiIgZD0iTTExNTQuODUsNDk2LjU5YzQuNDctNi4zNSwxMC41My05LjA0LDE3LjczLTkuMTQsMTEuOTgtLjE2LDIzLjk2LS4xOCwzNS45My0uMSwxMC4yNy4wNywxNC43MSw1Ljg4LDExLjUyLDE1LjctMy41OCwxMS4wNC03LjYsMjEuOTQtMTEuNzUsMzIuNzgtMyw3LjgyLTkuMjMsMTEuNjctMTcuNDUsMTEuOC0xMy4xNC4yMS0yNi4yOS4yLTM5LjQzLjAzLTguMi0uMTEtMTIuNjctNS40NS0xMC4yLTEzLjI0LDQtMTIuNjYsOC45NC0yNS4wMSwxMy42NS0zNy44Mk0xMjAzLjQsNTA0Ljg2Yy42NC0zLjY3LTEuNzQtNC4yMi00LjQ4LTQuMjItOC4xNC0uMDEtMTYuMjguMDUtMjQuNDIuMDYtMy44MywwLTYuMiwyLjAyLTcuNDQsNS40OC0yLjgxLDcuOC01LjUsMTUuNjQtOC40MSwyMy40LTEuNCwzLjc0LjIsNC45NiwzLjU4LDQuOTYsOC40Ny4wMiwxNi45NC0uMDIsMjUuNDEtLjA1LDMuNTMtLjAxLDUuOTEtMS40OSw3LjExLTUuMDEsMi43Mi03Ljk5LDUuNjMtMTUuOTIsOC42NC0yNC42M1oiLz4KICA8cGF0aCBmaWxsPSIjZjdmNmY3IiBkPSJNMzU3Ljg1LDU0Ni44MWMtMi4yLjM3LTQuMDEuODMtNS44MS44NC0xMi44My4wOC0yNS42Ny4xNC0zOC41LjA0LTkuMTgtLjA3LTEzLjM3LTUuNDgtMTAuNTctMTQuMDQsMy42Ni0xMS4yLDcuNjUtMjIuMzEsMTEuNzgtMzMuMzYsMy4xNy04LjQ5LDEwLjE5LTEyLjM4LDE4LjY1LTEyLjc1LDEyLjQ4LS41NSwyNS0uMzMsMzcuNDktLjEzLDkuMzkuMTUsMTMuNzgsNi4wMiwxMC45MywxNS4wNS0zLjUxLDExLjEyLTcuNDcsMjIuMS0xMS42NCwzMi45OS0yLjA5LDUuNDYtNi4wMyw5LjU1LTEyLjM0LDExLjM3TTMyNy43Miw1MzQuNTRjNy4xNiwwLDE0LjM0LjMxLDIxLjQ3LS4yLDIuMzQtLjE3LDUuNzItMS45Nyw2LjU3LTMuOTIsMy4zNy03Ljc2LDYuMDMtMTUuODUsOC43Ni0yMy44OCwxLjUxLTQuNDQuNDgtNS43Ny00LjI5LTUuODQtNy42Ni0uMTEtMTUuMzIuMDMtMjIuOTgtLjA5LTQuNDYtLjA3LTcuMSwxLjkzLTguNTMsNi4xMi0yLjMyLDYuNzUtNC45LDEzLjQxLTcuMzQsMjAuMTItMi41Nyw3LjA3LTIuMTcsNy42Miw2LjM0LDcuNjhaIi8+CiAgPHBhdGggZmlsbD0iI2Y2ZjZmNiIgZD0iTTEyOTkuNzEsNTMyLjFjLTQuNzYtNy42Mi05LjMyLTE0LjkzLTE0LjM1LTIyLjk5LTQuMzgsMTEuNy04LjYyLDIyLjQ5LTEyLjM5LDMzLjQ1LTEuMzQsMy44OS0zLjA4LDUuNzQtNy4zNyw1LjI0LTMuMjYtLjM5LTYuNi0uMDgtMTAuNTMtLjA4LDIuNjktNy42LDUuMTctMTQuNjMsNy42Ni0yMS42NSw0LjExLTExLjYxLDguMjgtMjMuMTksMTIuMy0zNC44My45Mi0yLjY4LDIuMTktMy42MSw1LjI0LTMuOTcsOC4yLS45OCwxMy40LDEuNTMsMTcuMzYsOS4yMyw1LjE0LDEwLjAxLDExLjcyLDE5LjI5LDE4LjIyLDI5Ljc1LDMuNTItOS44NCw2LjkxLTE4Ljg5LDkuOTktMjguMDUsMy42My0xMC43OCwzLjUyLTEwLjgxLDE0LjYxLTEwLjc3LDEuNDUsMCwyLjksMCw1LjAyLDAtMi4wOCw1Ljk5LTMuOTIsMTEuNDMtNS44NSwxNi44My00LjcxLDEzLjEyLTkuNTcsMjYuMTgtMTQuMTMsMzkuMzUtMS4wMiwyLjk1LTIuMzcsMy43OS01LjUyLDQuMi03LjkyLDEuMDQtMTMuMzYtMS4yMS0xNi4yNC05LS44NS0yLjI5LTIuNTMtNC4yOC00LjAzLTYuNzJaIi8+CiAgPHBhdGggZmlsbD0iI2Y1ZjRmNSIgZD0iTTcyOS41Nyw1MTMuMThxLTMuODIsMTAuMjItMTQuMjIsMTAuMjNjLTcuMzMsMC0xNC42Ny4yNy0yMS45OC0uMDctNC4yMi0uMi02LjUzLDEuMTEtNy4zMyw1LjMxLS4zMywxLjc0LTEuMjEsMy4zNy0yLjAyLDUuNTVoNDIuNTJjLTEuNiw0LjQ1LTIuODUsOC4yOC00LjQxLDEyLS4zMS43NS0xLjc1LDEuNDUtMi42NywxLjQ2LTE4LjY0LjA4LTM3LjI3LjA2LTU2LjQ4LjA2LDUuMDQtMTQsOS45My0yNy41NiwxNC44LTQxLjEzLDEuOS01LjMxLDMuNjMtMTAuNjksNS43LTE1Ljk0LjUtMS4yNywyLjAxLTMuMDYsMy4wNy0zLjA3LDE4Ljk0LS4xOSwzNy44OS0uMTQsNTcuNTUtLjE0LTEuNTEsNC4wMi0yLjU2LDcuNjYtNC4yNywxMC45Ni0uNiwxLjE2LTIuODEsMi4wNy00LjI5LDIuMDktMTIuOTcuMTYtMjUuOTQuMDktMzguOTMuMDktMS4yOSwzLjQ2LTIuNDMsNi41My0zLjg5LDEwLjQ2LDkuNTIsMCwxOC41NiwwLDI3LjU5LDAsMi42NiwwLDUuMzMtLjA4LDcuOTkuMS41Mi4wNC45OCwxLjA5LDEuMjcsMi4wNFoiLz4KICA8cGF0aCBmaWxsPSIjZjVmNWY1IiBkPSJNNTYxLjQ5LDU0Ny42OGMtNC40MiwwLTguNCwwLTEzLjA4LDAsLjc5LTIuNTMsMS4zOS00LjY4LDIuMTMtNi43OCw1Ljg3LTE2LjU4LDExLjc5LTMzLjE0LDE3LjYxLTQ5LjczLjkzLTIuNjQsMi4xNy0zLjg3LDUuMzItMy44MywxNS4xNC4yLDMwLjI5LDAsNDUuNDQuMDgsOS4yNi4wNCwxMi45NCw1LjMsMTAuMDQsMTQuMTUtMS41NSw0Ljc0LTMuMjUsOS40NC00Ljg4LDE0LjE2LTMuNTgsMTAuNC05LjY4LDE0Ljg2LTIwLjg3LDE1LTguOTkuMTItMTcuOTguMy0yNi45NiwwLTQuNTktLjE1LTcuNTQuNzMtOC40Miw1LjgxLS41LDIuOS0xLjc2LDUuNzItMy4wMSw4LjQyLS41MiwxLjExLTEuOSwxLjgzLTMuMzMsMi43M001OTYuNTMsNTAwLjY0Yy00LjE3LDAtOC4zNC0uMTctMTIuNDkuMTItMS4yOS4wOS0zLjE0LDEuMTktMy42LDIuMy0xLjk5LDQuNzEtMy41NSw5LjYtNS40NCwxNC45MSw5Ljg5LDAsMTkuMzUuMTgsMjguOC0uMTcsMS42OS0uMDYsMy44NS0xLjk5LDQuODEtMy42MywxLjU3LTIuNjksMi4zOC01LjgzLDMuNDEtOC44MiwxLjExLTMuMjEtLjE0LTQuNzgtMy41MS00Ljc1LTMuNjcuMDItNy4zMy4wMi0xMS45OS4wNFoiLz4KICA8cGF0aCBmaWxsPSIjZjZmNmY2IiBkPSJNMTg4Ljk0LDU0Ni4wM2MtMy44OS0zLjM2LTQuNTktNy4yNy0zLjA4LTExLjU2LDQuMTktMTEuOSw4LjIzLTIzLjg1LDEyLjgzLTM1LjU5LDIuOTYtNy41Niw5LjM2LTExLjIyLDE3LjI5LTExLjM5LDEyLjgxLS4yOCwyNS42NC0uMSwzOC40NS0uMDUsMy44OC4wMSw4LjIxLDEuMDksOC44Myw1LjAyLjYyLDMuOTUtLjk2LDguMjctMS44MSwxMi4zOC0uMDkuNDYtMS42OC44My0yLjU5Ljg2LTMuODEuMDktNy42Mi4wNC0xMS44Ni4wNC42OS00LjM4LTEuNzYtNS4xOS01LjI3LTUuMTMtNy40OS4xMy0xNS4wMS0uMjktMjIuNDYuMy0yLjQzLjItNS44LDIuMzQtNi43Nyw0LjQ5LTMuNCw3LjU1LTYuMDEsMTUuNDYtOC43OCwyMy4yOC0xLjYsNC41My0uNzEsNS43OSw0LjAyLDUuODQsNy40OS4wOCwxNC45OC4wNiwyMi40NywwLDEuMy0uMDEsMy4xNi4wNSwzLjc5LS43Miw0Ljg4LTUuODksMTEuMzEtMi41MiwxNy4wNi0zLjU0LS4yMSwxMC40NC02LjgsMTcuMzQtMTYuNjUsMTcuNDUtMTIuODIuMTUtMjUuNjQuMTMtMzguNDYsMC0yLjI0LS4wMi00LjQ4LS45NS03LjA1LTEuNjhaIi8+CiAgPHBhdGggZmlsbD0iIzNmZDVlMiIgZD0iTTE1NzEuNzYsNTE3LjI3YzIxLjAyLDEuOTQsNDEuNTgsMy44Myw2Mi4xNCw1LjcyLjAzLjIuMDYuMzkuMDkuNTktMSwuMjUtMiwuNjQtMy4wMi43My00MC44LDMuNzYtODEuNiw3LjUtMTIyLjQxLDExLjIyLTguMzIuNzYtMTAuNDUtMS4yNy0xMC40Ni05LjY0LS4wMi0xNC43NC4yNS0xNC45NSwxNC45My0xMy42NiwxOS40MSwxLjcsMzguODMsMy4zMyw1OC43MSw1LjA0WiIvPgogIDxwYXRoIGZpbGw9IiMzZmQ1ZTIiIGQ9Ik0xMjEuMzQsNTEyLjNjMTQuNTEtMS42MSwxNS42MS0uNTcsMTUuMjYsMTMuNzktLjE4LDcuNTUtMi43OCwxMC4wNC0xMC4wOSw5LjM4LTQwLjk5LTMuNzEtODEuOTgtNy40Ny0xMjIuOTctMTEuMjMtMS4xNS0uMTEtMi4zLS4zNi0zLjQtLjU0LS4wNi0uMjYtLjEtLjQxLS4xMy0uNTYsNDAuMjktMy42LDgwLjU4LTcuMTksMTIxLjM0LTEwLjg0WiIvPgogIDxwYXRoIGZpbGw9IiNmNWY0ZjUiIGQ9Ik0xMDA0LjAzLDQ4Ny40M2MxMC45OCwwLDIxLjQ3LDAsMzIuNzcsMC0xLjQ4LDQuMDMtMi41OSw3Ljc2LTQuMjgsMTEuMjEtLjUxLDEuMDUtMi41OSwxLjgtMy45OSwxLjg2LTUuMTYuMjQtMTAuMzQuMzUtMTUuNDkuMDktMy4zNy0uMTctNSwuOTItNi4xMyw0LjE5LTQuNDgsMTIuOS05LjM5LDI1LjY1LTEzLjg1LDM4LjU2LTEuMTgsMy40LTIuNzksNC44LTYuNDEsNC40Ny0zLjU5LS4zMy03LjIzLS4wNy0xMS40My0uMDcsNS42Ny0xNS45MiwxMS4xMS0zMS4yLDE2Ljc4LTQ3LjEyaC0yMy4yN2MtLjA0LS44MS0uMTUtMS4xNi0uMDYtMS40NXEzLjI3LTExLjc5LDE1LjM4LTExLjc5YzYuNSwwLDEzLC4wMywyMCwuMDVaIi8+CiAgPHBhdGggZmlsbD0iI2Y1ZjVmNSIgZD0iTTgxNy4yOSw1MjguMTNjLTIuMDEsNS41Mi00LjAyLDEwLjYyLTUuNjksMTUuODQtLjg5LDIuNzgtMi4xNCw0LjExLTUuMjgsMy44NS0zLjc5LS4zMi03LjYyLS4wNy0xMi4xMy0uMDcsNS42LTE1LjgzLDExLTMxLjEsMTYuNjEtNDYuOTloLTIzLjMyYy0uMDgtLjgtLjIyLTEuMTUtLjE0LTEuNDRxMy4zMS0xMS44NCwxNS43Ny0xMS44NWMxNy41LDAsMzQuOTksMCw1My4zNiwwLTEuNTQsNC4wNS0yLjc5LDcuOTEtNC41MiwxMS41My0uNDQuOTItMi40MSwxLjUyLTMuNywxLjU1LTUuODMuMTctMTEuNjcuMjUtMTcuNDkuMDMtMi42OS0uMS0zLjc2LDEuMDEtNC41OCwzLjMyLTIuODIsNy45OS01LjgyLDE1LjkyLTguODgsMjQuMjNaIi8+CiAgPHBhdGggZmlsbD0iI2Y0ZjNmNCIgZD0iTTkxOC4zNCw1MDAuMjVjLTUuNTIsMTQuOTktMTAuOTMsMjkuNi0xNi4xNCw0NC4yOS0uODksMi41MS0yLjEyLDMuMzUtNC42NywzLjIzLTMuOTItLjE4LTcuODYtLjA1LTEyLjM4LS4wNSw1LjU5LTE1LjQ3LDEwLjkzLTMwLjI4LDE2LjI5LTQ1LjA5LjQ1LTEuMjUuOTUtMi40OCwxLjQxLTMuNzIsNC44LTEzLjA5LDQuOS0xMy4xNSwyMC4wMy0xMS4wMy0xLjQ4LDQuMDYtMi45Myw4LjA0LTQuNTUsMTIuMzdaIi8+CiAgPHBhdGggZmlsbD0iI2Y1ZjVmNSIgZD0iTTEwODguNzUsNTMxLjU1Yy0yLjE0LDUuNTktNC4xMSwxMC44My02LjA3LDE2LjA1aC0xNS4zNWMuNzYtMi41NSwxLjMzLTQuODcsMi4xNC03LjEsNS43OC0xNi4wNiwxMS43MS0zMi4wNiwxNy4zNC00OC4xNywxLjI2LTMuNjEsMi42OS01LjU4LDYuOTItNSwzLjQuNDcsNi45MS4xLDExLjI1LjEtNS41MSwxNS4wMS0xMC43OSwyOS4zOS0xNi4yMyw0NC4xM1oiLz4KICA8cGF0aCBmaWxsPSIjNDRlY2Y3IiBkPSJNMzU3LjUzLDEyMi40MmMxLjQyLS41OCwzLjMtMS42Myw1LjE4LTEuNjMsOTAuNzYtLjA4LDE4MS41Mi0uMDcsMjcyLjI5LS4wMywxLjksMCwzLjguNTUsNS44NCwxLjE5LTQsLjQ1LTguMTYuNjMtMTIuMzEuNjMtOTAuMTgtLjAzLTE4MC4zNi0uMDgtMjcxLjAxLS4xNloiLz4KICA8cGF0aCBmaWxsPSIjNGRmMGZlIiBkPSJNMTQ0NS42MiwxNTkuNTNjLTEuMzEuNDgtMy4wMiwxLjE1LTQuNzQsMS4xNS02My43Mi4wNi0xMjcuNDMuMDYtMTkxLjE1LjAyLTEuNzUsMC0zLjUxLS41MS01LjQ1LTEuMTgsNjIuNy0uNDEsMTI1LjU5LS40MiwxODguNDgtLjQxLDQuMTUsMCw4LjMxLjIsMTIuODYuNDJaIi8+CiAgPHBhdGggZmlsbD0iIzQ0ZTlmNSIgZD0iTTExMjYuNTIsNDM5LjM0Yy45Ni0uNiwyLjM4LTEuNTYsMy44LTEuNTYsNTkuMjItLjA4LDExOC40NS0uMDcsMTc3LjY3LS4wMywxLjI0LDAsMi40Ny41MywzLjg2LDEuMTYtMTAuNjUuNDItMjEuNDUuNTQtMzIuMjUuNTUtNTAuODcuMDEtMTAxLjc0LS4wMS0xNTMuMDctLjExWiIvPgogIDxwYXRoIGZpbGw9IiM0NGU5ZjUiIGQ9Ik0xODkuNTIsNDM5LjMzYy43OS0uNiwyLjA0LTEuNTUsMy4yOS0xLjU2LDMyLjA1LS4wOCw2NC4xLS4wNyw5Ni4xNS0uMDMuOTEsMCwxLjgxLjUxLDIuODcsMS4xMi0yMi4wNy40My00NC4zLjUzLTY2LjUyLjU4LTExLjc4LjAzLTIzLjU2LS4wMi0zNS44LS4xM1oiLz4KICA8cGF0aCBmaWxsPSIjNDRlOWY1IiBkPSJNMzQ3LjUyLDQzOS4zNGMuNjItLjYsMS43LTEuNTUsMi43OS0xLjU1LDE1LjQtLjEsMzAuNzktLjA4LDQ2LjE5LS4wMy43MywwLDEuNDcuNTMsMi4zNSwxLjE1LTE2Ljg2LjQxLTMzLjg2LjQ2LTUxLjMyLjQzWiIvPgogIDxwYXRoIGZpbGw9IiM0NGU5ZjUiIGQ9Ik0xMDgxLjUyLDQzOS4yM2MuNS0uNiwxLjQ1LTEuNDUsMi40LTEuNDYsMTIuNTMtLjA5LDI1LjA2LS4wNywzNy41OS0uMDIuNzMsMCwxLjQ2LjUyLDIuMzQsMS4xNS0xMy44Ni4zOS0yNy44Ny40My00Mi4zMy4zM1oiLz4KICA8cGF0aCBmaWxsPSIjNDRlOWY1IiBkPSJNNDAzLjUyLDQzOS4zNWMuNDUtLjYsMS4zNS0xLjU2LDIuMjctMS41NiwxMS43Mi0uMSwyMy40NC0uMDcsMzUuMTYtLjAyLjU4LDAsMS4xNS40OCwxLjg5LDEuMDctMTIuODUuNDMtMjUuODUuNTEtMzkuMzEuNTFaIi8+CiAgPHBhdGggZmlsbD0iIzQ0ZTlmNSIgZD0iTTI5OS41Miw0MzkuMzFjLjQ2LS42LDEuMzctMS41MiwyLjI5LTEuNTMsOC4zOS0uMTEsMTYuNzktLjA3LDI1LjE4LS4wMS41NywwLDEuMTMuNSwxLjg1LDEuMTItOS41Mi40MS0xOS4xOS40Ni0yOS4zMi40M1oiLz4KICA8cGF0aCBmaWxsPSIjNDRlOWY1IiBkPSJNMTU2LjUyLDQzOS4zOGMtLjItLjUxLjA2LTEuMjguMzItMS4yOCw4LjYyLjExLDE3LjI0LjI5LDI2LjAxLjgxLTguNTIuNDItMTcuMi41LTI2LjMzLjQ4WiIvPgogIDxwYXRoIGZpbGw9IiM0MWU3ZjciIGQ9Ik05NTEuNTYuMjZjLjEyLjUtLjE4LDEuMjItLjQ5LDEuMjEtOC41Ni0uMDktMTcuMTEtLjI1LTI1Ljk0LS43NSw4LjQ4LS40MywxNy4yNC0uNSwyNi40My0uNDZaIi8+CiAgPHBhdGggZmlsbD0iIzQ0ZTlmNSIgZD0iTTEzMzEuNTEsNDM5LjMzYzMuNzUtLjM0LDcuOTUtLjYsMTIuMzEtLjUxLTMuODUuNDItNy44NS41MS0xMi4zMS41MVoiLz4KICA8cGF0aCBmaWxsPSIjNDFlN2Y3IiBkPSJNNjMxLjc0LjMzYy0zLjg0LjMzLTguMDguNTMtMTIuNDkuNDEsMy45Mi0uMzksOC4wMS0uNDYsMTIuNDktLjQxWiIvPgogIDxwYXRoIGZpbGw9IiM0MWU3ZjciIGQ9Ik0zNTcuNTUuMjRjLTMuNDIuMzQtNy4yOC41Ni0xMS4zLjQ2LDMuNTEtLjQxLDcuMTgtLjUsMTEuMy0uNDZaIi8+CiAgPHBhdGggZmlsbD0iIzQxZTdmNyIgZD0iTTE1MTIuNTUuMjdjLTMuMDkuMzQtNi42MS41NS0xMC4zMS40NSwzLjE4LS40LDYuNTItLjQ5LDEwLjMxLS40NVoiLz4KICA8cGF0aCBmaWxsPSIjNDFlN2Y3IiBkPSJNNTIxLjc3LjI3Yy0zLjIuMzUtNi43OS41OC0xMC42NS40NywzLjI0LS40Miw2Ljc1LS41MSwxMC42NS0uNDdaIi8+CiAgPHBhdGggZmlsbD0iIzQxZTdmNyIgZD0iTTM4OC44NS4yN2MtMS45My4zNC00LjIxLjU2LTYuNzQuNDYsMS45Ni0uNDEsNC4xNy0uNSw2Ljc0LS40NloiLz4KICA8cGF0aCBmaWxsPSIjNDFlN2Y3IiBkPSJNNjQ1LjYuMjhjLTEuODMuMzQtNC4wNC41NS02LjQ5LjQ2LDEuODgtLjQsMy45OS0uNDksNi40OS0uNDZaIi8+CiAgPHBhdGggZmlsbD0iIzQxZTdmNyIgZD0iTTYxNS41OC4yOGMtMS40Ny4zMi0zLjM1LjUxLTUuMzYuNDEsMS41Ni0uMzcsMy4yNi0uNDUsNS4zNi0uNDFaIi8+CiAgPHBhdGggZmlsbD0iIzQxZTdmNyIgZD0iTTEzMzMuNTguMjhjLTEuNDcuMzItMy4zNS41MS01LjM3LjQyLDEuNTYtLjM3LDMuMjYtLjQ2LDUuMzctLjQyWiIvPgogIDxwYXRoIGZpbGw9IiM0NGU5ZjUiIGQ9Ik0xMDcxLjQ1LDQzOC41YzEuMjItLjI5LDIuODQtLjQsNC41MS0uMTgtMS4zMy4zNC0yLjczLjM0LTQuNTEuMThaIi8+CiAgPHBhdGggZmlsbD0iIzQxZTdmNyIgZD0iTTEwMzguNzIuMjhjLTIuMTUuMzQtNC43NC41Ni03LjYuNDYsMi4yMS0uNDEsNC42OC0uNDksNy42LS40NloiLz4KICA8cGF0aCBmaWxsPSIjNDFlN2Y3IiBkPSJNMzQyLjYzLjI0Yy0uNTUuMy0xLjQ2LjQ4LTIuNDcuNDEuNjQtLjM1LDEuMzgtLjQ0LDIuNDctLjQxWiIvPgogIDxwYXRoIGZpbGw9IiM0MWU3ZjciIGQ9Ik0xMDQ1Ljc0LjI4Yy0uODcuMzItMi4xNS41My0zLjY1LjQyLjkzLS4zOSwyLjA4LS40NiwzLjY1LS40MloiLz4KICA8cGF0aCBmaWxsPSIjNDFlN2Y3IiBkPSJNNDc4Ljc0LjI5Yy0uODYuMzItMi4xNC41My0zLjY0LjQzLjkzLS4zOSwyLjA4LS40NywzLjY0LS40M1oiLz4KICA8cGF0aCBmaWxsPSIjNDFlN2Y3IiBkPSJNNjY0Ljc0LjMxYy0uMzcuMjgtLjk4LjQzLTEuNzMuMzYuNDEtLjMyLjk0LS40LDEuNzMtLjM2WiIvPgogIDxwYXRoIGZpbGw9IiM0MWU3ZjciIGQ9Ik0xNTY3Ljc2LjI2Yy0uNTYuMzItMS41My41Mi0yLjY5LjQzLjYzLS4zOCwxLjQ2LS40NiwyLjY5LS40M1oiLz4KICA8cGF0aCBmaWxsPSIjNDFlN2Y3IiBkPSJNMTQ0Ni43NS4yOGMtLjU2LjMyLTEuNTIuNTItMi42Ny40My42My0uMzgsMS40NS0uNDYsMi42Ny0uNDNaIi8+CiAgPHBhdGggZmlsbD0iIzQxZTdmNyIgZD0iTTM3MS43Ni4yN2MtLjU2LjMyLTEuNTMuNTItMi42OS40MS42My0uMzgsMS40Ni0uNDUsMi42OS0uNDFaIi8+CiAgPHBhdGggZmlsbD0iIzQxZTdmNyIgZD0iTTEwOTguNzcuMzJjLS4yNy4yOS0uOS40Ny0xLjcuMzguMzQtLjM0LjgzLS40MiwxLjctLjM4WiIvPgogIDxwYXRoIGZpbGw9IiM0MWU3ZjciIGQ9Ik00ODUuNzcuM2MtLjI3LjI5LS45MS40Ny0xLjcxLjM4LjM0LS4zNC44NC0uNDIsMS43MS0uMzhaIi8+CiAgPHBhdGggZmlsbD0iIzQxZTdmNyIgZD0iTTcyMS43OS40Yy4wNi4yNi0uMTkuNDgtLjU4LjU4LDAtLjI5LjEzLS40NS41OC0uNThaIi8+CiAgPHBhdGggZmlsbD0iIzQxZTdmNyIgZD0iTTU5MS44Mi4zMWMtLjAyLjIzLS4zNS4zNy0uNzkuMy4wOS0uMjcuMjktLjMzLjc5LS4zWiIvPgogIDxwYXRoIGZpbGw9IiM0NGVjZjciIGQ9Ik01NDEuODMsMTcyLjg0Yy0xNi40Ny40My0zMy4xLjYtNDkuNzMuNjEtNTkuMzkuMDQtMTE4Ljc5LjA0LTE3OC42NC0uMDQsMC0uNjMuNDQtMS42MS45My0xLjY0LDIuODItLjE0LDUuNjUtLjA1LDguNDgtLjA1LDcxLjAyLDAsMTQyLjA0LDAsMjEzLjA2LjAzLDEuOTEsMCwzLjgzLjQ5LDUuOSwxLjA5WiIvPgogIDxwYXRoIGZpbGw9IiM0NGU5ZjUiIGQ9Ik0zMzUuOTIsMTQuNjdjLTEuODYuNTctMy45Ni44Mi02LjQ3LDEuMDIsMS44MS0uNDgsNC4wMi0uOTEsNi40Ny0xLjAyWiIvPgogIDxwYXRoIGZpbGw9IiM0NGU5ZjUiIGQ9Ik02NzQuODIsMTQuNjRjLS42LjMyLTEuMzUuMzUtMi40Ni4yNy41My0uMjYsMS40Mi0uNDEsMi40Ni0uMjdaIi8+CiAgPHBhdGggZmlsbD0iIzQ0ZWNmNyIgZD0iTTMxMS4wMywxNzIuNDZjLS4zMi4xMS0uNjMtLjAxLTEtLjQuMy0uMTIuNjUuMDIsMSwuNFoiLz4KICA8cGF0aCBmaWxsPSIjNDFlN2Y3IiBkPSJNMTQ0Mi45LDE3My4xOWMtMTQuMDIuNDQtMjguMTUuNTQtNDIuMjkuNTQtNTcuMjIuMDMtMTE0LjQzLjAyLTE3Mi4xMS0uMDYuODYtLjcxLDIuMTktMS44OCwzLjUxLTEuODksNjkuMDctLjA5LDEzOC4xMy0uMDgsMjA3LjItLjAyLDEuMTksMCwyLjM4LjY4LDMuNjksMS40M1oiLz4KICA8cGF0aCBmaWxsPSIjNDRlOWY1IiBkPSJNMTI1Ni44OSwxNC42M2MtMS44NS41Ny0zLjk0Ljg0LTYuNDQsMS4wNSwxLjgtLjQ5LDQtLjkyLDYuNDQtMS4wNVoiLz4KICA8cGF0aCBmaWxsPSIjNDFlN2Y3IiBkPSJNMTIyNC40NiwxNzAuNjVjLS4zNC0xLjE2LS4zMi0yLjM3LS4wNC0zLjg1LjMxLDEuMDkuMzUsMi40NC4wNCwzLjg1WiIvPgogIDxwYXRoIGZpbGw9IiM0NGU5ZjUiIGQ9Ik0xNTYwLjg2LDE0LjY1Yy0uMzIuMjktLjc3LjMzLTEuNTQuMjguMjYtLjI0Ljg0LS4zOCwxLjU0LS4yOFoiLz4KICA8cGF0aCBmaWxsPSIjNDRlOWY1IiBkPSJNMTEzNS44NCwxNC43OGMtLjMzLjI1LS43Ny4yNC0xLjUzLjEzLjI2LS4xOS44NC0uMywxLjUzLS4xM1oiLz4KICA8cGF0aCBmaWxsPSIjM2VkN2U1IiBkPSJNNDM0LDMyNy42OGMtNi44Myw2LjY0LTE0Ljc2LDkuMTctMjMuODYsOS4xNS01NS4zLS4wOS0xMTAuNjEtLjA0LTE2NS45MS0uMDUtOC4zNCwwLTEwLjMxLTIuODktNy4wMS0xMC4zOSw4LjkxLTIwLjI3LDE3Ljk0LTQwLjUsMjYuNzMtNjAuODIsMS45Mi00LjQzLDQuNzUtNi4zLDkuNTYtNi4zLDYwLjMuMDgsMTIwLjYuMDUsMTgwLjkuMDYsOC42NSwwLDEwLjc4LDMuMjUsNy4yNSwxMS4xNC03LjE0LDE1LjkzLTE0LjI1LDMxLjg4LTIxLjU3LDQ3LjczLTEuNTEsMy4yNy0zLjg4LDYuMTUtNi4wOSw5LjQ4TTQxMS44LDMyMS45NmM4LjExLS4xMywxMy4zNC00LjM0LDE2LjQ3LTExLjU5LDQuMDItOS4zMiw4LjA3LTE4LjYyLDEyLjEzLTI3LjkyLDEuMTYtMi42NiwyLjQtNS4yOCwzLjgyLTguNDEtMjEuNSwwLTQyLjE1LDAtNjIuOCwwLTMzLjQ5LjAyLTY2Ljk5LDAtMTAwLjQ4LjE3LTEuOTMsMC00Ljk2LDEuMDEtNS42MiwyLjQzLTYuOTEsMTQuNzYtMTMuNDMsMjkuNjktMjAuMTgsNDQuODMsMS44OS4yOCwzLjM0LjUsNC4zNCwxLjA4LS40OS4yMS0uOTcuNDItMi42OCwxLjE2LDUxLjIxLDAsMTAxLjA2LDAsMTUwLjktLjA2LDEuMDksMCwyLjE5LS45NCw0LjA5LTEuNjlaIi8+CiAgPHBhdGggZmlsbD0iIzNkZDZlNCIgZD0iTTEzNjMuMDUsMjU5LjQxYzUuMzIuOTgsNi4zMSw0LjM3LDQuNjYsOC4yNy03LjcyLDE4LjIzLTE1LjM2LDM2LjUtMjMuNzEsNTQuNDQtNC41MSw5LjY4LTEzLjEyLDE0LjU1LTIzLjgzLDE0LjU4LTUzLjY0LjEyLTEwNy4yNy4wOC0xNjAuOTEuMDUtNS45OCwwLTguMDYtMy4xOC01LjY3LTguODIsOC45Ni0yMS4xNCwxOC4wNS00Mi4yMywyNy4wMS02My4zNiwxLjU3LTMuNzEsNC4xOC01LjMyLDguMTMtNS4zMSw1Ny45Ny4wNiwxMTUuOTMuMSwxNzQuMzMuMTVNMTE3Ni41MSwzMjIuNjNjLS4wNy4zNC0uMTUuNjktLjIyLDEuMDMuNDkuMDIuOTkuMDUsMS40OC4wNSw0NS44MSwwLDkxLjYyLjAxLDEzNy40NC0uMDYsMS4yNywwLDIuNTMtLjkzLDQuNTktMS42OSw2Ljc5LS4xNCwxMS4xNy0zLjYzLDEzLjY1LTkuNzksMS43NC00LjMxLDMuNDktOC42Miw1LjI5LTEyLjkxLDMuNDUtOC4yMSw2LjkzLTE2LjQxLDEwLjQtMjQuNjItLjcyLS4zMS0xLS41NC0xLjI4LS41NC01MC45NCwwLTEwMS44OCwwLTE1Mi44MS4xOS0xLjUxLDAtMy43LDEuODctNC40LDMuNDEtNC4yMyw5LjIxLTguMTMsMTguNTYtMTIuMTEsMjcuODktMi4yMyw1LjI0LTQuMzgsMTAuNTEtNi42NiwxNS45NywyLjEuMjksMy41Ny40OSw0LjYzLDEuMDdaIi8+CiAgPHBhdGggZmlsbD0iIzQ0ZWNmNyIgZD0iTTI1OS43MSwzMjIuMzdjOC41NC0uMjQsMTYuODQtLjM1LDI1LjE1LS4zNSw0MS43NC0uMDIsODMuNDgsMCwxMjUuNjcuMDktLjY0LjYtMS43MywxLjUzLTIuODIsMS41NC00OS44NS4wNy05OS42OS4wNi0xNTAuOS4wNiwxLjctLjc0LDIuMTktLjk1LDIuOS0xLjM0WiIvPgogIDxwYXRoIGZpbGw9IiM0NGU5ZjUiIGQ9Ik0xMTc2LjcxLDMyMi40NWM5LjAxLS4yNywxNy44Mi0uNDIsMjYuNjItLjQyLDM4LjI1LS4wMiw3Ni41LDAsMTE1LjIxLjEtLjgxLjYtMi4wNywxLjUzLTMuMzQsMS41My00NS44MS4wNy05MS42Mi4wNi0xMzcuNDQuMDYtLjQ5LDAtLjk5LS4wMy0xLjQ4LS4wNS4wNy0uMzQuMTUtLjY5LjQzLTEuMjJaIi8+Cjwvc3ZnPgo=");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
  }

  .six76-logo-sheen::before {
    content: "";
    position: absolute;
    top: -25%;
    bottom: -25%;
    left: 0;
    width: 34%;
    background: linear-gradient(
      105deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.5) 42%,
      rgba(190, 248, 255, 0.85) 50%,
      rgba(255, 255, 255, 0.5) 58%,
      rgba(255, 255, 255, 0) 100%
    );
    transform: translateX(-140%) skewX(-18deg);
    animation: six76-logo-sweep 2.6s ease-in-out 2.4s infinite;
  }
}

/* The travel stop is tied to the cycle length: 45% of 2.6s keeps the bar
 * crossing in ~1.17s, the same speed as the old 13%-of-9s sweep. Retune it
 * alongside any change to the animation duration above. */
@keyframes six76-logo-sweep {
  0% {
    transform: translateX(-140%) skewX(-18deg);
  }
  45% {
    transform: translateX(440%) skewX(-18deg);
  }
  100% {
    transform: translateX(440%) skewX(-18deg);
  }
}

/* Smaller lockup inside the mobile drawer */
#mobile-menu .six76-logo {
  width: 130px;
}

/* Footer logo (plain <img>, static glow only) */
.six76-footer-logo-img {
  width: 150px;
  height: auto;
  filter: drop-shadow(0 0 6px rgba(57, 216, 224, 0.35));
}

/* Small phones: the footer logo shares its row with three 44px social icons,
 * which together overflow 320px at the full 150px lockup. */
@media (max-width: 399px) {
  .six76-footer-logo-img {
    width: 110px;
  }
}

/* Accessibility: keep the static glow, drop all movement */
@media (prefers-reduced-motion: reduce) {
  .six76-logo svg {
    animation: none;
  }

  .six76-logo-sheen::before {
    animation: none;
  }
}
/* Header/Masthead Styles */

/* Dark masthead panel with a neon edge - replaces the old solid purple bar.
 * (Logo sizing lives in _logo.css.) */
.six76-masthead {
  background-color: rgba(10, 12, 13, 0.94);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(57, 216, 224, 0.25);
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.55),
              0 1px 12px rgba(57, 216, 224, 0.12);
}

/* Neon hover for primary nav labels */
#masthead nav a:hover span {
  text-shadow: 0 0 12px rgba(77, 240, 254, 0.65);
}

/* Mobile header layout
 *
 * Below lg only the masthead is pinned - the top bar scrolls away with the
 * page (it is `lg:sticky` in header.php). Both bars used to be forced to
 * top:0 here, which stacked the masthead (z-50) straight on top of the top
 * bar (z-40) and hid the mobile-only account/login/wallet links as soon as
 * the page scrolled. Keeping one pinned bar also gives back ~48px of
 * vertical space on a phone.
 */
@media (max-width: 1023px) {
  #masthead {
    z-index: 50;
  }
}

/* From 1024px up both bars are pinned and the masthead sits below the top
   bar, so its offset has to track the top bar's real height — which varies
   with the wallet balance line (logged out vs signed in, and before vs after
   the async balance fetch). js/header-offset.js measures it into
   --six76-topbar-h; the fallback is the logged-out height. Beats the
   lg:top-8 utility on specificity, so that utility stays in header.php as
   the no-JS floor. Below lg the top bar scrolls away and this is moot. */
@media (min-width: 1024px) {
  #masthead.sticky {
    top: var(--six76-topbar-h, 3.5rem);
  }
}

/* Sticky header behavior */
.six76-topbar {
  transition: all 0.3s ease-in-out;
}

#masthead.sticky {
  transition: all 0.3s ease-in-out;
  backdrop-filter: blur(8px);
  background-color: rgba(10, 12, 13, 0.92);
}

/* Ensure proper stacking context */
.six76-topbar {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

#masthead.sticky {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Force yellow hover for header menu items */
#masthead .text-white:hover {
  color: #4DF0FE !important;
}

#masthead a:hover,
#masthead button:hover {
  color: #4DF0FE !important;
}

#masthead nav a:hover,
#masthead nav span:hover {
  color: #4DF0FE !important;
}

/* Force larger text size for navigation menu */
#masthead #primary-menu {
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
}

#masthead #primary-menu a,
#masthead #primary-menu span {
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
}

/* Force black text color for basket quantity badge */
#masthead .bg-six76-cyan-bright.text-black {
  color: #000000 !important;
}

/* Fix responsive navigation visibility issues */
@media (min-width: 1024px) {
  #masthead nav.hidden.lg\\:block {
    display: block !important;
  }
  
  #masthead button.lg\\:hidden {
    display: none !important;
  }
}

@media (max-width: 1023px) {
  #masthead nav.hidden.lg\\:block {
    display: none !important;
  }
  
  #masthead button.lg\\:hidden {
    display: inline-flex !important;
  }
}

/* Mobile drawer backdrop.
 * Sits above the masthead (z-50) and below the drawer (z-60) so the whole
 * page dims while the drawer is open. Toggled by js/navigation.js. */
.six76-mobile-menu-backdrop {
  position: fixed;
  inset: 0;
  z-index: 55;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  /* Opacity has no effect on hit-testing, and the element stays in the layout
   * for the whole fade-out - without this the invisible backdrop swallows
   * every tap on the page underneath while it fades. */
  pointer-events: none;
  transition: opacity 0.3s ease-in-out;
}

.six76-mobile-menu-backdrop.is-visible {
  opacity: 1;
  /* Only the visible backdrop takes input (so tapping it closes the drawer). */
  pointer-events: auto;
}

/* Page scroll lock while the drawer is open.
 * `position: fixed` (rather than plain `overflow: hidden`) is what actually
 * stops iOS Safari scrolling the page behind the overlay; navigation.js sets
 * the matching `top` offset and restores the scroll position on close. */
body.six76-menu-open {
  position: fixed;
  width: 100%;
  overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
  .six76-mobile-menu-backdrop {
    transition: none;
  }
}

/* Mobile menu styling */
#mobile-menu {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}

#mobile-menu .space-y-4 > * {
  margin-bottom: 1rem;
}

#mobile-menu .space-y-4 > *:last-child {
  margin-bottom: 0;
}

/* Mobile Menu Improvements */
@media (max-width: 1023px) {
  /* Mobile menu container improvements */
  #mobile-menu {
    padding: 2rem 1.5rem;
    width: 75%;
    max-width: 320px;
  }
  
  /* Mobile menu logo and close button */
  #mobile-menu .flex.items-center.justify-between {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  
  /* Mobile menu items container */
  #mobile-menu .space-y-4 {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }
  
  /* Individual mobile menu items */
  #mobile-menu .space-y-4 > li {
    margin: 0;
  }
  
  /* Mobile menu links */
  #mobile-menu .six76-mobile-menu-link {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem;
    border-radius: 0.75rem;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.5;
    transition: all 0.15s ease-in-out;
    width: 100%;
    /* Touch-friendly improvements */
    -webkit-tap-highlight-color: rgba(77, 240, 254, 0.3);
    touch-action: manipulation;
    cursor: pointer;
  }
  
  /* Mobile menu icons */
  #mobile-menu .six76-mobile-menu-link svg {
    width: 1.75rem;
    height: 1.75rem;
    flex-shrink: 0;
  }
  
  /* Mobile menu text */
  #mobile-menu .six76-mobile-menu-text {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.5;
    white-space: nowrap;
  }
  
  /* Mobile menu touch/active states */
  #mobile-menu .six76-mobile-menu-link:active,
  #mobile-menu .six76-mobile-menu-link:focus {
    background-color: rgba(77, 240, 254, 0.25);
    color: #4DF0FE !important;
    transform: translateX(0.25rem);
    box-shadow: 0 2px 8px rgba(77, 240, 254, 0.3);
  }
  
  /* Mobile menu touch/active icon color */
  #mobile-menu .six76-mobile-menu-link:active svg,
  #mobile-menu .six76-mobile-menu-link:focus svg {
    color: #4DF0FE !important;
  }
  
  /* Desktop hover states (only for larger screens) */
  @media (hover: hover) {
    #mobile-menu .six76-mobile-menu-link:hover {
      background-color: rgba(77, 240, 254, 0.15);
      color: #4DF0FE !important;
      transform: translateX(0.25rem);
      box-shadow: 0 2px 8px rgba(77, 240, 254, 0.2);
    }
    
    #mobile-menu .six76-mobile-menu-link:hover svg {
      color: #4DF0FE !important;
    }
  }
  
  /* Mobile menu active states */
  #mobile-menu .current-menu-item .six76-mobile-menu-link,
  #mobile-menu .current_page_item .six76-mobile-menu-link {
    background-color: rgba(77, 240, 254, 0.2);
    color: #4DF0FE !important;
    box-shadow: 0 2px 8px rgba(77, 240, 254, 0.25);
  }
  
  /* Mobile menu active icon color */
  #mobile-menu .current-menu-item .six76-mobile-menu-link svg,
  #mobile-menu .current_page_item .six76-mobile-menu-link svg {
    color: #4DF0FE !important;
  }
  
  /* Mobile menu close button improvements */
  #mobile-menu-close {
    padding: 0.5rem;
    border-radius: 0.5rem;
    transition: all 0.2s ease-in-out;
  }
  
  #mobile-menu-close:hover {
    background-color: rgba(255, 255, 255, 0.1);
    transform: scale(1.1);
  }
  
  /* Mobile menu logo sizing */
  #mobile-menu .six76-mobile-logo {
    width: 6.75rem;
    height: 5.4rem;
    max-width: 135px;
    max-height: 108px;
  }
}

/* Extra small mobile adjustments */
@media (max-width: 480px) {
  #mobile-menu {
    width: 85%;
    padding: 1.5rem 1rem;
  }
  
  #mobile-menu .six76-mobile-menu-link {
    padding: 0.875rem 1rem;
    font-size: 1rem;
  }
  
  #mobile-menu .six76-mobile-menu-link svg {
    width: 1.5rem;
    height: 1.5rem;
  }
  
  #mobile-menu .six76-mobile-menu-text {
    font-size: 1rem;
  }
}

/* Top bar at the narrowest widths.
 *
 * The bar is a single nowrap flex row: three social links, the account link,
 * and (when signed in) the wallet link with its balance chip. At 320px that
 * came to more than the viewport, and the balance — the part a buyer actually
 * wants — was the bit clipped off the right edge. The social links are
 * duplicated in the footer, so they are what gives way.
 */
@media (max-width: 400px) {
  .six76-topbar-socials {
    /* !important is load-bearing: src/css/style.css imports the partials
       BEFORE the @tailwind directives, so Tailwind's `.flex` utility is
       emitted ~14k lines later at the same specificity and would otherwise
       win. Same reason the rest of this file leans on !important. */
    display: none !important;
  }
}
/* Scrolling announcement bar (inc/announcement-bar.php).
 *
 * The track holds two identical halves, so animating it to -50% lands exactly
 * on the start of the second half and the loop is seamless. Each half is forced
 * to at least the full viewport width so a short message still scrolls
 * continuously instead of leaving the strip half empty.
 */

.six76-announcement {
  display: block;
  position: relative;
  z-index: 50;
  overflow: hidden;
  width: 100%;
  padding: 0.5rem 0;
  background: linear-gradient(90deg, #0a0d0e 0%, #12191b 50%, #0a0d0e 100%);
  border-bottom: 1px solid rgba(57, 216, 224, 0.35);
  color: #39d8e0;
  text-decoration: none;
}

a.six76-announcement:hover .six76-announcement-item {
  color: #4df0fe;
}

.six76-announcement-track {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  animation: six76-announcement-scroll 30s linear infinite;
}

.six76-announcement:hover .six76-announcement-track,
.six76-announcement:focus-visible .six76-announcement-track {
  animation-play-state: paused;
}

.six76-announcement-group {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  min-width: 100%;
}

.six76-announcement-item {
  font-family: 'Orbitron', sans-serif;
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
  transition: color 0.2s ease;
}

.six76-announcement-sep {
  padding: 0 1.5rem;
  color: rgba(57, 216, 224, 0.45);
}

/* Speed is a class rather than an inline duration — no inline CSS in templates. */
.six76-announcement--slow .six76-announcement-track {
  animation-duration: 45s;
}

.six76-announcement--normal .six76-announcement-track {
  animation-duration: 30s;
}

.six76-announcement--fast .six76-announcement-track {
  animation-duration: 18s;
}

@keyframes six76-announcement-scroll {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

/* Motion-sensitive visitors get a static, scrollable strip instead. */
@media (prefers-reduced-motion: reduce) {
  .six76-announcement {
    overflow-x: auto;
  }

  .six76-announcement-track {
    animation: none;
  }

  .six76-announcement-group:nth-child(2) {
    display: none;
  }
}
/* Prize Grid and Instant Win Ticket Styles */

/* Tilt the SVG ticket slightly to match reference */
.wdw-ticket-tilt {
  transform: rotate(10deg);
}

/* Instant Win Prize Ticket Styling */
.prize-grid .insta-prize-holder .ticket-number-hold .prize-tickets p {
  background: linear-gradient(to bottom, #152023, #0B0F11); /* six76-cyan to six76-cyan-dark */
  padding: 12px 8px;
  color: #FFFFFF;
  margin-bottom: 0;
  text-align: center;
  font-weight: 700;
  line-height: 16px;
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .15);
  border-radius: 8px;
  font-size: 14px;
  position: relative;
  border: 2px solid #22A9B5; /* six76-cyan-dark */
  min-height: 80px;
}

.prize-grid .insta-prize-holder .ticket-number-hold p span {
  display: block;
  margin-bottom: 27px;
  font-size: 16px;
  margin-top: 13px;
}

.prize-grid .insta-prize-holder .ticket-number-hold p.claimed span {
  margin-bottom: 39px;
}

.prize-grid .insta-prize-holder .ticket-number-hold p span.reveal {
  margin-bottom: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: #000000 !important; /* Pure black for better contrast - force override */
  background: #39D8E0; /* six76-cyan-bright */
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  font-size: 12px;
  display: block;
  text-align: center;
  padding: 8px 10px;
  font-weight: 700;
  letter-spacing: -0.5px;
  border-top: 2px solid #22A9B5; /* six76-cyan-dark border */
}

.prize-grid .insta-prize-holder .ticket-number-hold .prize-tickets p.claimed span.reveal {
  background-color: #c4c9ce;
  color: #fff;
}

/* Responsive grid for tickets */
@media only screen and (max-width: 999px) {
  .prize-grid .insta-prize-holder .ticket-number-hold .page {
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 6px;
  }
}

@media only screen and (max-width: 899px) {
  .prize-grid .insta-prize-holder .ticket-number-hold .page {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
}

@media only screen and (max-width: 799px) {
  .prize-grid .insta-prize-holder .ticket-number-hold .page {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media only screen and (max-width: 699px) {
  .prize-grid .insta-prize-holder .ticket-number-hold .page {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media only screen and (max-width: 599px) {
  .prize-grid .insta-prize-holder .ticket-number-hold .page {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media only screen and (max-width: 499px) {
  .prize-grid .insta-prize-holder .ticket-number-hold .page {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
/* Single Product Page Styles */

/* Force full width on single product pages */
.single-product .woocommerce,
.single-product .woocommerce-page,
.single-product .content-area,
.single-product .site-content,
.single-product .site-main,
.single-product .entry-content,
.single-product .entry,
.single-product .post,
.single-product .product {
  max-width: none !important;
  width: 100% !important;
}

/* Ensure ticket numbers are always white on colored backgrounds */
[data-theme="light"] .single-product .ticket-number,
[data-theme="dark"] .single-product .ticket-number {
  color: var(--theme-text-on-color) !important;
}

/* Competition page specific dark mode overrides */
.single-product .bg-six76-ink {
  background-color: var(--theme-primary) !important;
}

.single-product .text-white {
  color: var(--theme-text) !important;
}

.single-product .text-six76-gray-medium {
  color: var(--theme-text-secondary) !important;
}

.single-product .border-six76-gray-dark {
  border-color: var(--theme-border) !important;
}

/* Force dark mode styles to take precedence over WooCommerce */
[data-theme="dark"] .single-product * {
  color: var(--theme-text) !important;
}

[data-theme="dark"] .single-product .bg-theme-primary {
  background-color: var(--theme-primary) !important;
}

[data-theme="light"] .single-product * {
  color: var(--theme-text) !important;
}

[data-theme="light"] .single-product .bg-theme-primary {
  background-color: var(--theme-primary) !important;
}

/* Ensure dark mode works properly on single product page */
[data-theme="dark"] .single-product {
  background-color: var(--theme-bg) !important;
}

[data-theme="dark"] .single-product .min-h-screen {
  background-color: var(--theme-bg) !important;
}

[data-theme="dark"] .single-product .bg-white {
  background-color: var(--theme-card-bg) !important;
}

[data-theme="dark"] .single-product .text-black {
  color: var(--theme-text) !important;
}

[data-theme="dark"] .single-product .text-gray-600 {
  color: var(--theme-text-secondary) !important;
}

[data-theme="dark"] .single-product .border-gray-200 {
  border-color: var(--theme-border) !important;
}

/* Override text colors for specific elements that should always be white on purple */
.single-product .bg-six76-cyan,
.single-product .bg-six76-cyan *,
.single-product .bg-six76-cyan h1,
.single-product .bg-six76-cyan h2,
.single-product .bg-six76-cyan h3,
.single-product .bg-six76-cyan span,
.single-product .bg-six76-cyan div {
  color: white !important;
}

/* Force normal case for all text on competition page */
.single-product * {
  text-transform: none !important;
}

/* Center tables in competition description */
.single-product .text-theme-text table {
  margin-left: auto !important;
  margin-right: auto !important;
  display: table !important;
}

.single-product .text-theme-text table.aligncenter {
  margin-left: auto !important;
  margin-right: auto !important;
  display: table !important;
}

/* Compact countdown styling for single product page */
.single-product .lottery-time-countdown {
  font-size: 0.75rem !important;
  line-height: 1rem !important;
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 0.25rem !important;
}

.single-product .lottery-time-countdown .wc_lotery_countdown-section {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0.375rem 0.125rem !important;
  background-color: var(--theme-primary) !important;
  color: var(--theme-text) !important;
  border: 2px solid var(--theme-border) !important;
  border-radius: 0.25rem !important;
  font-weight: 700 !important;
  min-width: 2.5rem !important;
  text-align: center !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
  flex-shrink: 0 !important;
}

.single-product .lottery-time-countdown .wc_lotery_countdown-amount {
  font-size: 0.875rem !important;
  font-weight: 700 !important;
  display: block !important;
  line-height: 1.1 !important;
  margin-bottom: 0.25rem !important;
}

.single-product .lottery-time-countdown .wc_lotery_countdown-period {
  font-size: 0.625rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.025em !important;
  display: block !important;
  line-height: 1.1 !important;
}

/* Force purple color for price display */
.single-product .text-six76-cyan {
  color: #39D8E0 !important;
}

/* Ensure lottery info container properly inherits theme styling */
.single-product .lottery-info-container {
  background-color: var(--theme-primary) !important;
  border-color: var(--theme-border) !important;
}

.single-product .lottery-info-container .text-theme-text {
  color: var(--theme-text) !important;
}

.single-product .lottery-info-container .text-theme-text-secondary {
  color: var(--theme-text-secondary) !important;
}

/* Theme-aware lottery question styling */
.single-product .lottery-question {
  color: var(--theme-text) !important;
}

.single-product .lottery-question h3 {
  color: var(--theme-text) !important;
}

.single-product ul.lottery-pn-answers {
  margin: 0 0 1em 0 !important;
  padding-top: 0 !important;
  clear: both !important;
  width: 100% !important;
}

.single-product ul.lottery-pn-answers li {
  display: block !important;
  list-style: none !important;
  border: 1px solid var(--theme-border) !important;
  background-color: var(--theme-primary) !important;
  color: var(--theme-text) !important;
  padding: 1em !important;
  width: 100% !important;
  margin: 0 0 4px 0 !important;
  cursor: pointer !important;
  font-size: 1em !important;
  font-weight: 700 !important;
  transition: all 0.2s ease !important;
}

.single-product ul.lottery-pn-answers li:hover {
  background-color: var(--theme-secondary) !important;
  color: white !important;
  border-color: var(--theme-secondary) !important;
}

.single-product ul.lottery-pn-answers li.selected {
  background-color: var(--theme-secondary) !important;
  color: white !important;
  border-color: var(--theme-secondary) !important;
}

/* Add-to-basket button styling lives in _purchase-card.css (glow + sheen) */

/* Ensure price text inside button is properly styled */
.single-product .single_add_to_cart_button .woocommerce-Price-amount,
.single-product .single_add_to_cart_button .atct-price,
.single-product .single_add_to_cart_button .amount,
.single-product .single_add_to_cart_button .atct-price .woocommerce-Price-amount,
.single-product .single_add_to_cart_button .atct-price .amount,
.single-product .single_add_to_cart_button .atct-price span,
.single-product .single_add_to_cart_button .atct-price .woocommerce-Price-amount span {
  color: var(--theme-text-on-color) !important;
  font-weight: 700 !important;
}

/* Purple Badge Styling - Single Product and Product Cards */
.single-product .six76-price-badge,
.woocommerce ul.products li.product .six76-price-badge,
.six76-price-badge {
  background: linear-gradient(135deg, #152023 0%, #1B282C 100%) !important;
  backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 4px 20px rgba(57, 216, 224, 0.2) !important;
  color: white !important;
  font-weight: 600 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  position: relative !important;
  overflow: hidden !important;
}

.single-product .six76-price-badge::before,
.woocommerce ul.products li.product .six76-price-badge::before,
.six76-price-badge::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: linear-gradient(135deg,
    rgba(255, 255, 255, 0.15) 0%,
    rgba(255, 255, 255, 0.05) 50%,
    rgba(0, 0, 0, 0.05) 100%) !important;
  pointer-events: none !important;
}

.single-product .six76-price-badge:hover,
.woocommerce ul.products li.product .six76-price-badge:hover,
.six76-price-badge:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15),
              0 6px 20px rgba(57, 216, 224, 0.3),
              inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
  transition: all 0.3s ease !important;
}
/* Purple styling for product page boxes to reduce clinical white appearance */

/* Purple gradient backgrounds for main content boxes */
.single-product .six76-cyan-gradient-box {
  background: linear-gradient(135deg, #152023 0%, #1B282C 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: white !important;
}

.single-product .six76-cyan-gradient-box * {
  color: white !important;
}

.single-product .six76-cyan-gradient-box .text-theme-text,
.single-product .six76-cyan-gradient-box .text-theme-text-secondary {
  color: rgba(255, 255, 255, 0.9) !important;
}

.single-product .six76-cyan-gradient-box .text-theme-text-secondary {
  color: rgba(255, 255, 255, 0.7) !important;
}

/* Subtle purple background for content boxes */
.single-product .six76-cyan-subtle-box {
  background: linear-gradient(135deg, rgba(57, 216, 224, 0.05) 0%, rgba(107, 228, 236, 0.05) 100%) !important;
  border: 1px solid rgba(57, 216, 224, 0.1) !important;
  backdrop-filter: blur(10px) !important;
}

/* Countdown specific styling with purple accents - for both single product and product cards */
.single-product .wdw-countdown-purple-box,
.woocommerce ul.products li.product .wdw-countdown-purple-box {
  background: linear-gradient(135deg, #152023 0%, #1B282C 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: white !important;
  box-shadow: 0 4px 20px rgba(57, 216, 224, 0.2) !important;
  backdrop-filter: blur(10px) !important;
  position: relative !important;
  overflow: hidden !important;
}

.single-product .wdw-countdown-purple-box *,
.woocommerce ul.products li.product .wdw-countdown-purple-box * {
  color: white !important;
}

/* Add liquid glass overlay effect */
.single-product .wdw-countdown-purple-box::before,
.woocommerce ul.products li.product .wdw-countdown-purple-box::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: linear-gradient(135deg,
    rgba(255, 255, 255, 0.1) 0%,
    rgba(255, 255, 255, 0.05) 50%,
    rgba(0, 0, 0, 0.05) 100%) !important;
  pointer-events: none !important;
}

/* Override countdown widget styling specifically - higher specificity */
.single-product .wdw-countdown-purple-box .lottery-time-countdown .wc_lotery_countdown-section,
.woocommerce ul.products li.product .wdw-countdown-purple-box .lottery-time-countdown .wc_lotery_countdown-section,
.wdw-countdown-purple-box .cwdc-countdown > div,
.wdw-countdown-purple-box .lottery-time-countdown .wc_lotery_countdown-section {
  background-color: rgba(255, 255, 255, 0.15) !important;
  color: white !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 0.375rem !important;
  position: relative !important;
  z-index: 1 !important;
  backdrop-filter: blur(4px) !important;
}

.single-product .wdw-countdown-purple-box .lottery-time-countdown .wc_lotery_countdown-amount,
.woocommerce ul.products li.product .wdw-countdown-purple-box .lottery-time-countdown .wc_lotery_countdown-amount,
.wdw-countdown-purple-box .cwdc-countdown .wc_lotery_countdown-amount,
.wdw-countdown-purple-box .lottery-time-countdown .wc_lotery_countdown-amount {
  color: white !important;
}

.single-product .wdw-countdown-purple-box .lottery-time-countdown .wc_lotery_countdown-period,
.woocommerce ul.products li.product .wdw-countdown-purple-box .lottery-time-countdown .wc_lotery_countdown-period,
.wdw-countdown-purple-box .cwdc-countdown .wc_lotery_countdown-period,
.wdw-countdown-purple-box .lottery-time-countdown .wc_lotery_countdown-period {
  color: rgba(255, 255, 255, 0.9) !important;
}

/* Override any existing cwdc-countdown styles within purple box */
.wdw-countdown-purple-box .cwdc-countdown,
.wdw-countdown-purple-box .comp-lottery-time,
.wdw-countdown-purple-box .main-lottery,
.wdw-countdown-purple-box .lottery-time-countdown,
.wdw-countdown-purple-box .is-wc_lotery_countdown,
.wdw-countdown-purple-box .countdown,
.wdw-countdown-purple-box .wc_lotery_countdown-row {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0.25rem !important;
  margin: 0 !important;
  flex-wrap: nowrap !important;
}

/* Remove any conflicting liquid glass effects from individual countdown boxes inside purple container */
.wdw-countdown-purple-box .cwdc-countdown > div::before {
  display: none !important;
}

/* Force purple box styling with maximum specificity */
body .woocommerce ul.products li.product .wdw-countdown-purple-box {
  background: linear-gradient(135deg, #152023 0%, #1B282C 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: white !important;
  box-shadow: 0 4px 20px rgba(57, 216, 224, 0.2) !important;
  backdrop-filter: blur(10px) !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 0.75rem !important;
  border-radius: 0.5rem !important;
}

/* Force white text inside purple countdown box */
body .woocommerce ul.products li.product .wdw-countdown-purple-box * {
  color: white !important;
}

/* Target ALL possible countdown wrappers from the exact HTML */
.wdw-countdown-purple-box .comp-lottery-time .wc_lotery_countdown-section,
.wdw-countdown-purple-box .main-lottery .wc_lotery_countdown-section,
.wdw-countdown-purple-box .lottery-time-countdown .wc_lotery_countdown-section,
.wdw-countdown-purple-box .is-wc_lotery_countdown .wc_lotery_countdown-section,
.wdw-countdown-purple-box .countdown .wc_lotery_countdown-section {
  background-color: rgba(255, 255, 255, 0.15) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 4px !important;
  padding: 4px 2px !important;
  margin: 1px !important;
  font-size: 0.75rem !important;
  min-width: auto !important;
  flex: 1 !important;
}

.wdw-countdown-purple-box .comp-lottery-time .wc_lotery_countdown-amount,
.wdw-countdown-purple-box .comp-lottery-time .wc_lotery_countdown-period,
.wdw-countdown-purple-box .main-lottery .wc_lotery_countdown-amount,
.wdw-countdown-purple-box .main-lottery .wc_lotery_countdown-period,
.wdw-countdown-purple-box .lottery-time-countdown .wc_lotery_countdown-amount,
.wdw-countdown-purple-box .lottery-time-countdown .wc_lotery_countdown-period,
.wdw-countdown-purple-box .countdown .wc_lotery_countdown-amount,
.wdw-countdown-purple-box .countdown .wc_lotery_countdown-period {
  color: white !important;
}

/* Override the WDW Core plugin styles with maximum specificity */
.wdw-countdown-purple-box .comp-lottery-time.countdown span.wc_lotery_countdown-section,
.wdw-countdown-purple-box span.wc_lotery_countdown-section {
  background: rgba(255, 255, 255, 0.15) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 4px !important;
  padding: 4px 2px !important;
  margin: 1px !important;
  font-size: 0.75rem !important;
  min-width: auto !important;
  flex: 1 !important;
}

.wdw-countdown-purple-box .comp-lottery-time.countdown span.wc_lotery_countdown-amount,
.wdw-countdown-purple-box span.wc_lotery_countdown-amount,
.wdw-countdown-purple-box .comp-lottery-time.countdown span.wc_lotery_countdown-period,
.wdw-countdown-purple-box span.wc_lotery_countdown-period {
  color: white !important;
  font-weight: 700 !important;
}

/* Clean countdown purple box styling */
.wdw-countdown-purple-box {
  background: linear-gradient(135deg, #152023 0%, #1B282C 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: white !important;
  box-shadow: 0 4px 20px rgba(57, 216, 224, 0.2) !important;
  backdrop-filter: blur(10px) !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Ticket selection box with purple gradient */
.single-product .wdw-ticket-selection-purple {
  background: linear-gradient(135deg, rgba(57, 216, 224, 0.08) 0%, rgba(107, 228, 236, 0.08) 100%) !important;
  border: 1px solid rgba(57, 216, 224, 0.15) !important;
  backdrop-filter: blur(10px) !important;
}

/* Competition stats bar styling */
.single-product .six76-stats-purple-box {
  background: linear-gradient(135deg, rgba(57, 216, 224, 0.06) 0%, rgba(107, 228, 236, 0.06) 100%) !important;
  border-bottom: 2px solid rgba(57, 216, 224, 0.2) !important;
  backdrop-filter: blur(5px) !important;
}

/* Tabbed section styling */
.single-product .six76-tabs-purple-box {
  background: linear-gradient(135deg, rgba(57, 216, 224, 0.03) 0%, rgba(107, 228, 236, 0.03) 100%) !important;
  border: 1px solid rgba(57, 216, 224, 0.08) !important;
  backdrop-filter: blur(6px) !important;
}
/* CART PAGE STYLES ONLY - EXTREMELY SPECIFIC TARGETING */

/* Only apply these styles when we're on the cart page */
body.woocommerce-cart .six76-cart-page-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

body.woocommerce-cart .six76-cart-page-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid #e5e7eb;
}

body.woocommerce-cart .six76-cart-page-title {
    font-size: 2rem;
    font-weight: bold;
    color: #1f2937;
    margin: 0;
}

[data-theme="dark"] body.woocommerce-cart .six76-cart-page-title {
    color: #ffffff;
}

body.woocommerce-cart .six76-clear-cart-btn {
    background: #ef4444;
    color: white;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
    cursor: pointer;
    font-size: 0.875rem;
    font-weight: 500;
}

body.woocommerce-cart .six76-clear-cart-btn:hover {
    background: #dc2626;
}



body.woocommerce-cart .wdw-btn {
    display: inline-block;
    padding: 0.75rem 1.5rem;
    border-radius: 0.375rem;
    text-decoration: none;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
    border: none;
    font-size: 0.875rem;
}

body.woocommerce-cart .wdw-btn-primary {
    background: #152023;
    color: white;
}

body.woocommerce-cart .wdw-btn-primary:hover {
    background: #0B0F11;
}

body.woocommerce-cart .wdw-btn-secondary {
    background: #6b7280;
    color: white;
}

body.woocommerce-cart .wdw-btn-secondary:hover {
    background: #4b5563;
}

body.woocommerce-cart .six76-cart-items {
    margin-bottom: 2rem;
}

body.woocommerce-cart .six76-cart-item {
    display: flex;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    margin-bottom: 1rem;
    background: white;
}

[data-theme="dark"] body.woocommerce-cart .six76-cart-item {
    background: #374151;
    border-color: #4b5563;
}

body.woocommerce-cart .six76-cart-item-image {
    flex-shrink: 0;
    width: 100px;
}

body.woocommerce-cart .six76-cart-item-image img {
    width: 100%;
    height: auto;
    border-radius: 0.375rem;
}

body.woocommerce-cart .six76-cart-item-details {
    flex: 1;
}

body.woocommerce-cart .six76-cart-item-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 0.5rem;
}

body.woocommerce-cart .six76-cart-item-title {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1f2937;
    margin: 0;
}

[data-theme="dark"] body.woocommerce-cart .six76-cart-item-title {
    color: #ffffff;
}

body.woocommerce-cart .six76-cart-item-title a {
    color: #1f2937;
    text-decoration: none;
}

[data-theme="dark"] body.woocommerce-cart .six76-cart-item-title a {
    color: #ffffff;
}

body.woocommerce-cart .six76-cart-item-title a:hover {
    color: #39D8E0;
}

body.woocommerce-cart .six76-remove-item {
    background: #ef4444;
    color: white;
    border: none;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    cursor: pointer;
    font-size: 0.75rem;
}

body.woocommerce-cart .six76-remove-item:hover {
    background: #dc2626;
}

body.woocommerce-cart .six76-cart-item-meta {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

body.woocommerce-cart .six76-label {
    font-weight: 500;
    color: #6b7280;
    font-size: 0.875rem;
}

body.woocommerce-cart .six76-price,
body.woocommerce-cart .six76-subtotal {
    font-weight: 600;
    color: #1f2937;
}

[data-theme="dark"] body.woocommerce-cart .six76-price,
[data-theme="dark"] body.woocommerce-cart .six76-subtotal {
    color: #ffffff;
}

body.woocommerce-cart .six76-quantity-input {
    width: 80px;
    padding: 0.25rem;
    border: 1px solid #d1d5db;
    border-radius: 0.25rem;
    text-align: center;
}

body.woocommerce-cart .six76-cart-actions {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    margin-top: 2rem;
    padding-top: 1rem;
    border-top: 1px solid #e5e7eb;
}

body.woocommerce-cart .six76-cart-collaterals {
    margin-top: 2rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    body.woocommerce-cart .six76-cart-page-header {
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
    }
    
    body.woocommerce-cart .six76-cart-item {
        flex-direction: column;
    }
    
    body.woocommerce-cart .six76-cart-item-image {
        width: 100%;
        max-width: 200px;
        margin: 0 auto;
    }
    
    body.woocommerce-cart .six76-cart-item-meta {
        grid-template-columns: 1fr;
    }
    
    body.woocommerce-cart .six76-cart-actions {
        flex-direction: column;
    }
}

/* Loading states for cart functionality */
body.woocommerce-cart .six76-removing {
    opacity: 0.6;
    pointer-events: none;
}

body.woocommerce-cart .six76-remove-item:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

body.woocommerce-cart .six76-remove-item:disabled:hover {
    background: #ef4444;
}

/* Block overlay for cart form */
.woocommerce-cart-form.blocked {
    position: relative;
}

.woocommerce-cart-form.blocked::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.6);
    z-index: 10;
    pointer-events: none;
}



/* Empty cart styling */
body.woocommerce-cart .six76-empty-cart {
    text-align: center;
    padding: 0;
    background: white;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    min-height: 60vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

[data-theme="dark"] body.woocommerce-cart .six76-empty-cart {
    background: #111827;
}

body.woocommerce-cart .six76-empty-cart h2 {
    font-size: 2.5rem;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 3rem;
    letter-spacing: -0.025em;
}

[data-theme="dark"] body.woocommerce-cart .six76-empty-cart h2 {
    color: #ffffff;
}

body.woocommerce-cart .six76-empty-cart .wdw-btn {
    display: inline-block !important;
    padding: 1.25rem 3rem !important;
    background: #152023 !important;
    color: white !important;
    text-decoration: none !important;
    border-radius: 0.5rem !important;
    font-weight: 700 !important;
    font-size: 1.125rem !important;
    letter-spacing: 0.05em !important;
    transition: all 0.2s ease !important;
    border: none !important;
    cursor: pointer !important;
}

body.woocommerce-cart .six76-empty-cart .wdw-btn:hover {
    background: #0B0F11 !important;
    color: white !important;
    text-decoration: none !important;
    transform: translateY(-2px) !important;
}

/* Cart page specific - hide sidebar only on cart page */
body.woocommerce-cart #secondary.widget-area {
    display: none !important;
}

body.woocommerce-cart .site-main {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 1rem !important;
}

@media (min-width: 768px) {
    body.woocommerce-cart .site-main {
        padding: 0 2rem !important;
    }
}

@media (min-width: 1024px) {
    body.woocommerce-cart .site-main {
        padding: 0 4rem !important;
    }
}

/* Hide the default page header when cart is empty */
body.woocommerce-cart .entry-header {
    display: none;
}

/* Cart Totals Styling */
body.woocommerce-cart .six76-cart-totals {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    padding: 1.5rem;
    margin-top: 2rem;
}

[data-theme="dark"] body.woocommerce-cart .six76-cart-totals {
    background: #1f2937;
    border-color: #374151;
}

body.woocommerce-cart .six76-cart-totals-header {
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e5e7eb;
}

body.woocommerce-cart .six76-cart-totals-title {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1f2937;
    margin: 0;
}

[data-theme="dark"] body.woocommerce-cart .six76-cart-totals-title {
    color: #ffffff;
}

body.woocommerce-cart .six76-cart-totals-content {
    margin-bottom: 1.5rem;
}

body.woocommerce-cart .six76-cart-totals-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 0;
    border-bottom: 1px solid #f3f4f6;
}

body.woocommerce-cart .six76-cart-totals-row:last-child {
    border-bottom: none;
}

body.woocommerce-cart .six76-cart-totals-label {
    font-weight: 500;
    color: #6b7280;
    font-size: 0.875rem;
}

body.woocommerce-cart .six76-cart-totals-value {
    font-weight: 600;
    color: #1f2937;
    font-size: 0.875rem;
}

[data-theme="dark"] body.woocommerce-cart .six76-cart-totals-value {
    color: #ffffff;
}

body.woocommerce-cart .six76-order-total {
    border-top: 2px solid #e5e7eb;
    margin-top: 0.5rem;
    padding-top: 1rem;
}

body.woocommerce-cart .six76-order-total .six76-cart-totals-label {
    font-size: 1rem;
    font-weight: 600;
    color: #1f2937;
}

[data-theme="dark"] body.woocommerce-cart .six76-order-total .six76-cart-totals-label {
    color: #ffffff;
}

body.woocommerce-cart .six76-order-total .six76-cart-totals-value {
    font-size: 1.125rem;
    font-weight: 700;
    color: #39D8E0;
}

/* Proceed to Checkout Button */
body.woocommerce-cart .six76-proceed-to-checkout {
    margin-top: 1.5rem;
}

body.woocommerce-cart .six76-checkout-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    width: 100% !important;
    padding: 1rem 2rem !important;
    background: #152023 !important;
    color: white !important;
    text-decoration: none !important;
    border-radius: 0.5rem !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    letter-spacing: 0.025em !important;
    transition: all 0.2s ease !important;
    border: none !important;
    cursor: pointer !important;
    box-shadow: 0 4px 6px -1px rgba(57, 216, 224, 0.1), 0 2px 4px -1px rgba(57, 216, 224, 0.06) !important;
}

body.woocommerce-cart .six76-checkout-button:hover {
    background: #0B0F11 !important;
    color: white !important;
    text-decoration: none !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 10px 15px -3px rgba(57, 216, 224, 0.1), 0 4px 6px -2px rgba(57, 216, 224, 0.05) !important;
}

body.woocommerce-cart .six76-checkout-button:active {
    transform: translateY(0) !important;
}

body.woocommerce-cart .six76-checkout-button-text {
    font-weight: 600;
}

body.woocommerce-cart .six76-checkout-button-icon {
    transition: transform 0.2s ease;
}

body.woocommerce-cart .six76-checkout-button:hover .six76-checkout-button-icon {
    transform: translateX(2px);
}

/* Responsive adjustments for cart totals */
@media (max-width: 768px) {
    body.woocommerce-cart .six76-cart-totals {
        padding: 1rem;
    }
    
    body.woocommerce-cart .six76-cart-totals-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }
    
    body.woocommerce-cart .six76-cart-totals-value {
        align-self: flex-end;
    }
}
/* CHECKOUT PAGE STYLES - EXTREMELY SPECIFIC TARGETING */

/* Only apply these styles when we're on the checkout page */
body.woocommerce-checkout .six76-checkout-page-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

body.woocommerce-checkout .six76-checkout-page-header {
    text-align: center;
    margin-bottom: 3rem;
    padding-bottom: 2rem;
    border-bottom: 2px solid #e5e7eb;
}

body.woocommerce-checkout .six76-checkout-page-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #1f2937;
    margin: 0 0 0.5rem 0;
    letter-spacing: -0.025em;
}

body.woocommerce-checkout .six76-checkout-page-subtitle {
    font-size: 1.125rem;
    color: #6b7280;
    margin: 0;
}

/* Checkout Layout */
body.woocommerce-checkout .six76-checkout-content {
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: 3rem;
    align-items: start;
}

body.woocommerce-checkout .six76-checkout-main {
    background: white;
    border-radius: 0.5rem;
    padding: 2rem;
    border: 1px solid #e5e7eb;
}

body.woocommerce-checkout .six76-checkout-sidebar {
    position: sticky;
    top: 2rem;
}

/* Customer Details */
body.woocommerce-checkout .six76er-details {
    margin-bottom: 2rem;
}

body.woocommerce-checkout .six76-billing-section,
body.woocommerce-checkout .six76-shipping-section {
    margin-bottom: 2rem;
}

/* Form Fields */
body.woocommerce-checkout .six76-billing-fields,
body.woocommerce-checkout .six76-shipping-fields,
body.woocommerce-checkout .six76-additional-fields,
body.woocommerce-checkout .six76-account-fields {
    margin-bottom: 2rem;
}

body.woocommerce-checkout .six76-billing-fields-header,
body.woocommerce-checkout .six76-shipping-fields-header,
body.woocommerce-checkout .six76-additional-fields-header,
body.woocommerce-checkout .six76-account-fields-header {
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e5e7eb;
}

body.woocommerce-checkout .six76-billing-fields-title,
body.woocommerce-checkout .six76-shipping-fields-title,
body.woocommerce-checkout .six76-additional-fields-title,
body.woocommerce-checkout .six76-account-fields-title {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1f2937;
    margin: 0;
}

body.woocommerce-checkout .six76-account-optional {
    color: #6b7280;
    font-size: 0.875rem;
    margin-bottom: 1rem;
}

/* Form Field Styling */
body.woocommerce-checkout .form-row {
    margin-bottom: 1rem;
}

/* This file predates the dark rebrand and still assumes a light checkout, so
   the field labels were #374151 on a near-black card - legible on paper,
   invisible in practice. _checkout-nitro.css restyles the surrounding card but
   never claimed the labels. */
body.woocommerce-checkout .form-row label {
    display: block;
    font-weight: 500;
    color: var(--theme-text-secondary, #c3ccce);
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
}

body.woocommerce-checkout .form-row input[type="text"],
body.woocommerce-checkout .form-row input[type="email"],
body.woocommerce-checkout .form-row input[type="tel"],
body.woocommerce-checkout .form-row input[type="password"],
body.woocommerce-checkout .form-row select,
body.woocommerce-checkout .form-row textarea {
    width: 100%;
    min-height: 44px;
    padding: 0.75rem;
    border: 1px solid #d1d5db;
    border-radius: 0.375rem;
    /* 16px, not 14px: iOS Safari zooms the viewport on focus for any field
       under 16px, which is what made the checkout feel like it needed pinching
       and sideways scrolling on a phone. */
    font-size: 1rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

body.woocommerce-checkout .form-row input:focus,
body.woocommerce-checkout .form-row select:focus,
body.woocommerce-checkout .form-row textarea:focus {
    outline: none;
    border-color: #39D8E0;
    box-shadow: 0 0 0 3px rgba(57, 216, 224, 0.1);
}

body.woocommerce-checkout .form-row .required {
    color: #ef4444;
}

/* Checkbox Styling */
/* "Ship to a different address?" - the one control on the merch purchase path
   that was under the tap-target floor (the box measured 13x16). The label
   already toggles the box, so the row carries the 44px height and the box
   itself grows to a comfortable 1.5rem inside it. */
body.woocommerce-checkout .six76-shipping-checkbox-label {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 44px;
    cursor: pointer;
    font-weight: 500;
    color: var(--theme-text-secondary, #93a0a3);
}

body.woocommerce-checkout .six76-shipping-checkbox {
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
    accent-color: #39D8E0;
}

/* Order Review Section */
body.woocommerce-checkout .six76-order-review-section {
    background: white;
    border-radius: 0.5rem;
    padding: 2rem;
    border: 1px solid #e5e7eb;
}

body.woocommerce-checkout .six76-order-review-title {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1f2937;
    margin: 0 0 1.5rem 0;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e5e7eb;
}

/* Order Review Table */
body.woocommerce-checkout .six76-order-review-table {
    margin-bottom: 2rem;
}

body.woocommerce-checkout .six76-order-review-header {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1rem;
    padding: 0.75rem 0;
    border-bottom: 1px solid #e5e7eb;
    font-weight: 600;
    color: var(--theme-text-secondary, #93a0a3);
    font-size: 0.875rem;
}

body.woocommerce-checkout .six76-order-review-body {
    margin-bottom: 1rem;
}

body.woocommerce-checkout .six76-order-review-item {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1rem;
    padding: 1rem 0;
    border-bottom: 1px solid #f3f4f6;
}

body.woocommerce-checkout .six76-order-review-product {
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

body.woocommerce-checkout .six76-order-review-product-image {
    width: 50px;
    height: 50px;
    flex-shrink: 0;
}

body.woocommerce-checkout .six76-order-review-product-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 0.25rem;
}

body.woocommerce-checkout .six76-order-review-product-details {
    flex: 1;
}

body.woocommerce-checkout .six76-order-review-product-name {
    font-weight: 500;
    color: #1f2937;
    margin-bottom: 0.25rem;
}

body.woocommerce-checkout .six76-order-review-product-quantity {
    font-size: 0.875rem;
    color: #6b7280;
}

body.woocommerce-checkout .six76-order-review-subtotal {
    font-weight: 600;
    color: #1f2937;
    text-align: right;
}

/* Order Review Footer */
body.woocommerce-checkout .six76-order-review-footer {
    border-top: 2px solid #e5e7eb;
    padding-top: 1rem;
}

body.woocommerce-checkout .six76-order-review-footer > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    font-size: 0.875rem;
}

body.woocommerce-checkout .six76-order-review-label {
    color: #6b7280;
}

body.woocommerce-checkout .six76-order-review-value {
    font-weight: 600;
    color: #1f2937;
}

body.woocommerce-checkout .six76-order-review-total-row {
    border-top: 1px solid #e5e7eb;
    margin-top: 0.5rem;
    padding-top: 1rem;
    font-size: 1rem;
}

body.woocommerce-checkout .six76-order-review-total-row .six76-order-review-label {
    font-weight: 600;
    color: #1f2937;
}

body.woocommerce-checkout .six76-order-review-total-row .six76-order-review-value {
    font-size: 1.125rem;
    font-weight: 700;
    color: #39D8E0;
}

/* Payment Methods */
body.woocommerce-checkout .six76-payment-methods {
    margin-bottom: 2rem;
}

body.woocommerce-checkout .six76-payment-methods-header {
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e5e7eb;
}

body.woocommerce-checkout .six76-payment-methods-title {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1f2937;
    margin: 0;
}

body.woocommerce-checkout .six76-payment-methods-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

body.woocommerce-checkout .six76-payment-method {
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    padding: 1rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

body.woocommerce-checkout .six76-payment-method:hover {
    border-color: #39D8E0;
}

body.woocommerce-checkout .six76-payment-method-radio {
    display: none;
}

body.woocommerce-checkout .six76-payment-method-label {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    cursor: pointer;
    width: 100%;
}

body.woocommerce-checkout .six76-payment-method-info {
    flex: 1;
}

body.woocommerce-checkout .six76-payment-method-title {
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 0.25rem;
}

body.woocommerce-checkout .six76-payment-method-description {
    font-size: 0.875rem;
    color: #6b7280;
}

body.woocommerce-checkout .six76-payment-method-radio:checked + .six76-payment-method-label .six76-payment-method {
    border-color: #39D8E0;
    box-shadow: 0 0 0 3px rgba(57, 216, 224, 0.1);
}

body.woocommerce-checkout .six76-payment-method-fields {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #f3f4f6;
}

/* Payment Method Cards and Icons */
body.woocommerce-checkout .six76-payment-method-cards,
body.woocommerce-checkout .six76-payment-method-wallets {
    margin-top: 0.75rem;
}

body.woocommerce-checkout .six76-card-icons,
body.woocommerce-checkout .six76-wallet-icons {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

body.woocommerce-checkout .six76-card-icon,
body.woocommerce-checkout .six76-wallet-icon {
    border-radius: 0.25rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

body.woocommerce-checkout .six76-card-text,
body.woocommerce-checkout .six76-wallet-text {
    font-size: 0.75rem;
    color: #6b7280;
    font-weight: 500;
}

/* Wallet Balance Styling */
body.woocommerce-checkout .six76-wallet-balance {
    margin-bottom: 0.5rem;
}

body.woocommerce-checkout .six76-wallet-balance-amount {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem;
    background: #f8fafc;
    border-radius: 0.375rem;
    border: 1px solid #e2e8f0;
}

body.woocommerce-checkout .six76-wallet-balance-label {
    font-size: 0.75rem;
    color: #64748b;
    font-weight: 500;
}

body.woocommerce-checkout .six76-wallet-balance-value {
    font-size: 0.875rem;
    color: #059669;
    font-weight: 600;
}

/* Payment Method Selection Styling */
body.woocommerce-checkout .six76-payment-method {
    position: relative;
    cursor: pointer;
    transition: all 0.2s ease;
    border: 2px solid #e5e7eb;
    background: #ffffff;
}

body.woocommerce-checkout .six76-payment-method:hover {
    border-color: #39D8E0;
    box-shadow: 0 2px 8px rgba(57, 216, 224, 0.1);
}

/* Enhanced selected state styling */
body.woocommerce-checkout .six76-payment-method-radio:checked + .six76-payment-method-label .six76-payment-method {
    border-color: #39D8E0;
    border-width: 2px;
    background: #152023 !important;
    box-shadow: 0 4px 12px rgba(57, 216, 224, 0.3);
    transform: translateY(-1px);
}

/* Target the .six76-payment-method div directly when radio is checked */
body.woocommerce-checkout .six76-payment-method-radio:checked ~ .six76-payment-method,
body.woocommerce-checkout .six76-payment-method-radio:checked + .six76-payment-method-label .six76-payment-method {
    border-color: #39D8E0;
    border-width: 2px;
    background: #152023 !important;
    box-shadow: 0 4px 12px rgba(57, 216, 224, 0.3);
    transform: translateY(-1px);
}

/* Alternative selector to ensure we catch the .six76-payment-method div */
body.woocommerce-checkout .six76-payment-method-radio:checked ~ .six76-payment-method {
    border-color: #39D8E0 !important;
    border-width: 2px !important;
    background: #152023 !important;
    box-shadow: 0 4px 12px rgba(57, 216, 224, 0.3) !important;
    transform: translateY(-1px) !important;
}

/* JavaScript-enhanced selection styling */
body.woocommerce-checkout .six76-payment-method.selected-payment-method {
    border-color: #39D8E0 !important;
    border-width: 2px !important;
    background: #152023 !important;
    box-shadow: 0 4px 12px rgba(57, 216, 224, 0.3) !important;
    transform: translateY(-1px) !important;
}

/* White text for selected payment method */
body.woocommerce-checkout .six76-payment-method.selected-payment-method .six76-payment-method-title,
body.woocommerce-checkout .six76-payment-method.selected-payment-method .six76-payment-method-description,
body.woocommerce-checkout .six76-payment-method.selected-payment-method .six76-wallet-balance-value,
body.woocommerce-checkout .six76-payment-method.selected-payment-method .six76-card-text,
body.woocommerce-checkout .six76-payment-method.selected-payment-method .six76-wallet-text {
    color: white !important;
}

/* Special styling for wallet balance label when selected - make it purple */
body.woocommerce-checkout .six76-payment-method.selected-payment-method .six76-wallet-balance-label,
body.woocommerce-checkout .six76-payment-method.selected-payment-method span.six76-wallet-balance-label {
    color: #39D8E0 !important;
    font-weight: 600 !important;
}

/* More specific targeting for the wallet balance label */
body.woocommerce-checkout .six76-payment-method.selected-payment-method .six76-wallet-balance .six76-wallet-balance-label,
body.woocommerce-checkout .six76-payment-method.selected-payment-method .six76-wallet-balance span.six76-wallet-balance-label {
    color: #39D8E0 !important;
    font-weight: 600 !important;
}

/* White container for payment icons when selected */
body.woocommerce-checkout .six76-payment-method.selected-payment-method .six76-card-icons,
body.woocommerce-checkout .six76-payment-method.selected-payment-method .six76-wallet-icons {
    background: white !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

/* Ensure payment icons are visible on white background */
body.woocommerce-checkout .six76-payment-method.selected-payment-method .six76-card-icon,
body.woocommerce-checkout .six76-payment-method.selected-payment-method .six76-wallet-icon {
    filter: none !important;
    opacity: 1 !important;
}

/* Enhanced text styling for selected state - WHITE TEXT */
body.woocommerce-checkout .six76-payment-method-radio:checked + .six76-payment-method-label {
    color: white !important;
}

body.woocommerce-checkout .six76-payment-method-radio:checked + .six76-payment-method-label .six76-payment-method-title {
    color: white !important;
    font-weight: 700;
    font-size: 1.1rem;
}

/* Enhanced description styling for selected state - WHITE TEXT */
body.woocommerce-checkout .six76-payment-method-radio:checked + .six76-payment-method-label .six76-payment-method-description {
    color: rgba(255, 255, 255, 0.9) !important;
    font-weight: 500;
}

/* Make wallet balance text white when selected */
body.woocommerce-checkout .six76-payment-method-radio:checked + .six76-payment-method-label .six76-wallet-balance-label {
    color: rgba(255, 255, 255, 0.9) !important;
}

body.woocommerce-checkout .six76-payment-method-radio:checked + .six76-payment-method-label .six76-wallet-balance-value {
    color: white !important;
    font-weight: 700;
}

/* Make card icons and wallet text white when selected */
body.woocommerce-checkout .six76-payment-method-radio:checked + .six76-payment-method-label .six76-card-text,
body.woocommerce-checkout .six76-payment-method-radio:checked + .six76-payment-method-label .six76-wallet-text {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Place Order Button */
body.woocommerce-checkout .six76-place-order {
    margin-top: 2rem;
}

body.woocommerce-checkout .six76-place-order-button-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

body.woocommerce-checkout .six76-place-order-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    width: 100% !important;
    padding: 1rem 2rem !important;
    background: #152023 !important;
    color: white !important;
    text-decoration: none !important;
    border-radius: 0.5rem !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    letter-spacing: 0.025em !important;
    transition: all 0.2s ease !important;
    border: none !important;
    cursor: pointer !important;
    box-shadow: 0 4px 6px -1px rgba(57, 216, 224, 0.1), 0 2px 4px -1px rgba(57, 216, 224, 0.06) !important;
}

body.woocommerce-checkout .six76-place-order-button:hover {
    background: #0B0F11 !important;
    color: white !important;
    text-decoration: none !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 10px 15px -3px rgba(57, 216, 224, 0.1), 0 4px 6px -2px rgba(57, 216, 224, 0.05) !important;
}

body.woocommerce-checkout .six76-place-order-button:active {
    transform: translateY(0) !important;
}

body.woocommerce-checkout .six76-place-order-button-text {
    font-weight: 600;
}

body.woocommerce-checkout .six76-place-order-button-icon {
    transition: transform 0.2s ease;
}

body.woocommerce-checkout .six76-place-order-button:hover .six76-place-order-button-icon {
    transform: translateX(2px);
}

/* Terms and Conditions */
body.woocommerce-checkout .woocommerce-terms-and-conditions {
    font-size: 0.875rem;
    color: #6b7280;
    line-height: 1.5;
}

body.woocommerce-checkout .woocommerce-terms-and-conditions a {
    color: #39D8E0;
    text-decoration: none;
}

/* Override Cashflows payment gateway text */
body.woocommerce-checkout .payment_method_cashflows_card .six76-payment-method-fields {
    font-size: 0.875rem;
    color: #6b7280;
    margin-top: 0.5rem;
}

/* Hide the original "Pay withCards" text from Cashflows plugin */
body.woocommerce-checkout .payment_method_cashflows_card .six76-payment-method-fields {
    display: none !important;
}

/* Alternative: Hide specific text content */
body.woocommerce-checkout .payment_method_cashflows_card .six76-payment-method-fields:contains("Pay withCards") {
    display: none !important;
}

/* More specific targeting */
body.woocommerce-checkout .payment_box.payment_method_cashflows_card {
    display: none !important;
}

/* Target the specific div that contains "Pay withCards" */
body.woocommerce-checkout .six76-payment-method-fields.payment_box.payment_method_cashflows_card {
    display: none !important;
}

/* Even more specific - target by text content */
body.woocommerce-checkout .six76-payment-method-fields:has-text("Pay withCards") {
    display: none !important;
}

/* Hide all payment fields for cashflows card */
body.woocommerce-checkout .payment_method_cashflows_card .six76-payment-method-fields,
body.woocommerce-checkout .payment_method_cashflows_card .payment_box {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* Hide duplicate "Pay with wallet." text from wallet payment gateway */
body.woocommerce-checkout .payment_method_woo_wallet .six76-payment-method-description,
body.woocommerce-checkout .payment_method_woo_wallet .payment_box {
    display: none !important;
}

/* Hide any remaining "Pay with wallet" text */
body.woocommerce-checkout .payment_method_woo_wallet .six76-payment-method-fields,
body.woocommerce-checkout .payment_method_woo_wallet .payment_box {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* Hide any text containing "Pay with wallet" */
body.woocommerce-checkout .payment_method_woo_wallet *:contains("Pay with wallet") {
    display: none !important;
}

body.woocommerce-checkout .woocommerce-terms-and-conditions a:hover {
    text-decoration: underline;
}

/* Responsive Design */
@media (max-width: 1024px) {
    body.woocommerce-checkout .six76-checkout-content {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    
    body.woocommerce-checkout .six76-checkout-sidebar {
        position: static;
    }
}

@media (max-width: 768px) {
    body.woocommerce-checkout .six76-checkout-page-container {
        padding: 1rem;
    }
    
    body.woocommerce-checkout .six76-checkout-page-title {
        font-size: 2rem;
    }
    
    body.woocommerce-checkout .six76-checkout-main,
    body.woocommerce-checkout .six76-order-review-section {
        padding: 1.5rem;
    }
    
    body.woocommerce-checkout .six76-order-review-item {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }
    
    body.woocommerce-checkout .six76-order-review-subtotal {
        text-align: left;
    }
}

/* Hide sidebar on checkout page */
body.woocommerce-checkout #secondary.widget-area {
    display: none !important;
}

body.woocommerce-checkout .site-main {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 1rem !important;
}

@media (min-width: 768px) {
    body.woocommerce-checkout .site-main {
        padding: 0 2rem !important;
    }
}

@media (min-width: 1024px) {
    body.woocommerce-checkout .site-main {
        padding: 0 4rem !important;
    }
}

/* Hide the default page header on checkout */
body.woocommerce-checkout .entry-header {
    display: none;
}

/* Checkout Loading Overlay */
.six76-checkout-loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(4px);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 999999;
}

.six76-checkout-loading-overlay.active {
    display: flex;
}

.six76-checkout-loading-content {
    background: white;
    padding: 3rem 4rem;
    border-radius: 1rem;
    text-align: center;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.six76-checkout-loading-spinner {
    width: 64px;
    height: 64px;
    border: 4px solid #e5e7eb;
    border-top-color: #39D8E0;
    border-radius: 50%;
    animation: six76-spin 1s linear infinite;
    margin: 0 auto 1.5rem auto;
}

@keyframes six76-spin {
    to {
        transform: rotate(360deg);
    }
}

.six76-checkout-loading-title {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 0.5rem;
}

.six76-checkout-loading-message {
    font-size: 0.875rem;
    color: #6b7280;
    margin: 0;
}
/* Thank You Page Styles */
.six76-thank-you-page {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

/* Header Section */
.six76-thank-you-header {
    text-align: center;
    margin-bottom: 2rem;
    padding: 1.5rem;
    background: linear-gradient(135deg, #152023 0%, #1B282C 100%);
    border-radius: 12px;
    color: white;
}

.six76-thank-you-title {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    color: white;
}

.six76-thank-you-subtitle {
    font-size: 1rem;
    opacity: 0.9;
    margin: 0;
}

/* Content Layout */
.six76-thank-you-content {
    display: grid;
    gap: 2rem;
}

/* Order Details */
.six76-order-details {
    background: white;
    border-radius: 12px;
    padding: 2rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.six76-order-info h2 {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
    color: #1f2937;
}

.six76-order-meta {
    display: grid;
    gap: 1rem;
}

.six76-order-meta > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 0;
    border-bottom: 1px solid #e5e7eb;
}

.six76-order-meta > div:last-child {
    border-bottom: none;
}

.six76-label {
    font-weight: 600;
    color: #6b7280;
}

.six76-value {
    font-weight: 700;
    color: #1f2937;
}

/* Order Status Messages */
.six76-order-success {
    margin-top: 1.5rem;
    padding: 1rem;
    background: #d1fae5;
    border: 1px solid #a7f3d0;
    border-radius: 8px;
}

.six76-success-message {
    color: #065f46;
    margin: 0 0 0.5rem 0;
    font-weight: 600;
}

.six76-processing-message {
    color: #047857;
    margin: 0;
    font-size: 0.9rem;
}

.six76-order-failed {
    margin-top: 1.5rem;
    padding: 1rem;
    background: #fee2e2;
    border: 1px solid #fecaca;
    border-radius: 8px;
}

.six76-error-message {
    color: #991b1b;
    margin: 0 0 1rem 0;
}

/* Instant Win Section */
.six76-instant-win-section {
    background: linear-gradient(135deg, #152023 0%, #1B282C 100%);
    border: 1px solid rgba(57, 216, 224, 0.35);
    border-radius: 12px;
    padding: 2rem;
    text-align: center;
    color: #F5F6F7;
    box-shadow: 0 0 18px rgba(57, 216, 224, 0.15);
}

.six76-instant-win-header h2 {
    font-size: 2rem;
    margin-bottom: 0.5rem;
    color: #39D8E0;
}

.six76-instant-win-header p {
    font-size: 1.1rem;
    margin-bottom: 2rem;
    color: #F5F6F7;
    opacity: 0.9;
}

/* Total Site Credit Display */
.six76-total-site-credit {
    background: rgba(57, 216, 224, 0.08);
    border: 2px solid rgba(57, 216, 224, 0.3);
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 2rem;
    backdrop-filter: blur(10px);
    animation: fadeInScale 0.4s ease-out;
}

.six76-total-label {
    font-size: 1.1rem;
    font-weight: 600;
    color: #39D8E0;
    margin-bottom: 0.5rem;
}

.six76-total-amount {
    font-size: 3rem;
    font-weight: 900;
    color: #4DF0FE;
    line-height: 1;
}

/* Prizes that are not site credit: owed to the customer, not banked. */
.six76-prizes-won {
    background: rgba(255, 255, 255, 0.25);
    border: 2px solid rgba(217, 70, 239, 0.35);
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 2rem;
    backdrop-filter: blur(10px);
    animation: fadeInScale 0.4s ease-out;
}

.six76-prizes-won-label {
    font-size: 1.1rem;
    font-weight: 600;
    color: #c026d3;
    margin-bottom: 0.5rem;
}

.six76-prizes-won-list {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 1.5rem;
    font-weight: 800;
    color: #c026d3;
    line-height: 1.3;
}

.six76-prizes-won-note {
    margin-top: 0.75rem;
    margin-bottom: 0;
    font-size: 0.9rem;
    font-style: italic;
    opacity: 0.85;
}

@media (max-width: 768px) {
    .six76-prizes-won-list {
        font-size: 1.25rem;
    }

    .six76-prizes-won-label {
        font-size: 1rem;
    }
}

@keyframes fadeInScale {
    from {
        opacity: 0;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

@media (max-width: 768px) {
    .six76-total-amount {
        font-size: 2.5rem;
    }

    .six76-total-label {
        font-size: 1rem;
    }
}

.six76-instant-win-products {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(57, 216, 224, 0.2);
    border-radius: 8px;
    padding: 1.5rem;
    margin-bottom: 2rem;
    text-align: left;
}

.six76-instant-win-products h3 {
    color: #39D8E0;
    margin-bottom: 1rem;
    font-size: 1.2rem;
}

.six76-instant-win-products ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.six76-instant-win-products li {
    padding: 0.5rem 0;
    border-bottom: 1px solid rgba(57, 216, 224, 0.2);
    color: #F5F6F7;
}

.six76-instant-win-products li:last-child {
    border-bottom: none;
}

.six76-instant-win-not-eligible {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(57, 216, 224, 0.2);
    border-radius: 8px;
    padding: 1.5rem;
}

.six76-instant-win-not-eligible p {
    margin: 0;
    font-size: 1.1rem;
}

/* Order Items */
.six76-order-items {
    background: white;
    border-radius: 12px;
    padding: 2rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.six76-order-items h2 {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
    color: #1f2937;
}

.wdw-items-list {
    display: grid;
    gap: 1rem;
}

.wdw-item {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
}

.wdw-item-image {
    flex-shrink: 0;
}

.wdw-item-image img {
    width: 60px;
    height: 60px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 6px;
}

.wdw-item-details {
    flex: 1;
}

.wdw-item-name {
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 0.25rem;
}

.wdw-item-name a {
    color: #1f2937;
    text-decoration: none;
}

.wdw-item-name a:hover {
    color: #3b82f6;
}

.wdw-item-quantity {
    color: #6b7280;
    font-size: 0.9rem;
}

/* Next Steps */
.six76-next-steps {
    background: white;
    border-radius: 12px;
    padding: 2rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.six76-next-steps h2 {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
    color: #1f2937;
    text-align: center;
}

.six76-steps-list {
    display: grid;
    gap: 1.5rem;
}

.six76-step {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.six76-step-number {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    background: #3b82f6;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.1rem;
}

.six76-step-content h3 {
    font-size: 1.1rem;
    margin-bottom: 0.5rem;
    color: #1f2937;
}

.six76-step-content p {
    color: #6b7280;
    margin: 0;
    line-height: 1.5;
}

/* Action Buttons */
.six76-action-buttons {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
}

/* Button Styles */
.wdw-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
    border: none;
    cursor: pointer;
    font-size: 1rem;
}

.wdw-btn-primary {
    background: #152023;
    color: white;
}

.wdw-btn-primary:hover {
    background: #0B0F11;
    color: white;
    transform: translateY(-1px);
}

.wdw-btn-secondary {
    background: #6b7280;
    color: white;
}

.wdw-btn-secondary:hover {
    background: #4b5563;
    color: white;
    transform: translateY(-1px);
}

.wdw-btn-large {
    padding: 1rem 2rem;
    font-size: 1.1rem;
}

/* On the dark instant-win panel the global dark primary button disappears —
   use the theme's cyan CTA there instead */
.six76-instant-win-section .wdw-btn-primary {
    background: #39D8E0;
    color: #0D0D0D;
}

.six76-instant-win-section .wdw-btn-primary:hover {
    background: #4DF0FE;
    color: #0D0D0D;
}

/* Instant Win Modal Styles - Override plugin styles */
#wdw-instant-win-modal.wdw-modal {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.8) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 9999 !important;
    transform: none !important;
}

#wdw-instant-win-modal .wdw-modal-content {
    background: white !important;
    border-radius: 12px !important;
    width: 95vw !important;
    max-width: 1200px !important;
    height: 90vh !important;
    max-height: 800px !important;
    overflow-y: auto !important;
    position: relative !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    padding: 0 !important;
    animation: none !important;
}

.wdw-modal-header {
    padding: 1.5rem;
    border-bottom: 1px solid #e5e7eb;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wdw-modal-header h2 {
    margin: 0;
    color: #1f2937;
    font-size: 1.5rem;
}

.wdw-modal-close {
    font-size: 1.5rem;
    cursor: pointer;
    color: #6b7280;
    background: none;
    border: none;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background-color 0.2s ease;
}

.wdw-modal-close:hover {
    background: #f3f4f6;
    color: #1f2937;
}

.wdw-modal-body {
    padding: 1.5rem;
}

/* Lottery Drum */
.wdw-lottery-drum {
    text-align: center;
    margin-bottom: 1.5rem;
}

.wdw-lottery-drum canvas {
    border: 2px solid #e5e7eb;
    border-radius: 8px;
    max-width: 100%;
}

/* Ticket Reveal */
.wdw-ticket-reveal {
    text-align: center;
}

.wdw-ticket {
    background: linear-gradient(135deg, #4DF0FE 0%, #22A9B5 100%);
    border-radius: 12px;
    padding: 2rem;
    color: #152023;
    margin-bottom: 1.5rem;
}

.wdw-ticket-header {
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.wdw-ticket-number {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #1f2937;
}

.wdw-ticket-prize {
    font-size: 1.1rem;
    font-weight: 600;
}

/* Responsive Design */
@media (max-width: 768px) {
    .six76-thank-you-page {
        padding: 1rem;
    }
    
    .six76-thank-you-title {
        font-size: 1.75rem;
    }
    
    .six76-order-meta > div {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }
    
    .six76-action-buttons {
        flex-direction: column;
    }
    
    .wdw-modal-content {
        width: 98vw !important;
        height: 95vh !important;
        margin: 0.5rem;
    }
    
    .wdw-item {
        flex-direction: column;
        text-align: center;
    }
    
    .six76-step {
        flex-direction: column;
        text-align: center;
    }
}

/* Loading States */
.wdw-btn-loading {
    display: none;
}

.wdw-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Animation Classes */
.six76-fade-in {
    animation: fadeIn 0.3s ease-in;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.wdw-bounce {
    animation: bounce 0.6s ease-in-out;
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-10px);
    }
    60% {
        transform: translateY(-5px);
    }
}
/* Wallet Page Styles
 *
 * The site is dark-first: `bg-white` cards are repainted to --theme-card-bg
 * (#141A1C) by _theme.css, and the balance card is a light cyan gradient
 * (#39D8E0 -> #6BE4EC). Every colour below is chosen to clear WCAG AA (4.5:1)
 * against whichever of those two surfaces it sits on, measured at the darker
 * extreme of the gradient (#39D8E0) where contrast for dark text is lowest.
 */

/* Wallet Container */
.six76-wallet-container,
.six76-wallet-transactions {
    padding: 0 1rem;
}

/* --- Balance card (light cyan gradient) -------------------------------- */

/* Ink on the gradient: 11.2:1 at #39D8E0, 12.9:1 at #6BE4EC. */
.six76-wallet-balance-card,
.six76-wallet-balance-card h2 {
    color: #0D0D0D;
}

.six76-wallet-balance-amount,
.six76-wallet-balance-amount .woocommerce-Price-amount,
.six76-wallet-balance-amount .woocommerce-Price-currencySymbol,
.six76-wallet-balance-amount bdi {
    color: #0D0D0D;
}

/* Muted enough to read as a label, still 7.3:1 at the darker gradient stop. */
.six76-wallet-balance-label {
    color: #12383C;
    font-weight: 600;
}

/* Back-to-wallet button sits on the cyan card, so it inverts to ink. */
.six76-wallet-balance-card .six76-wallet-back-btn {
    background-color: #0D0D0D;
    color: #4DF0FE;
}

.six76-wallet-balance-card .six76-wallet-back-btn:hover,
.six76-wallet-balance-card .six76-wallet-back-btn:focus {
    background-color: #1D2426;
    color: #4DF0FE;
}

/* --- Quick action links (dark #232A2C pill) ---------------------------- */

.six76-wallet-container .six76-wallet-action {
    color: var(--theme-text);
}

/* On hover the pill becomes the cyan gradient, so the text flips to ink. */
.six76-wallet-container .six76-wallet-action:hover,
.six76-wallet-container .six76-wallet-action:focus {
    color: #0D0D0D;
}

/* --- Cyan CTAs -------------------------------------------------------- */

/* _woocommerce.css forces `a.bg-six76-cyan { color: white !important }`, which
 * beats the ink rule in _theme.css and leaves 1.7:1 on the cyan fill. Outrank
 * it locally rather than editing the shared partial. */
.six76-wallet-container a.six76-wallet-cta {
    color: #0D0D0D !important;
}

/* Submit buttons sit on a cyan-bright -> cyan-dark gradient; ink clears AA at
 * both stops (14.1:1 and 6.9:1), the old cyan-dark text did not. */
.six76-wallet-container .six76-wallet-submit {
    color: #0D0D0D;
}

/* --- Headings inside the repainted `bg-white` cards -------------------- */

.six76-wallet-container .text-six76-ink,
.six76-wallet-transactions .text-six76-ink {
    color: var(--theme-text);
}

/* --- Recent transactions list ----------------------------------------- */

/* 16.3:1 on the card. */
.six76-wallet-txn-desc {
    color: var(--theme-text);
}

/* 9.4:1 on the card - deliberately brighter than --theme-text-secondary. */
.six76-wallet-txn-date {
    color: #B4BFC2;
}

/* Colour the whole amount, not just the sign, and back it with a text label
 * so credit/debit never depends on colour alone. */
.six76-wallet-txn-amount .woocommerce-Price-amount,
.six76-wallet-txn-amount .woocommerce-Price-currencySymbol,
.six76-wallet-txn-amount bdi {
    color: inherit !important;
}

.six76-wallet-txn-amount .six76-wallet-txn-label {
    display: block;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

/* Credit #4ADE80: 10.1:1 on #141A1C. Debit #F87171: 6.4:1 on #141A1C.
 * (The theme's #EF4444 only reaches 4.7:1, too close to the AA floor.) */
.six76-wallet-txn-amount.woo-wallet-transaction-type-credit {
    color: #4ADE80 !important;
}

.six76-wallet-txn-amount.woo-wallet-transaction-type-debit {
    color: #F87171 !important;
}

/* Credit/Debit styling (plugin markup outside the templates above) */
.woo-wallet-transaction-type-credit {
    color: #4ADE80;
    font-weight: 700;
}

.woo-wallet-transaction-type-debit {
    color: #F87171;
    font-weight: 700;
}

/* --- Transaction history widget (Tabulator) --------------------------- */

/* woo-wallet renders this history with Tabulator, which REPLACES the
 * `<table id="wc-wallet-transaction-details">` in the template with a tree of
 * divs (.tabulator-header / -row / -cell / -footer). The rules here used to
 * target `thead th`, `tbody td` and `.dataTables_*` from an earlier version of
 * the plugin; measured against the real widget, every one of those selectors
 * matched ZERO elements, so the page fell back to Tabulator's stock light
 * theme - a grey #888 slab with #E6E6E6 chrome on a dark site. The id still
 * applies (Tabulator keeps it on the replacement div), so it stays the anchor.
 *
 * Widths: Tabulator lays the columns out to its own measured width (528px in
 * a 375px viewport), which no ancestor scrolls, so the Amount column - the
 * whole point of the page - sat ~200px off-screen and unreachable. The plugin
 * ships an overflow-x:auto affordance for exactly this, but scopes it to
 * .woo-wallet-my-wallet-container, which this theme's template override does
 * not render. Hence the scroll container below. */

/* The plugin ships this element as `class="table w-full"` - a Bootstrap-style
 * hook. In this theme `table` is also a TAILWIND utility meaning
 * `display: table`, so the widget was being laid out as a CSS table, and a CSS
 * table never shrinks below its content's minimum width - which is why it sat
 * at 560px in a 295px card and ignored max-width entirely. Tabulator wants a
 * plain block; putting it back lets the clamp below actually bind. */
#wc-wallet-transaction-details.tabulator {
    display: block;
    max-width: 100%;
}

/* Scroll the ROWS, not the whole widget: .tabulator-tableholder is the element
 * Tabulator scrolls natively (it keeps the header in sync with it), so the
 * date filters above and the pager below stay put on screen instead of being
 * dragged sideways with the columns. */
#wc-wallet-transaction-details .tabulator-tableholder,
#wc-wallet-transaction-details .tabulator-header {
    /* Both are sized in JS to the full column width, so both need clamping -
     * miss the holder and it just overhangs the (clamped) widget instead. */
    max-width: 100%;
}

#wc-wallet-transaction-details .tabulator-tableholder {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: rgba(57, 216, 224, 0.5) transparent;
}

/* A visible (but quiet) scrollbar, so the rows read as scrollable rather than
 * cut off. */
#wc-wallet-transaction-details .tabulator-tableholder::-webkit-scrollbar {
    height: 6px;
}

#wc-wallet-transaction-details .tabulator-tableholder::-webkit-scrollbar-thumb {
    background-color: rgba(57, 216, 224, 0.5);
    border-radius: 9999px;
}

/* Tabulator paints white on .tabulator, .tabulator-tableholder AND
 * .tabulator-table; miss any one of them and a white slab shows through the
 * transparent rows above it, which is what made the details column
 * grey-on-white and unreadable. */
#wc-wallet-transaction-details.tabulator,
#wc-wallet-transaction-details .tabulator-tableholder,
#wc-wallet-transaction-details .tabulator-table {
    background: transparent;
    border: none;
    color: var(--theme-text);
}

#wc-wallet-transaction-details .tabulator-header,
#wc-wallet-transaction-details .tabulator-header-contents,
#wc-wallet-transaction-details .tabulator-headers {
    background: linear-gradient(135deg, #152023 0%, #1B282C 100%);
    border: none;
    color: #F5F6F7;
}

#wc-wallet-transaction-details .tabulator-col {
    background: transparent;
    border-right: none;
    color: #F5F6F7;
}

#wc-wallet-transaction-details .tabulator-col .tabulator-col-title {
    padding: 1rem 0.5rem;
    font-weight: 600;
    color: #F5F6F7;
}

/* The id gives this more weight than any of the plugin's row rules, including
 * its odd/even variants, so the base class is enough. */
#wc-wallet-transaction-details .tabulator-row {
    background: transparent;
    border-bottom: 1px solid var(--theme-border);
    transition: background-color 0.2s ease;
}

#wc-wallet-transaction-details .tabulator-row:last-child {
    border-bottom: none;
}

#wc-wallet-transaction-details .tabulator-row:hover {
    background-color: rgba(245, 246, 247, 0.06);
}

#wc-wallet-transaction-details .tabulator-cell {
    padding: 1rem 0.5rem;
    border-right: none;
    color: var(--theme-text);
}

/* Column widths. Tabulator sizes columns to the container and already sets
 * white-space:nowrap, so a column narrower than its content is ellipsised.
 * Squeezed onto a phone that truncated every column ("July 2...", "+£1,2..."),
 * and a cut-off amount is worse than a swipe - so date and amount get the
 * width their content needs and the holder above scrolls instead. Details
 * stays flexible: it is prose, and the dashboard's "Recent Transactions" list
 * shows it in full. */
/* !important is load-bearing on the header cells only: Tabulator writes an
 * inline `min-width: 40px` onto every .tabulator-col, which a plain stylesheet
 * rule cannot outrank. Without it the header keeps the narrow widths while the
 * body cells take these, and the two grids stop lining up - the column titles
 * read "D..." and "A..." over full-width data. */
#wc-wallet-transaction-details .tabulator-col[tabulator-field="date"],
#wc-wallet-transaction-details .tabulator-cell[tabulator-field="date"] {
    min-width: 7rem !important;
}

#wc-wallet-transaction-details .tabulator-col[tabulator-field="amount"],
#wc-wallet-transaction-details .tabulator-cell[tabulator-field="amount"] {
    min-width: 7rem !important;
    text-align: right;
}

#wc-wallet-transaction-details .tabulator-col[tabulator-field="details"],
#wc-wallet-transaction-details .tabulator-cell[tabulator-field="details"] {
    min-width: 10rem !important;
}

/* The empty state and Tabulator's own loading overlay. */
#wc-wallet-transaction-details .tabulator-placeholder,
#wc-wallet-transaction-details .tabulator-placeholder-contents {
    background: transparent;
    color: var(--theme-text-muted, #9CA3AF);
}

/* The plugin renders amounts in <mark> - reset the UA yellow highlight and
 * replace its near-black green/red with the AA-safe pair used above. */
#wc-wallet-transaction-details mark {
    background: transparent;
    font-weight: 700;
}

#wc-wallet-transaction-details mark.credit {
    color: #4ADE80 !important;
}

#wc-wallet-transaction-details mark.debit {
    color: #F87171 !important;
}

/* Pager chrome: "Show N entries" + First/Previous/1/2/3/Next/Last. */
#wc-wallet-transaction-details .tabulator-footer,
#wc-wallet-transaction-details .tabulator-footer-contents {
    background: transparent;
    border-top: 1px solid var(--theme-border);
    color: var(--theme-text);
}

#wc-wallet-transaction-details .tabulator-paginator {
    color: var(--theme-text);
}

#wc-wallet-transaction-details .tabulator-page,
#wc-wallet-transaction-details .tabulator-page-size {
    background: var(--theme-input-bg);
    border: 1px solid var(--theme-input-border);
    color: var(--theme-text);
    border-radius: 6px;
}

#wc-wallet-transaction-details .tabulator-page:not(.disabled):hover {
    background: rgba(57, 216, 224, 0.15);
    color: #4DF0FE;
}

#wc-wallet-transaction-details .tabulator-page.active {
    background: #39D8E0;
    border-color: #39D8E0;
    color: #0D0D0D;
}

#wc-wallet-transaction-details .tabulator-page.disabled {
    opacity: 0.45;
}

/* Date-range filter above the history (two date inputs + a clear button). */
.woo-wallet-table-controls {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    color: var(--theme-text);
}

.woo-wallet-table-controls .wc-wallet-filter-from,
.woo-wallet-table-controls .wc-wallet-filter-to {
    flex: 1 1 8rem;
    min-width: 0;
    padding: 0.5rem 0.75rem;
    background-color: var(--theme-input-bg);
    border: 1px solid var(--theme-input-border);
    border-radius: 6px;
    color: var(--theme-text);
}

.woo-wallet-table-controls .wc-wallet-filter-clear {
    background: transparent;
    border: 1px solid var(--theme-input-border);
    border-radius: 6px;
    color: var(--theme-text);
    line-height: 1;
    padding: 0.5rem 0.75rem;
}

.woo-wallet-table-controls .wc-wallet-filter-clear:hover {
    border-color: #39D8E0;
    color: #4DF0FE;
}

/* Select2 dropdown styling for transfer */
.woo-wallet-select2 {
    width: 100%;
}

.select2-container--default .select2-selection--single {
    height: 48px;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    padding: 0.75rem 1rem;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 48px;
    padding-left: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 48px;
}

.select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #39D8E0;
    outline: none;
    box-shadow: 0 0 0 3px rgba(57, 216, 224, 0.1);
}

/* Responsive wallet layout */
@media (max-width: 768px) {
    .six76-wallet-container,
    .six76-wallet-transactions {
        padding: 0.5rem;
    }

    /* Tighter cells buy back horizontal room on a phone, so less of the
     * widget needs scrolling to (see the Tabulator note above - these used to
     * target `thead th`/`tbody td`, which the widget no longer renders). */
    #wc-wallet-transaction-details .tabulator-col .tabulator-col-title,
    #wc-wallet-transaction-details .tabulator-cell {
        padding: 0.75rem 0.5rem;
        font-size: 0.875rem;
    }

    /* The pager wraps rather than pushing itself off the edge. */
    #wc-wallet-transaction-details .tabulator-footer-contents,
    #wc-wallet-transaction-details .tabulator-paginator {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 0.375rem;
    }
}

/* Loading states */
.woo-wallet-loading {
    opacity: 0.6;
    pointer-events: none;
}

/* Animation for balance display */
@keyframes balancePulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
}

.six76-wallet-container .six76-wallet-balance-amount {
    animation: balancePulse 2s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
    .six76-wallet-container .six76-wallet-balance-amount {
        animation: none;
    }
}

/* --- Site-credit explainer panel (My Wallet page) ----------------------- */

/* Sits below the woo-wallet dashboard on page-wallet.php and states the spend
 * rules. Mirrors the FAQ section styling (_terms.css) so the same copy reads
 * consistently on both surfaces. Markup: inc/wallet-credit-copy.php. */
.six76-wallet-credit-copy {
  margin-top: 2.5rem;
  border-radius: 1rem;
  background-color: rgb(243 232 255 / 0.1);
  padding: 1.5rem;
  --tw-backdrop-blur: blur(4px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
@media (min-width: 768px) {
  .six76-wallet-credit-copy {
    padding: 2rem;
  }
}
.six76-wallet-credit-copy {
  border-width: 1px;
  border-color: rgb(216 180 254 / 0.2);
}
.six76-orders-section .six76-wallet-credit-copy {
  --tw-border-opacity: 1;
  border-color: rgb(35 42 44 / var(--tw-border-opacity, 1));
}

.six76-wallet-credit-copy-title {
  margin-bottom: 1rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  color: var(--theme-text);
}

[data-theme="dark"] .single-product .six76-wallet-credit-copy-title {
  color: var(--theme-text);
}

[data-theme="dark"] .six76-wallet-credit-copy-title {
  color: var(--theme-text);
}

.single-product .six76-wallet-credit-copy-title table {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .six76-wallet-credit-copy-title table.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .lottery-info-container .six76-wallet-credit-copy-title {
  color: var(--theme-text);
}

.single-product .six76-cyan-gradient-box .six76-wallet-credit-copy-title {
  color: rgba(255, 255, 255, 0.9);
}

@media (min-width: 768px) {
  .six76-wallet-credit-copy-title {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.six76-wallet-credit-copy-intro,
.six76-wallet-credit-copy-outro {
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  color: var(--theme-text);
}

[data-theme="dark"] .single-product .six76-wallet-credit-copy-intro,[data-theme="dark"] .single-product 
.six76-wallet-credit-copy-outro {
  color: var(--theme-text);
}

[data-theme="dark"] .six76-wallet-credit-copy-intro,[data-theme="dark"] 
.six76-wallet-credit-copy-outro {
  color: var(--theme-text);
}

.single-product .six76-wallet-credit-copy-intro table,.single-product 
.six76-wallet-credit-copy-outro table {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .six76-wallet-credit-copy-intro table.aligncenter,.single-product 
.six76-wallet-credit-copy-outro table.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .lottery-info-container .six76-wallet-credit-copy-intro,.single-product .lottery-info-container 
.six76-wallet-credit-copy-outro {
  color: var(--theme-text);
}

.single-product .six76-cyan-gradient-box .six76-wallet-credit-copy-intro,.single-product .six76-cyan-gradient-box 
.six76-wallet-credit-copy-outro {
  color: rgba(255, 255, 255, 0.9);
}

@media (min-width: 768px) {
  .six76-wallet-credit-copy-intro,
.six76-wallet-credit-copy-outro {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.six76-wallet-credit-copy-intro {
  margin-bottom: 1.5rem;
}

.six76-wallet-credit-copy-outro {
  margin-top: 1.5rem;
}

.six76-wallet-credit-copy-list {
  list-style-type: disc;
}

.six76-wallet-credit-copy-list > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.six76-wallet-credit-copy-list {
  padding-left: 1.5rem;
}

#mobile-menu .six76-wallet-credit-copy-list > * {
  margin-bottom: 1rem;
}

#mobile-menu .six76-wallet-credit-copy-list > *:last-child {
  margin-bottom: 0;
}

@media (max-width: 1023px) {
  #mobile-menu .six76-wallet-credit-copy-list {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }
  #mobile-menu .six76-wallet-credit-copy-list > li {
    margin: 0;
  }
}

.six76-wallet-credit-copy-item {
  padding-left: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  color: var(--theme-text);
}

[data-theme="dark"] .single-product .six76-wallet-credit-copy-item {
  color: var(--theme-text);
}

[data-theme="dark"] .six76-wallet-credit-copy-item {
  color: var(--theme-text);
}

.single-product .six76-wallet-credit-copy-item table {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .six76-wallet-credit-copy-item table.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .lottery-info-container .six76-wallet-credit-copy-item {
  color: var(--theme-text);
}

.single-product .six76-cyan-gradient-box .six76-wallet-credit-copy-item {
  color: rgba(255, 255, 255, 0.9);
}

@media (min-width: 768px) {
  .six76-wallet-credit-copy-item {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.six76-wallet-credit-copy-item::marker {
  --tw-text-opacity: 1;
  color: rgb(57 216 224 / var(--tw-text-opacity, 1));
}

[data-theme="dark"] .single-product .six76-wallet-credit-copy-item::marker {
  color: var(--six76-cyan);
}

[data-theme="dark"] .text-gray-500:not(.six76-wallet-credit-copy-item):not(.text-six76-cyan-bright):not(.text-six76-red)::marker {
  color: var(--theme-text-secondary);
}

.single-product .six76-wallet-credit-copy-item::marker {
  color: #39D8E0;
}

.six76-wallet-credit-copy-lead {
  font-weight: 700;
  color: var(--theme-text);
}

[data-theme="dark"] .single-product .six76-wallet-credit-copy-lead {
  color: var(--theme-text);
}

[data-theme="dark"] .six76-wallet-credit-copy-lead {
  color: var(--theme-text);
}

.single-product .six76-wallet-credit-copy-lead table {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .six76-wallet-credit-copy-lead table.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .lottery-info-container .six76-wallet-credit-copy-lead {
  color: var(--theme-text);
}

.single-product .six76-cyan-gradient-box .six76-wallet-credit-copy-lead {
  color: rgba(255, 255, 255, 0.9);
}
/* Competitions Page Styles */

/* Filter buttons (.six76-filter-btn) share the merch page's hollow-pill style —
   see the "Filter pills" block in _merch-page.css. */

/* ---------- "Ends in X days" pill ----------
 * Rendered by six76_competition_ends_badge() (inc/woocommerce.php) into the
 * competition card (woocommerce/content-product.php), so it shows up wherever
 * that card renders — /competitions, Woo archives, [products], Elementor.
 * It replaced the four-box d/h/m/s countdown, which ate ~60px of card height
 * and left nothing for the title in the two-up mobile grid.
 */

.six76-ends-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.3rem 0.6rem;
  border-radius: 9999px;
  background: linear-gradient(135deg, #39d8e0 0%, #22a9b5 100%);
  color: #05181a;
  max-width: 100%;
  /* Body stack, not Orbitron. Same reasoning as the heading floors in
     _typography.css: Orbitron's squared letterforms are far wider, and
     "ENDS IN 27 DAYS" in Orbitron wrapped to three lines inside a ~140px
     card in the two-up grid at 320px — taller than the countdown block this
     pill replaced. */
  font-family: Helvetica Neue, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;
  font-size: 0.6875rem;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.04em;
  /* _single-product.css forces `text-transform: none !important` across the
     whole single-product page, which would otherwise flatten this pill on the
     related-products loop. */
  text-transform: uppercase !important;
}

.six76-ends-badge-icon {
  width: 0.75rem;
  height: 0.75rem;
  flex-shrink: 0;
}

/* In the two-up grid at 320px the card is only ~140px wide, and "ENDS IN 27
   DAYS" on one line ran past the card and the viewport. Tighten it and let it
   take a second line rather than overflow. */
@media (max-width: 400px) {
  .six76-ends-badge {
    padding: 0.25rem 0.45rem;
    font-size: 0.625rem;
    letter-spacing: 0.01em;
  }
}

/* Card titles are the card's named link; two lines came to 37px. */
.six76-card-title a {
  display: block;
  min-height: 44px;
  padding: 0.25rem 0;
}

/* Draw is imminent — switch to the warning colour so it reads as urgent. */
.six76-ends-badge.is-soon {
  background: linear-gradient(135deg, #ffb648 0%, #f0871a 100%);
}

/* Card title: three lines on the narrow two-up grid, where two clipped
   competitions to an indistinguishable "TEST Pick You…". */
.six76-card-title {
  overflow-wrap: anywhere;
}

/* Filter pills are the first thing a thumb meets on /competitions and were
   33px tall. */
.six76-filter-btn {
  min-height: 44px;
}

/* Competitions Grid */
.competitions-grid {
  margin-left: auto;
  margin-right: auto;
  max-width: 80rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 640px) {
  .competitions-grid {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media (min-width: 1024px) {
  .competitions-grid {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* WooCommerce product loop grid override for competitions page.
   Column counts live in _shop-grid.css (Customiser → 676 Shop Grid). */
.competitions-grid .woocommerce ul.products li.product,
.competitions-grid ul.products li.product {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  list-style: none !important;
  max-width: none !important;
}

/* Override the max-w-xs constraint on product cards */
.competitions-grid .woocommerce ul.products li.product > div,
.competitions-grid ul.products li.product > div {
  max-width: none !important;
  width: 100% !important;
}

/* Base grid box for the competitions page — columns and gap both come from
   _shop-grid.css. */
.competitions-grid .woocommerce ul.products,
.competitions-grid ul.products {
  display: grid !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 auto !important;
  justify-items: center !important;
  max-width: 100% !important;
}

/* Responsive adjustments for competitions page */
@media (max-width: 640px) {
  .competitions-grid {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  
  .competitions-grid .woocommerce ul.products li.product,
  .competitions-grid ul.products li.product {
    max-width: 350px !important;
  }
  
  /* Pills wrap onto as many rows as they need rather than stacking full-width. */
  .filters-section .flex {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
}

/* Page-specific body class styles */
.page-template-page-competitions .site-main {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
[data-theme="dark"] .single-product .page-template-page-competitions .site-main {
  background-color: var(--theme-card-bg);
}
[data-theme="dark"] .page-template-page-competitions .site-main:not(.bg-six76-cyan):not(.bg-six76-cyan-bright):not(.bg-six76-red) {
  background-color: var(--theme-card-bg);
}
[data-theme="dark"] .single-product .page-template-page-competitions .site-main {
  background-color: var(--theme-card-bg);
}

.page-template-page-competitions .page-header h1 {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

@media (min-width: 768px) {
  .page-template-page-competitions .page-header h1 {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

.page-template-page-competitions .page-header p {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

@media (min-width: 768px) {
  .page-template-page-competitions .page-header p {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
/* WP Everest User Registration Forms Styling */

/* Form Container - Wider and more responsive */
.six76-login-form,
.six76-register-form,
.six76-reset-password-form,
.six76-profile-form {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 56rem;
}

/* Registration form specific - wider layout */
.six76-register-form {
  max-width: 72rem;
}

/* Form wrapper for better spacing */
.six76-login-form .user-registration-form,
.six76-register-form .user-registration-form,
.six76-reset-password-form .user-registration-form,
.six76-profile-form .user-registration-form {
  width: 100%;
}

/* Target the exact plugin selectors */
#user-registration .ur-frontend-form .user-registration-form-login .ur-form-row .ur-form-grid > div:not(#ur-recaptcha-node) .user-registration-Button,
#user-registration .ur-frontend-form .user-registration-form-register .ur-form-row .ur-form-grid > div:not(#ur-recaptcha-node) .user-registration-Button,
#user-registration .ur-frontend-form .user-registration-form-profile .ur-form-row .ur-form-grid > div:not(#ur-recaptcha-node) .user-registration-Button {
  float: none !important;
  background-color: #152023 !important;
  color: white !important;
  border: none !important;
  box-shadow: none !important;
  padding: 16px 32px !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  width: 100% !important;
  transition: background-color 0.25s ease !important;
  min-height: 56px !important;
}

#user-registration .ur-frontend-form .user-registration-form-login .ur-form-row .ur-form-grid > div:not(#ur-recaptcha-node) .user-registration-Button:hover,
#user-registration .ur-frontend-form .user-registration-form-register .ur-form-row .ur-form-grid > div:not(#ur-recaptcha-node) .user-registration-Button:hover,
#user-registration .ur-frontend-form .user-registration-form-profile .ur-form-row .ur-form-grid > div:not(#ur-recaptcha-node) .user-registration-Button:hover {
  background-color: #0B0F11 !important;
}

/* Override all plugin button styles */
.ur-frontend-form button, 
.ur-frontend-form input[type=submit], 
.ur-frontend-form button[type=submit],
.user-registration button, 
.user-registration .button, 
.ur-form-container button, 
.ur-form-container .button {
  background-color: #152023 !important;
  color: white !important;
  border: none !important;
  box-shadow: none !important;
  padding: 16px 32px !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  width: 100% !important;
  transition: background-color 0.25s ease !important;
  min-height: 56px !important;
}

.ur-frontend-form button:hover, 
.ur-frontend-form input[type=submit]:hover, 
.ur-frontend-form button[type=submit]:hover,
.user-registration button:hover, 
.user-registration .button:hover, 
.ur-form-container button:hover, 
.ur-form-container .button:hover {
  background-color: #0B0F11 !important;
}

/* Remove embossed box effect and plugin styling */
.six76-login-form .user-registration-form,
.six76-register-form .user-registration-form,
.six76-reset-password-form .user-registration-form,
.six76-profile-form .user-registration-form {
  border-width: 0px;
  background-color: transparent;
  padding: 0px;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

/* Override plugin form container styling */
#user-registration .ur-frontend-form,
.user-registration-form .ur-frontend-form {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
}

/* Override form field styling.
   Two wrapper shapes exist: the login shortcode nests .ur-frontend-form INSIDE
   #user-registration, but the [user_registration_form] shortcode (register
   page) puts user-registration and ur-frontend-form on the SAME div with id
   user-registration-form-{id} - so every rule needs both selector forms. */
#user-registration .ur-frontend-form input[type="text"],
#user-registration .ur-frontend-form input[type="email"],
#user-registration .ur-frontend-form input[type="password"],
#user-registration .ur-frontend-form input[type="tel"],
#user-registration .ur-frontend-form input[type="url"],
#user-registration .ur-frontend-form textarea,
#user-registration .ur-frontend-form select,
.user-registration.ur-frontend-form input[type="text"],
.user-registration.ur-frontend-form input[type="email"],
.user-registration.ur-frontend-form input[type="password"],
.user-registration.ur-frontend-form input[type="tel"],
.user-registration.ur-frontend-form input[type="url"],
.user-registration.ur-frontend-form textarea,
.user-registration.ur-frontend-form select {
  width: 100% !important;
  padding: 14px 18px !important;
  border: 1px solid #F3F4F6 !important;
  border-radius: 8px !important;
  background-color: white !important;
  color: #0D0D0D !important;
  /* 16px, not 15px: iOS Safari zooms the viewport whenever a field under 16px
     takes focus and does not zoom back out, so the whole site is left needing
     a pinch. See the "Form fields must be at least 16px" convention in the
     theme README - and the floor below, which catches field types this list
     does not name. */
  font-size: 16px !important;
  transition: border-color 0.25s ease, box-shadow 0.25s ease !important;
  min-height: 48px !important;
}

/* iOS zoom floor.
   The rule above only names the field types the login and register forms use
   today. User Registration builds its forms from an admin-editable field set,
   so adding a Date of Birth or a phone-number field to form 2545 introduces an
   input type that rule never mentions - and the plugin's own stylesheet sizes
   it below 16px again. This catches every text-entry type under either wrapper
   shape, including ones added later. Checkboxes, radios and buttons are
   excluded: they carry no text-entry caret, so they do not trigger the zoom. */
#user-registration .ur-frontend-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="hidden"]),
#user-registration .ur-frontend-form textarea,
#user-registration .ur-frontend-form select,
.user-registration.ur-frontend-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="hidden"]),
.user-registration.ur-frontend-form textarea,
.user-registration.ur-frontend-form select,
.user-registration-form .form-row input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="hidden"]),
.user-registration-form .form-row textarea,
.user-registration-form .form-row select {
  font-size: 16px !important;
}

#user-registration .ur-frontend-form input[type="text"]:focus,
#user-registration .ur-frontend-form input[type="email"]:focus,
#user-registration .ur-frontend-form input[type="password"]:focus,
#user-registration .ur-frontend-form input[type="tel"]:focus,
#user-registration .ur-frontend-form input[type="url"]:focus,
#user-registration .ur-frontend-form textarea:focus,
#user-registration .ur-frontend-form select:focus,
.user-registration.ur-frontend-form input[type="text"]:focus,
.user-registration.ur-frontend-form input[type="email"]:focus,
.user-registration.ur-frontend-form input[type="password"]:focus,
.user-registration.ur-frontend-form input[type="tel"]:focus,
.user-registration.ur-frontend-form input[type="url"]:focus,
.user-registration.ur-frontend-form textarea:focus,
.user-registration.ur-frontend-form select:focus {
  outline: none !important;
  border-color: #39D8E0 !important;
  box-shadow: 0 0 0 3px rgba(57, 216, 224, 0.1) !important;
}

/* Override link colors */
#user-registration .ur-frontend-form a,
.user-registration.ur-frontend-form a,
.user-registration-form a {
  color: #39D8E0 !important;
  text-decoration: none !important;
}

#user-registration .ur-frontend-form a:hover,
.user-registration.ur-frontend-form a:hover,
.user-registration-form a:hover {
  color: #22A9B5 !important;
}

/* Field description text (e.g. the register form's consent statement) sits on
   the plugin's white form box, so it must not inherit the dark theme's light
   page text. */
#user-registration .description,
.user-registration.ur-frontend-form .description {
  color: #39454A;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/* Override plugin's default form wrapper */
.user-registration-form .ur-frontend-form {
  border-width: 0px;
  background-color: transparent;
  padding: 0px;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

/* Remove any plugin-added backgrounds and shadows */
.user-registration-form .ur-frontend-form .ur-form-row {
  border-width: 0px;
  background-color: transparent;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

/* Form Field Styling */
.user-registration-form .form-row {
  margin-bottom: 1.5rem;
}

.user-registration-form .form-row label {
  margin-bottom: 0.5rem;
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(13 13 13 / var(--tw-text-opacity, 1));
}

.six76-wallet-container .user-registration-form .form-row label,
.six76-wallet-transactions .user-registration-form .form-row label {
    color: var(--theme-text);
}

.user-registration-form .form-row input[type="text"],
.user-registration-form .form-row input[type="email"],
.user-registration-form .form-row input[type="password"],
.user-registration-form .form-row input[type="tel"],
.user-registration-form .form-row input[type="url"],
.user-registration-form .form-row textarea,
.user-registration-form .form-row select {
  width: 100%;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(35 42 44 / var(--tw-border-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.six76-orders-section .user-registration-form .form-row input[type="text"],.six76-orders-section 
.user-registration-form .form-row input[type="email"],.six76-orders-section 
.user-registration-form .form-row input[type="password"],.six76-orders-section 
.user-registration-form .form-row input[type="tel"],.six76-orders-section 
.user-registration-form .form-row input[type="url"],.six76-orders-section 
.user-registration-form .form-row textarea,.six76-orders-section 
.user-registration-form .form-row select {
  --tw-border-opacity: 1;
  border-color: rgb(35 42 44 / var(--tw-border-opacity, 1));
}

.user-registration-form .form-row input[type="text"]:focus,
.user-registration-form .form-row input[type="email"]:focus,
.user-registration-form .form-row input[type="password"]:focus,
.user-registration-form .form-row input[type="tel"]:focus,
.user-registration-form .form-row input[type="url"]:focus,
.user-registration-form .form-row textarea:focus,
.user-registration-form .form-row select:focus {
  --tw-border-opacity: 1;
  border-color: rgb(57 216 224 / var(--tw-border-opacity, 1));
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(57 216 224 / var(--tw-ring-opacity, 1));
}

.user-registration-form .form-row input[type="text"],
.user-registration-form .form-row input[type="email"],
.user-registration-form .form-row input[type="password"],
.user-registration-form .form-row input[type="tel"],
.user-registration-form .form-row input[type="url"],
.user-registration-form .form-row textarea,
.user-registration-form .form-row select {
  --tw-text-opacity: 1;
  color: rgb(13 13 13 / var(--tw-text-opacity, 1));
}

.user-registration-form .form-row input[type="text"]::-moz-placeholder, .user-registration-form .form-row input[type="email"]::-moz-placeholder, .user-registration-form .form-row input[type="password"]::-moz-placeholder, .user-registration-form .form-row input[type="tel"]::-moz-placeholder, .user-registration-form .form-row input[type="url"]::-moz-placeholder, .user-registration-form .form-row textarea::-moz-placeholder, .user-registration-form .form-row select::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(147 160 163 / var(--tw-placeholder-opacity, 1));
}

.user-registration-form .form-row input[type="text"]::placeholder,
.user-registration-form .form-row input[type="email"]::placeholder,
.user-registration-form .form-row input[type="password"]::placeholder,
.user-registration-form .form-row input[type="tel"]::placeholder,
.user-registration-form .form-row input[type="url"]::placeholder,
.user-registration-form .form-row textarea::placeholder,
.user-registration-form .form-row select::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(147 160 163 / var(--tw-placeholder-opacity, 1));
}

.six76-wallet-container .user-registration-form .form-row input[type="text"],
.six76-wallet-transactions .user-registration-form .form-row input[type="text"],.six76-wallet-container 
.user-registration-form .form-row input[type="email"],
.six76-wallet-transactions 
.user-registration-form .form-row input[type="email"],.six76-wallet-container 
.user-registration-form .form-row input[type="password"],
.six76-wallet-transactions 
.user-registration-form .form-row input[type="password"],.six76-wallet-container 
.user-registration-form .form-row input[type="tel"],
.six76-wallet-transactions 
.user-registration-form .form-row input[type="tel"],.six76-wallet-container 
.user-registration-form .form-row input[type="url"],
.six76-wallet-transactions 
.user-registration-form .form-row input[type="url"],.six76-wallet-container 
.user-registration-form .form-row textarea,
.six76-wallet-transactions 
.user-registration-form .form-row textarea,.six76-wallet-container 
.user-registration-form .form-row select,
.six76-wallet-transactions 
.user-registration-form .form-row select {
    color: var(--theme-text);
}

.user-registration-form .form-row input:focus,
.user-registration-form .form-row textarea:focus,
.user-registration-form .form-row select:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

/* Button Styling - Override plugin defaults */
.user-registration-form .ur-frontend-form .ur-submit-button,
.user-registration-form .ur-frontend-form input[type="submit"],
.user-registration-form .ur-frontend-form button[type="submit"] {
  width: 100% !important;
  border-radius: 0.375rem !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(57 216 224 / var(--tw-bg-opacity, 1)) !important;
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
  font-weight: 500 !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.woocommerce ul.products li.product .user-registration-form .ur-frontend-form .ur-submit-button,.woocommerce ul.products li.product 
.user-registration-form .ur-frontend-form input[type="submit"],.woocommerce ul.products li.product 
.user-registration-form .ur-frontend-form button[type="submit"] {
  position: relative !important;
  backdrop-filter: blur(12px) !important;
  background: rgba(57, 216, 224, 0.8) !important;
  border: 1px solid rgba(57, 216, 224, 0.3) !important;
  box-shadow:
    0 8px 32px rgba(57, 216, 224, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.3),
    inset 0 -1px 0 rgba(0, 0, 0, 0.2) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  overflow: hidden !important;
  text-decoration: none !important;
}
.woocommerce ul.products li.product .user-registration-form .ur-frontend-form .ur-submit-button::before,.woocommerce ul.products li.product 
.user-registration-form .ur-frontend-form input[type="submit"]::before,.woocommerce ul.products li.product 
.user-registration-form .ur-frontend-form button[type="submit"]::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: linear-gradient(135deg,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.1) 50%,
    rgba(0, 0, 0, 0.05) 100%) !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
  pointer-events: none !important;
}
.woocommerce ul.products li.product .user-registration-form .ur-frontend-form .ur-submit-button:hover::before,.woocommerce ul.products li.product 
.user-registration-form .ur-frontend-form input[type="submit"]:hover::before,.woocommerce ul.products li.product 
.user-registration-form .ur-frontend-form button[type="submit"]:hover::before {
  opacity: 1 !important;
}
.woocommerce ul.products li.product .user-registration-form .ur-frontend-form .ur-submit-button:hover,.woocommerce ul.products li.product 
.user-registration-form .ur-frontend-form input[type="submit"]:hover,.woocommerce ul.products li.product 
.user-registration-form .ur-frontend-form button[type="submit"]:hover {
  transform: translateY(-2px) !important;
  background: rgba(57, 216, 224, 0.9) !important;
  box-shadow:
    0 12px 40px rgba(57, 216, 224, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    inset 0 -1px 0 rgba(0, 0, 0, 0.2) !important;
}
a.user-registration-form .ur-frontend-form .ur-submit-button,
button.user-registration-form .ur-frontend-form .ur-submit-button,.user-registration-form .ur-frontend-form .ur-submit-button,a
.user-registration-form .ur-frontend-form input[type="submit"],
button
.user-registration-form .ur-frontend-form input[type="submit"],
.user-registration-form .ur-frontend-form input[type="submit"],a
.user-registration-form .ur-frontend-form button[type="submit"],
button
.user-registration-form .ur-frontend-form button[type="submit"],
.user-registration-form .ur-frontend-form button[type="submit"] {
  position: relative !important;
  backdrop-filter: blur(12px) !important;
  background: rgba(57, 216, 224, 0.8) !important;
  border: 1px solid rgba(57, 216, 224, 0.3) !important;
  box-shadow:
    0 8px 32px rgba(57, 216, 224, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.3),
    inset 0 -1px 0 rgba(0, 0, 0, 0.2) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  overflow: hidden !important;
  text-decoration: none !important;
  color: white !important;
}
a.user-registration-form .ur-frontend-form .ur-submit-button::before,
button.user-registration-form .ur-frontend-form .ur-submit-button::before,.user-registration-form .ur-frontend-form .ur-submit-button::before,a
.user-registration-form .ur-frontend-form input[type="submit"]::before,
button
.user-registration-form .ur-frontend-form input[type="submit"]::before,
.user-registration-form .ur-frontend-form input[type="submit"]::before,a
.user-registration-form .ur-frontend-form button[type="submit"]::before,
button
.user-registration-form .ur-frontend-form button[type="submit"]::before,
.user-registration-form .ur-frontend-form button[type="submit"]::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: linear-gradient(135deg,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.1) 50%,
    rgba(0, 0, 0, 0.05) 100%) !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
  pointer-events: none !important;
}
a.user-registration-form .ur-frontend-form .ur-submit-button:hover::before,
button.user-registration-form .ur-frontend-form .ur-submit-button:hover::before,.user-registration-form .ur-frontend-form .ur-submit-button:hover::before,a
.user-registration-form .ur-frontend-form input[type="submit"]:hover::before,
button
.user-registration-form .ur-frontend-form input[type="submit"]:hover::before,
.user-registration-form .ur-frontend-form input[type="submit"]:hover::before,a
.user-registration-form .ur-frontend-form button[type="submit"]:hover::before,
button
.user-registration-form .ur-frontend-form button[type="submit"]:hover::before,
.user-registration-form .ur-frontend-form button[type="submit"]:hover::before {
  opacity: 1 !important;
}
a.user-registration-form .ur-frontend-form .ur-submit-button:hover,
button.user-registration-form .ur-frontend-form .ur-submit-button:hover,.user-registration-form .ur-frontend-form .ur-submit-button:hover,a
.user-registration-form .ur-frontend-form input[type="submit"]:hover,
button
.user-registration-form .ur-frontend-form input[type="submit"]:hover,
.user-registration-form .ur-frontend-form input[type="submit"]:hover,a
.user-registration-form .ur-frontend-form button[type="submit"]:hover,
button
.user-registration-form .ur-frontend-form button[type="submit"]:hover,
.user-registration-form .ur-frontend-form button[type="submit"]:hover {
  transform: translateY(-2px) !important;
  background: rgba(57, 216, 224, 0.9) !important;
  box-shadow:
    0 12px 40px rgba(57, 216, 224, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    inset 0 -1px 0 rgba(0, 0, 0, 0.2) !important;
}
a.user-registration-form .ur-frontend-form .ur-submit-button,
button.user-registration-form .ur-frontend-form .ur-submit-button,.user-registration-form .ur-frontend-form .ur-submit-button,
a.user-registration-form .ur-frontend-form .ur-submit-button *,
button.user-registration-form .ur-frontend-form .ur-submit-button *,.user-registration-form .ur-frontend-form .ur-submit-button *,a
.user-registration-form .ur-frontend-form input[type="submit"],
button
.user-registration-form .ur-frontend-form input[type="submit"],
.user-registration-form .ur-frontend-form input[type="submit"],
a
.user-registration-form .ur-frontend-form input[type="submit"] *,
button
.user-registration-form .ur-frontend-form input[type="submit"] *,
.user-registration-form .ur-frontend-form input[type="submit"] *,a
.user-registration-form .ur-frontend-form button[type="submit"],
button
.user-registration-form .ur-frontend-form button[type="submit"],
.user-registration-form .ur-frontend-form button[type="submit"],
a
.user-registration-form .ur-frontend-form button[type="submit"] *,
button
.user-registration-form .ur-frontend-form button[type="submit"] *,
.user-registration-form .ur-frontend-form button[type="submit"] * {
  color: white !important;
}
.user-registration-form .ur-frontend-form .ur-submit-button,.user-registration-form .ur-frontend-form .ur-submit-button *,.user-registration-form .ur-frontend-form .ur-submit-button h1,.user-registration-form .ur-frontend-form .ur-submit-button h2,.user-registration-form .ur-frontend-form .ur-submit-button h3,.user-registration-form .ur-frontend-form .ur-submit-button span,.user-registration-form .ur-frontend-form .ur-submit-button div,
.user-registration-form .ur-frontend-form input[type="submit"],
.user-registration-form .ur-frontend-form input[type="submit"] *,
.user-registration-form .ur-frontend-form input[type="submit"] h1,
.user-registration-form .ur-frontend-form input[type="submit"] h2,
.user-registration-form .ur-frontend-form input[type="submit"] h3,
.user-registration-form .ur-frontend-form input[type="submit"] span,
.user-registration-form .ur-frontend-form input[type="submit"] div,
.user-registration-form .ur-frontend-form button[type="submit"],
.user-registration-form .ur-frontend-form button[type="submit"] *,
.user-registration-form .ur-frontend-form button[type="submit"] h1,
.user-registration-form .ur-frontend-form button[type="submit"] h2,
.user-registration-form .ur-frontend-form button[type="submit"] h3,
.user-registration-form .ur-frontend-form button[type="submit"] span,
.user-registration-form .ur-frontend-form button[type="submit"] div {
  color: #0D0D0D !important;
}
[data-theme="dark"] .single-product .user-registration-form .ur-frontend-form .ur-submit-button,[data-theme="dark"] .single-product 
.user-registration-form .ur-frontend-form input[type="submit"],[data-theme="dark"] .single-product 
.user-registration-form .ur-frontend-form button[type="submit"] {
  background-color: var(--six76-cyan) !important;
}
[data-theme="dark"] .single-product .user-registration-form .ur-frontend-form .ur-submit-button,
[data-theme="dark"] .single-product .user-registration-form .ur-frontend-form .ur-submit-button [class*="text-"],[data-theme="dark"] .single-product 
.user-registration-form .ur-frontend-form input[type="submit"],
[data-theme="dark"] .single-product 
.user-registration-form .ur-frontend-form input[type="submit"] [class*="text-"],[data-theme="dark"] .single-product 
.user-registration-form .ur-frontend-form button[type="submit"],
[data-theme="dark"] .single-product 
.user-registration-form .ur-frontend-form button[type="submit"] [class*="text-"] {
  color: #0D0D0D !important;
}
[data-theme="dark"] .bg-white:not(.user-registration-form .ur-frontend-form .ur-submit-button):not(.bg-six76-cyan-bright):not(.bg-six76-red),[data-theme="dark"] .bg-white:not(
.user-registration-form .ur-frontend-form input[type="submit"]):not(.bg-six76-cyan-bright):not(.bg-six76-red),[data-theme="dark"] .bg-white:not(
.user-registration-form .ur-frontend-form button[type="submit"]):not(.bg-six76-cyan-bright):not(.bg-six76-red) {
  background-color: var(--theme-card-bg) !important;
}
#masthead .user-registration-form .ur-frontend-form .ur-submit-button:hover,#masthead 
.user-registration-form .ur-frontend-form input[type="submit"]:hover,#masthead 
.user-registration-form .ur-frontend-form button[type="submit"]:hover {
  color: #4DF0FE !important;
}
.single-product .user-registration-form .ur-frontend-form .ur-submit-button,.single-product 
.user-registration-form .ur-frontend-form input[type="submit"],.single-product 
.user-registration-form .ur-frontend-form button[type="submit"] {
  color: var(--theme-text) !important;
}
.single-product .user-registration-form .ur-frontend-form .ur-submit-button,
.single-product .user-registration-form .ur-frontend-form .ur-submit-button *,
.single-product .user-registration-form .ur-frontend-form .ur-submit-button h1,
.single-product .user-registration-form .ur-frontend-form .ur-submit-button h2,
.single-product .user-registration-form .ur-frontend-form .ur-submit-button h3,
.single-product .user-registration-form .ur-frontend-form .ur-submit-button span,
.single-product .user-registration-form .ur-frontend-form .ur-submit-button div,.single-product 
.user-registration-form .ur-frontend-form input[type="submit"],
.single-product 
.user-registration-form .ur-frontend-form input[type="submit"] *,
.single-product 
.user-registration-form .ur-frontend-form input[type="submit"] h1,
.single-product 
.user-registration-form .ur-frontend-form input[type="submit"] h2,
.single-product 
.user-registration-form .ur-frontend-form input[type="submit"] h3,
.single-product 
.user-registration-form .ur-frontend-form input[type="submit"] span,
.single-product 
.user-registration-form .ur-frontend-form input[type="submit"] div,.single-product 
.user-registration-form .ur-frontend-form button[type="submit"],
.single-product 
.user-registration-form .ur-frontend-form button[type="submit"] *,
.single-product 
.user-registration-form .ur-frontend-form button[type="submit"] h1,
.single-product 
.user-registration-form .ur-frontend-form button[type="submit"] h2,
.single-product 
.user-registration-form .ur-frontend-form button[type="submit"] h3,
.single-product 
.user-registration-form .ur-frontend-form button[type="submit"] span,
.single-product 
.user-registration-form .ur-frontend-form button[type="submit"] div {
  color: white !important;
}
.user-registration-form .ur-frontend-form .ur-submit-button,
.user-registration-form .ur-frontend-form input[type="submit"],
.user-registration-form .ur-frontend-form button[type="submit"] {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.user-registration-form .ur-frontend-form .ur-submit-button:hover,
.user-registration-form .ur-frontend-form input[type="submit"]:hover,
.user-registration-form .ur-frontend-form button[type="submit"]:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(34 169 181 / var(--tw-bg-opacity, 1)) !important;
}
.user-registration-form .ur-frontend-form .ur-submit-button:focus,
.user-registration-form .ur-frontend-form input[type="submit"]:focus,
.user-registration-form .ur-frontend-form button[type="submit"]:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(57 216 224 / var(--tw-ring-opacity, 1)) !important;
  --tw-ring-offset-width: 2px !important;
}
.user-registration-form .ur-frontend-form .ur-submit-button:disabled,
.user-registration-form .ur-frontend-form input[type="submit"]:disabled,
.user-registration-form .ur-frontend-form button[type="submit"]:disabled {
  cursor: not-allowed !important;
  opacity: 0.5 !important;
}
.user-registration-form .ur-frontend-form .ur-submit-button,
.user-registration-form .ur-frontend-form input[type="submit"],
.user-registration-form .ur-frontend-form button[type="submit"] {
  border-width: 0px !important;
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.user-registration-form .ur-frontend-form .ur-submit-button:hover {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

/* Checkbox and Radio Styling */
.user-registration-form .form-row input[type="checkbox"],
.user-registration-form .form-row input[type="radio"] {
  height: 1rem;
  width: 1rem;
  border-radius: 0.25rem;
  --tw-border-opacity: 1;
  border-color: rgb(35 42 44 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(57 216 224 / var(--tw-text-opacity, 1));
}
[data-theme="dark"] .single-product .user-registration-form .form-row input[type="checkbox"],[data-theme="dark"] .single-product 
.user-registration-form .form-row input[type="radio"] {
  color: var(--six76-cyan);
}
[data-theme="dark"] .text-gray-500:not(.user-registration-form .form-row input[type="checkbox"]):not(.text-six76-cyan-bright):not(.text-six76-red),[data-theme="dark"] .text-gray-500:not(
.user-registration-form .form-row input[type="radio"]):not(.text-six76-cyan-bright):not(.text-six76-red) {
  color: var(--theme-text-secondary);
}
.single-product .user-registration-form .form-row input[type="checkbox"],.single-product 
.user-registration-form .form-row input[type="radio"] {
  color: #39D8E0;
}
.user-registration-form .form-row input[type="checkbox"]:focus,
.user-registration-form .form-row input[type="radio"]:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(57 216 224 / var(--tw-ring-opacity, 1));
}

.user-registration-form .form-row input[type="checkbox"]:checked,
.user-registration-form .form-row input[type="radio"]:checked {
  --tw-border-opacity: 1;
  border-color: rgb(57 216 224 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(57 216 224 / var(--tw-bg-opacity, 1));
}

.woocommerce ul.products li.product .user-registration-form .form-row input[type="checkbox"]:checked,.woocommerce ul.products li.product 
.user-registration-form .form-row input[type="radio"]:checked {
  position: relative;
  backdrop-filter: blur(12px);
  background: rgba(57, 216, 224, 0.8);
  border: 1px solid rgba(57, 216, 224, 0.3);
  box-shadow:
    0 8px 32px rgba(57, 216, 224, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.3),
    inset 0 -1px 0 rgba(0, 0, 0, 0.2);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
  text-decoration: none;
}

.woocommerce ul.products li.product .user-registration-form .form-row input[type="checkbox"]:checked::before,.woocommerce ul.products li.product 
.user-registration-form .form-row input[type="radio"]:checked::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.1) 50%,
    rgba(0, 0, 0, 0.05) 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.woocommerce ul.products li.product .user-registration-form .form-row input[type="checkbox"]:checked:hover::before,.woocommerce ul.products li.product 
.user-registration-form .form-row input[type="radio"]:checked:hover::before {
  opacity: 1;
}

.woocommerce ul.products li.product .user-registration-form .form-row input[type="checkbox"]:checked:hover,.woocommerce ul.products li.product 
.user-registration-form .form-row input[type="radio"]:checked:hover {
  transform: translateY(-2px);
  background: rgba(57, 216, 224, 0.9);
  box-shadow:
    0 12px 40px rgba(57, 216, 224, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

a.user-registration-form .form-row input[type="checkbox"]:checked,
button.user-registration-form .form-row input[type="checkbox"]:checked,.user-registration-form .form-row input[type="checkbox"]:checked,a
.user-registration-form .form-row input[type="radio"]:checked,
button
.user-registration-form .form-row input[type="radio"]:checked,
.user-registration-form .form-row input[type="radio"]:checked {
  position: relative;
  backdrop-filter: blur(12px);
  background: rgba(57, 216, 224, 0.8);
  border: 1px solid rgba(57, 216, 224, 0.3);
  box-shadow:
    0 8px 32px rgba(57, 216, 224, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.3),
    inset 0 -1px 0 rgba(0, 0, 0, 0.2);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
  text-decoration: none;
  color: white;
}

a.user-registration-form .form-row input[type="checkbox"]:checked::before,
button.user-registration-form .form-row input[type="checkbox"]:checked::before,.user-registration-form .form-row input[type="checkbox"]:checked::before,a
.user-registration-form .form-row input[type="radio"]:checked::before,
button
.user-registration-form .form-row input[type="radio"]:checked::before,
.user-registration-form .form-row input[type="radio"]:checked::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.1) 50%,
    rgba(0, 0, 0, 0.05) 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

a.user-registration-form .form-row input[type="checkbox"]:checked:hover::before,
button.user-registration-form .form-row input[type="checkbox"]:checked:hover::before,.user-registration-form .form-row input[type="checkbox"]:checked:hover::before,a
.user-registration-form .form-row input[type="radio"]:checked:hover::before,
button
.user-registration-form .form-row input[type="radio"]:checked:hover::before,
.user-registration-form .form-row input[type="radio"]:checked:hover::before {
  opacity: 1;
}

a.user-registration-form .form-row input[type="checkbox"]:checked:hover,
button.user-registration-form .form-row input[type="checkbox"]:checked:hover,.user-registration-form .form-row input[type="checkbox"]:checked:hover,a
.user-registration-form .form-row input[type="radio"]:checked:hover,
button
.user-registration-form .form-row input[type="radio"]:checked:hover,
.user-registration-form .form-row input[type="radio"]:checked:hover {
  transform: translateY(-2px);
  background: rgba(57, 216, 224, 0.9);
  box-shadow:
    0 12px 40px rgba(57, 216, 224, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

a.user-registration-form .form-row input[type="checkbox"]:checked,
button.user-registration-form .form-row input[type="checkbox"]:checked,.user-registration-form .form-row input[type="checkbox"]:checked,
a.user-registration-form .form-row input[type="checkbox"]:checked *,
button.user-registration-form .form-row input[type="checkbox"]:checked *,.user-registration-form .form-row input[type="checkbox"]:checked *,a
.user-registration-form .form-row input[type="radio"]:checked,
button
.user-registration-form .form-row input[type="radio"]:checked,
.user-registration-form .form-row input[type="radio"]:checked,
a
.user-registration-form .form-row input[type="radio"]:checked *,
button
.user-registration-form .form-row input[type="radio"]:checked *,
.user-registration-form .form-row input[type="radio"]:checked * {
  color: white;
}

.user-registration-form .form-row input[type="checkbox"]:checked,.user-registration-form .form-row input[type="checkbox"]:checked *,.user-registration-form .form-row input[type="checkbox"]:checked h1,.user-registration-form .form-row input[type="checkbox"]:checked h2,.user-registration-form .form-row input[type="checkbox"]:checked h3,.user-registration-form .form-row input[type="checkbox"]:checked span,.user-registration-form .form-row input[type="checkbox"]:checked div,
.user-registration-form .form-row input[type="radio"]:checked,
.user-registration-form .form-row input[type="radio"]:checked *,
.user-registration-form .form-row input[type="radio"]:checked h1,
.user-registration-form .form-row input[type="radio"]:checked h2,
.user-registration-form .form-row input[type="radio"]:checked h3,
.user-registration-form .form-row input[type="radio"]:checked span,
.user-registration-form .form-row input[type="radio"]:checked div {
  color: #0D0D0D;
}

[data-theme="dark"] .single-product .user-registration-form .form-row input[type="checkbox"]:checked,[data-theme="dark"] .single-product 
.user-registration-form .form-row input[type="radio"]:checked {
  background-color: var(--six76-cyan);
}

[data-theme="dark"] .single-product .user-registration-form .form-row input[type="checkbox"]:checked,
[data-theme="dark"] .single-product .user-registration-form .form-row input[type="checkbox"]:checked [class*="text-"],[data-theme="dark"] .single-product 
.user-registration-form .form-row input[type="radio"]:checked,
[data-theme="dark"] .single-product 
.user-registration-form .form-row input[type="radio"]:checked [class*="text-"] {
  color: #0D0D0D;
}

[data-theme="dark"] .bg-white:not(.user-registration-form .form-row input[type="checkbox"]:checked):not(.bg-six76-cyan-bright):not(.bg-six76-red),[data-theme="dark"] .bg-white:not(
.user-registration-form .form-row input[type="radio"]:checked):not(.bg-six76-cyan-bright):not(.bg-six76-red) {
  background-color: var(--theme-card-bg);
}

.single-product .user-registration-form .form-row input[type="checkbox"]:checked,
.single-product .user-registration-form .form-row input[type="checkbox"]:checked *,
.single-product .user-registration-form .form-row input[type="checkbox"]:checked h1,
.single-product .user-registration-form .form-row input[type="checkbox"]:checked h2,
.single-product .user-registration-form .form-row input[type="checkbox"]:checked h3,
.single-product .user-registration-form .form-row input[type="checkbox"]:checked span,
.single-product .user-registration-form .form-row input[type="checkbox"]:checked div,.single-product 
.user-registration-form .form-row input[type="radio"]:checked,
.single-product 
.user-registration-form .form-row input[type="radio"]:checked *,
.single-product 
.user-registration-form .form-row input[type="radio"]:checked h1,
.single-product 
.user-registration-form .form-row input[type="radio"]:checked h2,
.single-product 
.user-registration-form .form-row input[type="radio"]:checked h3,
.single-product 
.user-registration-form .form-row input[type="radio"]:checked span,
.single-product 
.user-registration-form .form-row input[type="radio"]:checked div {
  color: white;
}

/* Error Messages */
.user-registration-form .ur-frontend-form .ur-message {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.user-registration-form .ur-frontend-form .ur-message.ur-message-error {
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

@media only screen and (max-width: 479px) {
  
  .woocommerce ul.products li.product .rounded-lg.user-registration-form .ur-frontend-form .ur-message.ur-message-error.text-center {
    background: none;
    border: none;
    padding: 0;
    box-shadow: none;
    backdrop-filter: none;
    margin: 0;
    border-radius: 0;
  }
}

.six76-orders-section .user-registration-form .ur-frontend-form .ur-message.ur-message-error {
  --tw-border-opacity: 1;
  border-color: rgb(35 42 44 / var(--tw-border-opacity, 1));
}

@media (max-width: 768px) {
  .dm-products ul.products li.product .user-registration-form .ur-frontend-form .ur-message.ur-message-error {
    padding: 8px 4px 4px;
  }
}

.user-registration-form .ur-frontend-form .ur-message.ur-message-success {
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}

@media only screen and (max-width: 479px) {
  
  .woocommerce ul.products li.product .rounded-lg.user-registration-form .ur-frontend-form .ur-message.ur-message-success.text-center {
    background: none;
    border: none;
    padding: 0;
    box-shadow: none;
    backdrop-filter: none;
    margin: 0;
    border-radius: 0;
  }
}

.six76-orders-section .user-registration-form .ur-frontend-form .ur-message.ur-message-success {
  --tw-border-opacity: 1;
  border-color: rgb(35 42 44 / var(--tw-border-opacity, 1));
}

@media (max-width: 768px) {
  .dm-products ul.products li.product .user-registration-form .ur-frontend-form .ur-message.ur-message-success {
    padding: 8px 4px 4px;
  }
}

/* Form Row Spacing */
.user-registration-form .form-row:last-child {
  margin-bottom: 0px;
}

/* Required Field Indicator */
.user-registration-form .form-row label.required::after {
  content: " *";
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}

/* Password Strength Indicator */
.user-registration-form .ur-frontend-form .ur-password-strength {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.user-registration-form .ur-frontend-form .ur-password-strength.weak {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.user-registration-form .ur-frontend-form .ur-password-strength.medium {
  --tw-text-opacity: 1;
  color: rgb(202 138 4 / var(--tw-text-opacity, 1));
}

.user-registration-form .ur-frontend-form .ur-password-strength.strong {
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}

/* Form Section Headers */
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row h3 {
  margin-bottom: 1rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(13 13 13 / var(--tw-text-opacity, 1));
}
.six76-wallet-container .user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row h3,
.six76-wallet-transactions .user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row h3 {
    color: var(--theme-text);
}

/* Profile Form Specific */
.six76-profile-form .user-registration-form > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

/* Login Form Specific */
.six76-login-form .user-registration-form .form-row {
  margin-bottom: 1rem;
}

.six76-login-form .user-registration-form .form-row:last-child {
  margin-bottom: 0px;
}

/* Remember Me checkbox. The plugin wraps the checkbox inside the label with the
   text in a <span> (there is no `input + label` sibling pair to target), and the
   label otherwise inherits the page-level light text meant for the dark theme -
   unreadable on the white form card. */
.six76-login-form .user-registration-form__label-for-checkbox,
.six76-login-form .user-registration-form__label-for-checkbox span,
.six76-register-form .user-registration-form__label-for-checkbox,
.six76-register-form .user-registration-form__label-for-checkbox span,
.six76-reset-password-form .user-registration-form__label-for-checkbox,
.six76-reset-password-form .user-registration-form__label-for-checkbox span,
.six76-profile-form .user-registration-form__label-for-checkbox,
.six76-profile-form .user-registration-form__label-for-checkbox span {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(13 13 13 / var(--tw-text-opacity, 1));
}
.six76-wallet-container .six76-login-form .user-registration-form__label-for-checkbox,
.six76-wallet-transactions .six76-login-form .user-registration-form__label-for-checkbox,.six76-wallet-container 
.six76-login-form .user-registration-form__label-for-checkbox span,
.six76-wallet-transactions 
.six76-login-form .user-registration-form__label-for-checkbox span,.six76-wallet-container 
.six76-register-form .user-registration-form__label-for-checkbox,
.six76-wallet-transactions 
.six76-register-form .user-registration-form__label-for-checkbox,.six76-wallet-container 
.six76-register-form .user-registration-form__label-for-checkbox span,
.six76-wallet-transactions 
.six76-register-form .user-registration-form__label-for-checkbox span,.six76-wallet-container 
.six76-reset-password-form .user-registration-form__label-for-checkbox,
.six76-wallet-transactions 
.six76-reset-password-form .user-registration-form__label-for-checkbox,.six76-wallet-container 
.six76-reset-password-form .user-registration-form__label-for-checkbox span,
.six76-wallet-transactions 
.six76-reset-password-form .user-registration-form__label-for-checkbox span,.six76-wallet-container 
.six76-profile-form .user-registration-form__label-for-checkbox,
.six76-wallet-transactions 
.six76-profile-form .user-registration-form__label-for-checkbox,.six76-wallet-container 
.six76-profile-form .user-registration-form__label-for-checkbox span,
.six76-wallet-transactions 
.six76-profile-form .user-registration-form__label-for-checkbox span {
    color: var(--theme-text);
}

/* Override plugin link colors */
.six76-login-form .user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row a,
.six76-login-form .user-registration-form a,
.six76-register-form .user-registration-form a,
.six76-reset-password-form .user-registration-form a {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  --tw-text-opacity: 1 !important;
  color: rgb(57 216 224 / var(--tw-text-opacity, 1)) !important;
}
[data-theme="dark"] .single-product .six76-login-form .user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row a,[data-theme="dark"] .single-product 
.six76-login-form .user-registration-form a,[data-theme="dark"] .single-product 
.six76-register-form .user-registration-form a,[data-theme="dark"] .single-product 
.six76-reset-password-form .user-registration-form a {
  color: var(--six76-cyan) !important;
}
[data-theme="dark"] .text-gray-500:not(.six76-login-form .user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row a):not(.text-six76-cyan-bright):not(.text-six76-red),[data-theme="dark"] .text-gray-500:not(
.six76-login-form .user-registration-form a):not(.text-six76-cyan-bright):not(.text-six76-red),[data-theme="dark"] .text-gray-500:not(
.six76-register-form .user-registration-form a):not(.text-six76-cyan-bright):not(.text-six76-red),[data-theme="dark"] .text-gray-500:not(
.six76-reset-password-form .user-registration-form a):not(.text-six76-cyan-bright):not(.text-six76-red) {
  color: var(--theme-text-secondary) !important;
}
.single-product .six76-login-form .user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row a,.single-product 
.six76-login-form .user-registration-form a,.single-product 
.six76-register-form .user-registration-form a,.single-product 
.six76-reset-password-form .user-registration-form a {
  color: #39D8E0 !important;
}
.six76-login-form .user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row a:hover,
.six76-login-form .user-registration-form a:hover,
.six76-register-form .user-registration-form a:hover,
.six76-reset-password-form .user-registration-form a:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(34 169 181 / var(--tw-text-opacity, 1)) !important;
}

/* Registration Form Specific */
.six76-register-form .user-registration-form .form-row {
  margin-bottom: 1rem;
}

/* Terms and Conditions */
.six76-register-form .user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-frontend-form .ur-form-row {
  margin-bottom: 1rem;
}

.six76-register-form .user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-frontend-form .ur-form-row label {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(147 160 163 / var(--tw-text-opacity, 1));
}

.single-product .six76-register-form .user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-frontend-form .ur-form-row label {
  color: var(--theme-text-secondary);
}

/* Password Reset Form Specific */
.six76-reset-password-form .user-registration-form .form-row {
  margin-bottom: 1rem;
}

/* Account Dashboard Specific */
.six76-account-dashboard .six76-profile-section {
  margin-bottom: 2rem;
}

.six76-account-stats .space-y-3 > div {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(35 42 44 / var(--tw-border-opacity, 1));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.six76-account-stats .space-y-3 > div:last-child {
  border-bottom-width: 0px;
}

.six76-quick-actions .space-y-3 a {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}

/* Orders Page Specific */
.six76-orders-section .six76-orders-content {
  max-width: 100%;
}

.six76-orders-section .border {
  --tw-border-opacity: 1;
  border-color: rgb(35 42 44 / var(--tw-border-opacity, 1));
}

.six76-orders-section .hover\:shadow-md:hover {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

/* Order Status Badges */
.six76-orders-section .bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}

.six76-orders-section .bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}

.six76-orders-section .bg-yellow-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
}

.six76-orders-section .bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}

.six76-orders-section .bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

[data-theme="dark"] .single-product .six76-orders-section .bg-gray-100 {
  background-color: var(--theme-card-bg);
}

/* Responsive Adjustments */
@media (max-width: 1024px) {
  .six76-login-form,
  .six76-register-form,
  .six76-reset-password-form,
  .six76-profile-form {
    max-width: 64rem;
  }
  
  .six76-register-form {
    max-width: 64rem;
  }
}

@media (max-width: 768px) {
  .six76-login-form,
  .six76-register-form,
  .six76-reset-password-form,
  .six76-profile-form {
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  
  .six76-login-form .user-registration-form,
  .six76-register-form .user-registration-form,
  .six76-reset-password-form .user-registration-form,
  .six76-profile-form .user-registration-form {
    padding: 1rem;
  }
  
  .six76-account-dashboard .grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  
  .six76-profile-section {
    padding: 1rem;
  }
  
  /* Improve mobile form field spacing */
  .user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row {
    margin-bottom: 1rem;
  }
  
  /* Stack form fields vertically on mobile */
  .user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
  }
@media (max-width: 767px) {
  .products.grid.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid {
    justify-items: center;
  }
  .products.grid.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid > li {
    width: 100%;
    max-width: calc(100vw - 2rem);
  }
}
}

@media (max-width: 480px) {
  .six76-login-form,
  .six76-register-form,
  .six76-reset-password-form,
  .six76-profile-form {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  
  .six76-login-form .user-registration-form,
  .six76-register-form .user-registration-form,
  .six76-reset-password-form .user-registration-form,
  .six76-profile-form .user-registration-form {
    padding: 0.5rem;
  }
  
  /* Smaller padding for mobile inputs */
  .user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input,
  .user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row textarea,
  .user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row select {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  
  /* Smaller button padding on mobile */
  .user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-submit-button,
  .user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input[type="submit"] {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

/* Loading States */
.user-registration-form .ur-frontend-form .ur-submit-button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

/* Form Validation Styles */
.user-registration-form .form-row input.error,
.user-registration-form .form-row textarea.error,
.user-registration-form .form-row select.error {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.user-registration-form .form-row input.error:focus,
.user-registration-form .form-row textarea.error:focus,
.user-registration-form .form-row select.error:focus {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
}

.user-registration-form .form-row .field-error {
  margin-top: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

/* Success Message Styling */
.user-registration-form .ur-frontend-form .ur-message.ur-message-success {
  display: flex;
  align-items: center;
}
@media (max-width: 1023px) {
  #mobile-menu .user-registration-form .ur-frontend-form .ur-message.ur-message-success.items-center.justify-between {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  #mobile-menu .flex.user-registration-form .ur-frontend-form .ur-message.ur-message-success.justify-between {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
}
@media (max-width: 640px) {
  .filters-section .user-registration-form .ur-frontend-form .ur-message.ur-message-success {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
}

.user-registration-form .ur-frontend-form .ur-message.ur-message-success::before {
  content: "✓";
  margin-right: 0.5rem;
  font-weight: 700;
}

/* Additional plugin overrides to ensure theme consistency */
.user-registration-form .ur-frontend-form {
  background-color: transparent !important;
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  border-width: 0px !important;
  padding: 0px !important;
}

/* Add proper spacing to form containers */
.six76-login-form,
.six76-register-form,
.six76-reset-password-form {
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 2rem;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
[data-theme="dark"] .single-product .six76-login-form,[data-theme="dark"] .single-product 
.six76-register-form,[data-theme="dark"] .single-product 
.six76-reset-password-form {
  background-color: var(--theme-card-bg);
}
[data-theme="dark"] .six76-login-form:not(.bg-six76-cyan):not(.bg-six76-cyan-bright):not(.bg-six76-red),[data-theme="dark"] 
.six76-register-form:not(.bg-six76-cyan):not(.bg-six76-cyan-bright):not(.bg-six76-red),[data-theme="dark"] 
.six76-reset-password-form:not(.bg-six76-cyan):not(.bg-six76-cyan-bright):not(.bg-six76-red) {
  background-color: var(--theme-card-bg);
}
[data-theme="dark"] .single-product .six76-login-form,[data-theme="dark"] .single-product 
.six76-register-form,[data-theme="dark"] .single-product 
.six76-reset-password-form {
  background-color: var(--theme-card-bg);
}

/* Better spacing for registration form */
.six76-register-form {
  padding: 2.5rem;
}

/* Override any plugin-added backgrounds */
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid {
  background-color: transparent !important;
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  border-width: 0px !important;
}

/* Ensure form fields use our styling */
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input,
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row textarea,
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row select {
  width: 100% !important;
  border-radius: 0.375rem !important;
  border-width: 1px !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(35 42 44 / var(--tw-border-opacity, 1)) !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.six76-orders-section .user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input,.six76-orders-section 
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row textarea,.six76-orders-section 
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row select {
  --tw-border-opacity: 1;
  border-color: rgb(35 42 44 / var(--tw-border-opacity, 1));
}
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input:focus,
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row textarea:focus,
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row select:focus {
  --tw-border-opacity: 1 !important;
  border-color: rgb(57 216 224 / var(--tw-border-opacity, 1)) !important;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(57 216 224 / var(--tw-ring-opacity, 1)) !important;
}
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input,
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row textarea,
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row select {
  --tw-text-opacity: 1 !important;
  color: rgb(13 13 13 / var(--tw-text-opacity, 1)) !important;
}
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input::-moz-placeholder, .user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row textarea::-moz-placeholder, .user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row select::-moz-placeholder {
  --tw-placeholder-opacity: 1 !important;
  color: rgb(147 160 163 / var(--tw-placeholder-opacity, 1)) !important;
}
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input::placeholder,
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row textarea::placeholder,
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row select::placeholder {
  --tw-placeholder-opacity: 1 !important;
  color: rgb(147 160 163 / var(--tw-placeholder-opacity, 1)) !important;
}
.six76-wallet-container .user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input,
.six76-wallet-transactions .user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input,.six76-wallet-container 
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row textarea,
.six76-wallet-transactions 
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row textarea,.six76-wallet-container 
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row select,
.six76-wallet-transactions 
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row select {
    color: var(--theme-text) !important;
}
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input,
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row textarea,
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row select {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}
[data-theme="dark"] .single-product .user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input,[data-theme="dark"] .single-product 
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row textarea,[data-theme="dark"] .single-product 
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row select {
  background-color: var(--theme-card-bg) !important;
}
[data-theme="dark"] .user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input:not(.bg-six76-cyan):not(.bg-six76-cyan-bright):not(.bg-six76-red),[data-theme="dark"] 
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row textarea:not(.bg-six76-cyan):not(.bg-six76-cyan-bright):not(.bg-six76-red),[data-theme="dark"] 
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row select:not(.bg-six76-cyan):not(.bg-six76-cyan-bright):not(.bg-six76-red) {
  background-color: var(--theme-card-bg) !important;
}
[data-theme="dark"] .single-product .user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input,[data-theme="dark"] .single-product 
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row textarea,[data-theme="dark"] .single-product 
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row select {
  background-color: var(--theme-card-bg) !important;
}

/* Override any plugin-added button styles */
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-submit-button,
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input[type="submit"] {
  width: 100% !important;
  border-radius: 0.375rem !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(57 216 224 / var(--tw-bg-opacity, 1)) !important;
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
  font-weight: 500 !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.woocommerce ul.products li.product .user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-submit-button,.woocommerce ul.products li.product 
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input[type="submit"] {
  position: relative !important;
  backdrop-filter: blur(12px) !important;
  background: rgba(57, 216, 224, 0.8) !important;
  border: 1px solid rgba(57, 216, 224, 0.3) !important;
  box-shadow:
    0 8px 32px rgba(57, 216, 224, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.3),
    inset 0 -1px 0 rgba(0, 0, 0, 0.2) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  overflow: hidden !important;
  text-decoration: none !important;
}
.woocommerce ul.products li.product .user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-submit-button::before,.woocommerce ul.products li.product 
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input[type="submit"]::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: linear-gradient(135deg,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.1) 50%,
    rgba(0, 0, 0, 0.05) 100%) !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
  pointer-events: none !important;
}
.woocommerce ul.products li.product .user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-submit-button:hover::before,.woocommerce ul.products li.product 
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input[type="submit"]:hover::before {
  opacity: 1 !important;
}
.woocommerce ul.products li.product .user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-submit-button:hover,.woocommerce ul.products li.product 
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input[type="submit"]:hover {
  transform: translateY(-2px) !important;
  background: rgba(57, 216, 224, 0.9) !important;
  box-shadow:
    0 12px 40px rgba(57, 216, 224, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    inset 0 -1px 0 rgba(0, 0, 0, 0.2) !important;
}
a.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-submit-button,
button.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-submit-button,.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-submit-button,a
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input[type="submit"],
button
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input[type="submit"],
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input[type="submit"] {
  position: relative !important;
  backdrop-filter: blur(12px) !important;
  background: rgba(57, 216, 224, 0.8) !important;
  border: 1px solid rgba(57, 216, 224, 0.3) !important;
  box-shadow:
    0 8px 32px rgba(57, 216, 224, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.3),
    inset 0 -1px 0 rgba(0, 0, 0, 0.2) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  overflow: hidden !important;
  text-decoration: none !important;
  color: white !important;
}
a.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-submit-button::before,
button.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-submit-button::before,.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-submit-button::before,a
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input[type="submit"]::before,
button
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input[type="submit"]::before,
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input[type="submit"]::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: linear-gradient(135deg,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.1) 50%,
    rgba(0, 0, 0, 0.05) 100%) !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
  pointer-events: none !important;
}
a.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-submit-button:hover::before,
button.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-submit-button:hover::before,.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-submit-button:hover::before,a
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input[type="submit"]:hover::before,
button
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input[type="submit"]:hover::before,
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input[type="submit"]:hover::before {
  opacity: 1 !important;
}
a.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-submit-button:hover,
button.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-submit-button:hover,.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-submit-button:hover,a
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input[type="submit"]:hover,
button
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input[type="submit"]:hover,
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input[type="submit"]:hover {
  transform: translateY(-2px) !important;
  background: rgba(57, 216, 224, 0.9) !important;
  box-shadow:
    0 12px 40px rgba(57, 216, 224, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    inset 0 -1px 0 rgba(0, 0, 0, 0.2) !important;
}
a.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-submit-button,
button.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-submit-button,.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-submit-button,
a.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-submit-button *,
button.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-submit-button *,.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-submit-button *,a
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input[type="submit"],
button
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input[type="submit"],
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input[type="submit"],
a
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input[type="submit"] *,
button
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input[type="submit"] *,
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input[type="submit"] * {
  color: white !important;
}
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-submit-button,.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-submit-button *,.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-submit-button h1,.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-submit-button h2,.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-submit-button h3,.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-submit-button span,.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-submit-button div,
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input[type="submit"],
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input[type="submit"] *,
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input[type="submit"] h1,
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input[type="submit"] h2,
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input[type="submit"] h3,
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input[type="submit"] span,
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input[type="submit"] div {
  color: #0D0D0D !important;
}
[data-theme="dark"] .single-product .user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-submit-button,[data-theme="dark"] .single-product 
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input[type="submit"] {
  background-color: var(--six76-cyan) !important;
}
[data-theme="dark"] .single-product .user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-submit-button,
[data-theme="dark"] .single-product .user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-submit-button [class*="text-"],[data-theme="dark"] .single-product 
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input[type="submit"],
[data-theme="dark"] .single-product 
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input[type="submit"] [class*="text-"] {
  color: #0D0D0D !important;
}
[data-theme="dark"] .bg-white:not(.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-submit-button):not(.bg-six76-cyan-bright):not(.bg-six76-red),[data-theme="dark"] .bg-white:not(
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input[type="submit"]):not(.bg-six76-cyan-bright):not(.bg-six76-red) {
  background-color: var(--theme-card-bg) !important;
}
#masthead .user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-submit-button:hover,#masthead 
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input[type="submit"]:hover {
  color: #4DF0FE !important;
}
.single-product .user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-submit-button,.single-product 
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input[type="submit"] {
  color: var(--theme-text) !important;
}
.single-product .user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-submit-button,
.single-product .user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-submit-button *,
.single-product .user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-submit-button h1,
.single-product .user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-submit-button h2,
.single-product .user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-submit-button h3,
.single-product .user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-submit-button span,
.single-product .user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-submit-button div,.single-product 
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input[type="submit"],
.single-product 
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input[type="submit"] *,
.single-product 
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input[type="submit"] h1,
.single-product 
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input[type="submit"] h2,
.single-product 
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input[type="submit"] h3,
.single-product 
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input[type="submit"] span,
.single-product 
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input[type="submit"] div {
  color: white !important;
}
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-submit-button,
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input[type="submit"] {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-submit-button:hover,
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input[type="submit"]:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(34 169 181 / var(--tw-bg-opacity, 1)) !important;
}
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-submit-button:focus,
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input[type="submit"]:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(57 216 224 / var(--tw-ring-opacity, 1)) !important;
  --tw-ring-offset-width: 2px !important;
}
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-submit-button:disabled,
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input[type="submit"]:disabled {
  cursor: not-allowed !important;
  opacity: 0.5 !important;
}
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-submit-button,
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input[type="submit"] {
  border-width: 0px !important;
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
/* Footer Theme-Aware Styling */

/* Newsletter Section - dark neon panel */
.six76-footer-newsletter {
  background:
    radial-gradient(ellipse 80% 120% at 50% -20%, rgba(57, 216, 224, 0.14) 0%, rgba(57, 216, 224, 0) 60%),
    linear-gradient(180deg, #10181A 0%, #0B0F10 100%);
  border-top: 1px solid rgba(57, 216, 224, 0.22);
  color: white;
}

/* Ensure all text in newsletter section is white */
.six76-footer-newsletter * {
  color: white !important;
}

.six76-footer-newsletter h2 {
  color: white !important;
}

.six76-footer-newsletter p {
  color: rgba(255, 255, 255, 0.9) !important;
}

.six76-footer-newsletter a {
  color: white !important;
  text-decoration: underline;
}

.six76-footer-newsletter a:hover {
  color: #4DF0FE !important;
}

/* Extra high specificity overrides to keep newsletter text white */
section.six76-footer-newsletter h2.text-theme-text-on-color {
  color: white !important;
}

section.six76-footer-newsletter p.text-theme-text-on-color {
  color: rgba(255, 255, 255, 0.9) !important;
}

/* Override any Tailwind utility classes in footer newsletter */
.six76-footer-newsletter [class*="text-"]:not(.text-six76-cyan-bright) {
  color: white !important;
}

/* Navigation Section - Theme Aware */
.six76-footer-nav {
  background-color: var(--theme-primary);
}

.six76-footer-nav a {
  color: var(--theme-text);
  transition: color 0.3s ease;
}

.six76-footer-nav a:hover {
  color: var(--theme-accent);
}

.six76-footer-nav-link {
  color: var(--theme-text);
  transition: color 0.3s ease;
}

.six76-footer-nav-link:hover {
  color: var(--theme-accent);
}

/* Footer nav columns (Competitions / Account & Support / Legal) */
.six76-footer-col-title {
  color: var(--theme-text-secondary);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 1rem;
}

.six76-footer-col-links {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

/* The column links are 17px-tall text; on a phone that is well under the 44px
 * minimum and they sit close enough together to mis-tap. Give each one a full
 * 44px row (centred, matching the column's `text-center` on mobile). */
.six76-footer-col-links .six76-footer-nav-link {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
}

/* The 44px rows carry their own spacing, so the list gap can shrink and the
 * footer doesn't grow a screen taller on a phone. */
@media (max-width: 639px) {
  .six76-footer-col-links {
    gap: 0.125rem;
  }
}

@media (min-width: 640px) {
  .six76-footer-col-links .six76-footer-nav-link {
    justify-content: flex-start;
  }
}

/* Company Info Section - Theme Aware */
.six76-footer-company {
  background-color: var(--theme-bg);
  border-top: 1px solid var(--theme-border);
}

.six76-footer-company .six76-footer-text {
  color: var(--theme-text);
}

.six76-footer-company .six76-footer-text-secondary {
  color: var(--theme-text-secondary);
}

/* Payment methods styling */
.six76-payment-methods {
  color: var(--theme-text);
}

/* Card badges stay light so the scheme colours read correctly on dark */
.six76-payment-card {
  background-color: #F5F6F7;
  border: 1px solid rgba(255, 255, 255, 0.25);
}

.six76-payment-card span {
  color: #333 !important;
  font-weight: bold;
}

/* Social media icons */
.six76-social-icon {
  background-color: var(--theme-card-bg);
  border: 1px solid rgba(57, 216, 224, 0.35);
  transition: all 0.3s ease;
}

.six76-social-icon:hover {
  background-color: #22A9B5;
  box-shadow: 0 0 14px rgba(57, 216, 224, 0.4);
}

/* Company info text on dark backgrounds */
.six76-footer-company .six76-footer-text,
.six76-footer-company .six76-footer-text-secondary,
.six76-footer-company .six76-payment-methods {
  color: white !important;
}

.six76-footer-company .six76-footer-text-secondary {
  color: var(--theme-text-secondary) !important;
}

/* Scroll to top button */
.six76-scroll-to-top {
  background-color: var(--theme-secondary);
  color: #06282B !important;
  transition: all 0.3s ease;
}

.six76-scroll-to-top:hover {
  background-color: #4DF0FE;
  box-shadow: 0 0 18px rgba(77, 240, 254, 0.5);
}
/* Front Page Theme-Aware Styling */

/* Mobile Banner Container Fix */
@media (max-width: 430px) {
  .promotional-banner {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .wdw-banner-container {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* Mobile Competition Grid Layout */
@media (max-width: 767px) {
  /* Remove max-width constraint on mobile for competition cards */
  .products li .bg-theme-card {
    max-width: none !important;
    width: 100% !important;
  }

  /* Ensure proper spacing and centering on mobile */
  .products.grid {
    gap: 1rem !important;
    padding: 0 !important;
  }

  /* Center single competition cards on mobile */
  .products.grid.grid-cols-1 {
    justify-items: center;
  }

  /* Ensure competition cards take full available width with margins */
  .products.grid.grid-cols-1 > li {
    width: 100%;
    max-width: calc(100vw - 2rem);
  }
}

/* Smaller phones (iPhone SE, etc.) - tighter 2x2 grid */
@media (max-width: 580px) {
  .products.grid {
    gap: 0.5rem !important;
  }

  .products li .bg-theme-card {
    padding: 0.75rem !important;
  }
}

/* How to Play Section - dark neon panel */
.six76-how-to-play {
  background: linear-gradient(160deg, #10181A 0%, #0A0E0F 100%) !important;
  border-top: 1px solid rgba(57, 216, 224, 0.18);
  border-bottom: 1px solid rgba(57, 216, 224, 0.18);
}

.six76-how-to-play-card {
  background-color: var(--theme-card-bg);
  border: 1px solid rgba(57, 216, 224, 0.22);
  box-shadow: 0 0 30px rgba(57, 216, 224, 0.08);
}

.six76-step-title {
  color: var(--theme-secondary);
}

.six76-step-description {
  color: var(--theme-text);
}

/* The homepage category tabs (.catalog-tab) are hollow cyan pills, shared with
   the merch and Competitions filters — see the "Filter pills" block in
   _merch-page.css. */

/* Liquid Glass Button Effect for Enter Now buttons */
.six76-liquid-glass-btn {
  background: rgba(57, 216, 224, 0.8) !important;
  backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(57, 216, 224, 0.3) !important;
  box-shadow:
    0 8px 32px rgba(57, 216, 224, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.3),
    inset 0 -1px 0 rgba(0, 0, 0, 0.2) !important;
  color: #06282B !important;
  font-weight: 700 !important;
  position: relative !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
}

.six76-liquid-glass-btn::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: linear-gradient(135deg,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.1) 50%,
    rgba(0, 0, 0, 0.05) 100%) !important;
  pointer-events: none !important;
}

.six76-liquid-glass-btn:hover {
  background: rgba(57, 216, 224, 0.9) !important;
  box-shadow:
    0 12px 40px rgba(57, 216, 224, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    inset 0 -1px 0 rgba(0, 0, 0, 0.2) !important;
  transform: translateY(-1px) !important;
}

/* View All Competitions Button - Liquid Glass Effect */
.ending-soon .inline-flex {
  position: relative;
  backdrop-filter: blur(12px);
  background: rgba(57, 216, 224, 0.8) !important;
  border: 1px solid rgba(57, 216, 224, 0.3) !important;
  box-shadow:
    0 8px 32px rgba(57, 216, 224, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.3),
    inset 0 -1px 0 rgba(0, 0, 0, 0.2) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  overflow: hidden;
}

.ending-soon .inline-flex::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.1) 50%,
    rgba(0, 0, 0, 0.05) 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.ending-soon .inline-flex:hover::before {
  opacity: 1;
}

.ending-soon .inline-flex:hover {
  transform: translateY(-2px);
  background: rgba(57, 216, 224, 0.9) !important;
  box-shadow:
    0 12px 40px rgba(57, 216, 224, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    inset 0 -1px 0 rgba(0, 0, 0, 0.2) !important;
}

/* Ensure glassy cyan CTAs carry ink text (brand: black text on cyan) */
.ending-soon .inline-flex,
.ending-soon .inline-flex svg {
  color: #06282B !important;
}

/* --- 676 Hero (fallback when the banner manager is inactive) --- */
.six76-hero {
  background:
    radial-gradient(ellipse 90% 130% at 85% -10%, rgba(57, 216, 224, 0.16) 0%, rgba(57, 216, 224, 0) 55%),
    linear-gradient(160deg, #11181A 0%, #0A0D0E 70%);
  border: 1px solid rgba(57, 216, 224, 0.22);
  box-shadow:
    0 24px 60px rgba(0, 0, 0, 0.55),
    0 0 40px rgba(57, 216, 224, 0.08);
}

.six76-hero-accent {
  color: #39D8E0;
  text-shadow:
    0 0 12px rgba(57, 216, 224, 0.55),
    0 0 40px rgba(57, 216, 224, 0.3);
}

.six76-btn-hero-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 2.5rem;
  border-radius: 0.5rem;
  background-color: #39D8E0;
  color: #06282B !important;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  box-shadow: 0 0 20px rgba(57, 216, 224, 0.45);
  transition: all 0.25s ease;
}

.six76-btn-hero-primary:hover {
  background-color: #4DF0FE;
  box-shadow: 0 0 34px rgba(77, 240, 254, 0.6);
  transform: translateY(-2px);
}

.six76-btn-hero-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 2.5rem;
  border-radius: 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #F5F6F7;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  transition: all 0.25s ease;
}

.six76-btn-hero-secondary:hover {
  border-color: rgba(57, 216, 224, 0.7);
  color: #39D8E0;
  box-shadow: 0 0 20px rgba(57, 216, 224, 0.25);
}

.six76-trust-chip {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.875rem 1rem;
  border-radius: 0.5rem;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

/* --- Previous winners cards (dark, replaces old inline styles) --- */
.six76-winner-card {
  box-shadow:
    0 25px 50px -12px rgba(0, 0, 0, 0.6),
    0 0 0 1px rgba(57, 216, 224, 0.15);
}

.six76-winner-card:hover {
  box-shadow:
    0 25px 50px -12px rgba(0, 0, 0, 0.7),
    0 0 24px rgba(57, 216, 224, 0.25),
    0 0 0 1px rgba(57, 216, 224, 0.35);
}

.six76-winner-photo {
  background: linear-gradient(135deg, #1B2325 0%, #12181A 100%);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.35);
}
/* Homepage hero for competitions flagged "Hero Featured".
 *
 * Sits on top of the .six76-hero panel (see _front-page.css) and adds the
 * product image as a bleeding right-hand backdrop, plus the rotating-hero
 * chrome used when several competitions carry the flag.
 * Markup: template-parts/hero-competitions.php
 */

.six76-hero-competitions .six76-hero-slide {
  position: relative;
  overflow: hidden;
}

/* Product shot bleeds in from the right; the gradient keeps the copy legible
   over it at every breakpoint. */
.six76-hero-media {
  position: absolute;
  inset: 0;
  z-index: 0;
}

/* Overlay strength is driven by custom properties so it can vary per slide.
   The modifier classes below are chosen by six76_hero_overlay_class()
   (inc/shop-grid.php): the Customiser sets the site default and each
   competition can override it from its "676 Homepage" product tab. The
   fallback values equal the "medium" tier; "dark" is the original pre-option
   gradient. */
.six76-hero-media::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(10, 13, 14, var(--six76-hero-overlay-strong, 0.8)) 12%,
    rgba(10, 13, 14, var(--six76-hero-overlay-mid, 0.55)) 45%,
    rgba(10, 13, 14, var(--six76-hero-overlay-weak, 0.15)) 100%
  );
}

.six76-hero-overlay-light {
  --six76-hero-overlay-strong: 0.6;
  --six76-hero-overlay-mid: 0.35;
  --six76-hero-overlay-weak: 0.05;
}

.six76-hero-overlay-medium {
  --six76-hero-overlay-strong: 0.8;
  --six76-hero-overlay-mid: 0.55;
  --six76-hero-overlay-weak: 0.15;
}

.six76-hero-overlay-dark {
  --six76-hero-overlay-strong: 1;
  --six76-hero-overlay-mid: 0.82;
  --six76-hero-overlay-weak: 0.35;
}

/* A whisper of shadow keeps the copy readable on the lighter overlays. */
.six76-hero-competitions .six76-hero-inner h1,
.six76-hero-competitions .six76-hero-inner p {
  text-shadow: 0 1px 10px rgba(10, 13, 14, 0.65);
}

.six76-hero-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center right;
     object-position: center right;
}

.six76-hero-competitions .six76-hero-inner {
  position: relative;
  z-index: 1;
  max-width: 40rem;
}

.six76-hero-badge {
  display: inline-block;
  padding: 0.375rem 0.875rem;
  border: 1px solid rgba(57, 216, 224, 0.65);
  border-radius: 999px;
  color: #39d8e0;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

/* Woo renders the price as markup; keep it inline with the sentence around it. */
.six76-hero-competitions .price {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}

/* ---------- Product-image fallback (no hero banner uploaded) ----------
 *
 * Only a purpose-made wide banner (_six76_hero_banner_id, 676 Homepage tab)
 * is stretched edge-to-edge as the backdrop. When a slide falls back to the
 * product image — near-square, often with text baked in — cover-cropping it
 * into the ~2.6:1 panel chops the subject, so on desktop the shot is shown
 * whole instead: contained and right-aligned over the panel's own dark
 * gradient (.six76-hero, _front-page.css). Phones keep the full-bleed
 * treatment; the panel is tall enough there for the crop to behave.
 */
@media (min-width: 768px) {
  .six76-hero-slide--contain .six76-hero-media {
    left: 42%; /* keep the shot clear of the copy column */
    padding: 2rem 2.5rem 2rem 0;
  }

  .six76-hero-slide--contain .six76-hero-image {
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center right;
       object-position: center right;
    /* Fade the shot's left edge into the panel so the un-cropped rectangle
       doesn't read as a pasted-on card. */
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 18%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 18%);
  }

  /* The copy no longer sits over the image, so the per-slide overlay tiers
     would only dim the product shot; a whisper of blending on the left is
     all that's needed. */
  .six76-hero-slide--contain .six76-hero-media::after {
    background: linear-gradient(
      90deg,
      rgba(10, 13, 14, 0.6) 0%,
      rgba(10, 13, 14, 0) 35%
    );
  }
}

/* ---------- Rotating hero (more than one flagged competition) ---------- */

.six76-hero-swiper .swiper-slide {
  height: auto;
}

.six76-hero-pagination {
  position: absolute;
  bottom: 1rem;
  z-index: 2;
}

.six76-hero-pagination .swiper-pagination-bullet {
  background: rgba(57, 216, 224, 0.35);
  opacity: 1;
}

.six76-hero-pagination .swiper-pagination-bullet-active {
  background: #39d8e0;
}

/* On phones the copy sits centred over a dimmed full-bleed image; the same
   per-slide custom properties scale the vertical gradient. */
@media (max-width: 767px) {
  .six76-hero-media::after {
    background: linear-gradient(
      180deg,
      rgba(10, 13, 14, var(--six76-hero-overlay-mid, 0.55)) 0%,
      rgba(10, 13, 14, var(--six76-hero-overlay-strong, 0.8)) 70%
    );
  }

  .six76-hero-competitions .six76-hero-inner {
    max-width: none;
  }
}
/* Elementor-built homepage hero.
 *
 * Chrome for the seeded Loop Carousel slide template and the editable static
 * fallback hero (scripts/seed-elementor-homepage.php, inc/hero-elementor.php).
 * Reuses the coded hero's visual language (_front-page.css,
 * _hero-competitions.css) so the Elementor page matches it on first seed —
 * the client restyles from there in the editor.
 */

/* The carousel and the fallback are both on the page; exactly one shows.
   six76_hero_elementor_body_class() stamps the body server-side, so neither
   hero flashes while the other loads. */
.six76-has-hero-comps .six76-hero-fallback {
  display: none;
}

body:not(.six76-has-hero-comps) .six76-hero-el-carousel {
  display: none;
}

/* --- Loop slide chrome ---------------------------------------------------
 * The legibility gradient over the backdrop is NOT here: Elementor renders a
 * container's background overlay on its own ::before, so the seeder sets it
 * through the native background_overlay_* settings (editable per slide in
 * the editor) rather than a theme pseudo-element that would fight it. */
.six76-hero-slide-el {
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
  min-height: 24rem;
}

/* Keep every child above the overlay, whichever wrapper Elementor renders. */
.six76-hero-slide-el > .e-con-inner,
.six76-hero-slide-el > .elementor-widget,
.six76-hero-slide-el > .e-con {
  position: relative;
  z-index: 1;
}

/* Match the coded hero's copy column (max-width: 40rem on .six76-hero-inner)
   so slide text never spans the full banner. */
.six76-hero-slide-el .elementor-heading-title {
  max-width: 40rem;
}

/* Kicker — only a bonus prize draw has one ("Enter any competition and get a
   free entry into" running into the title); on standard slides the copy tag
   returns nothing, so collapse the empty element. */
.six76-hero-kicker-el .elementor-heading-title {
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-shadow: 0 1px 10px rgba(10, 13, 14, 0.65);
}

.six76-hero-kicker-el .elementor-heading-title:empty {
  display: none;
}

/* The swiper viewport clips the slides square; round it like the coded
   hero's panel (rounded-2xl). */
.six76-hero-el-carousel .swiper {
  border-radius: 1rem;
  overflow: hidden;
}

/* Carousel controls — cyan to match the coded hero's chrome. */
.six76-hero-el-carousel .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #39d8e0;
  opacity: 0.35;
  transition: opacity 0.2s ease;
}

.six76-hero-el-carousel .swiper-pagination-bullet-active {
  opacity: 1;
  box-shadow: 0 0 10px rgba(57, 216, 224, 0.7);
}

.six76-hero-el-carousel .elementor-swiper-button {
  color: #39d8e0;
}

.six76-hero-el-carousel .elementor-swiper-button svg {
  fill: currentColor;
  width: 2rem;
  height: 2rem;
}

.six76-hero-badge-el .elementor-heading-title {
  display: inline-block;
  padding: 0.375rem 0.875rem;
  border: 1px solid rgba(57, 216, 224, 0.65);
  border-radius: 999px;
  color: #39d8e0;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.six76-hero-title-el .elementor-heading-title {
  font-size: 1.875rem;
  font-weight: 800;
  line-height: 1.15;
  text-transform: uppercase;
  text-shadow: 0 1px 10px rgba(10, 13, 14, 0.65);
}

.six76-hero-price-el .elementor-heading-title {
  font-size: 1.125rem;
  text-shadow: 0 1px 10px rgba(10, 13, 14, 0.65);
}

/* Woo renders the price as markup; keep it inline with the sentence. */
.six76-hero-price-el .price,
.six76-hero-price-el .woocommerce-Price-amount {
  display: inline;
  color: inherit;
  font-size: inherit;
}

.six76-hero-draw-el .elementor-heading-title {
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .six76-hero-title-el .elementor-heading-title {
    font-size: 3rem;
  }

  .six76-hero-price-el .elementor-heading-title {
    font-size: 1.25rem;
  }
}

/* --- Buttons -------------------------------------------------------------
 * Elementor's Button widget styles its own <a>, so the coded hero CTA
 * treatment (.six76-btn-hero-primary/-secondary, _front-page.css) is mirrored
 * onto .elementor-button under these wrapper classes. */
.six76-el-btn-primary .elementor-button.elementor-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 2.5rem;
  border-radius: 0.5rem;
  background-color: #39d8e0;
  color: #06282b;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  box-shadow: 0 0 20px rgba(57, 216, 224, 0.45);
  transition: all 0.25s ease;
}

.six76-el-btn-primary .elementor-button.elementor-button:hover {
  background-color: #4df0fe;
  color: #06282b;
  box-shadow: 0 0 34px rgba(77, 240, 254, 0.6);
  transform: translateY(-2px);
}

.six76-el-btn-secondary .elementor-button.elementor-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 2.5rem;
  border-radius: 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background-color: transparent;
  color: #f5f6f7;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  transition: all 0.25s ease;
}

.six76-el-btn-secondary .elementor-button.elementor-button:hover {
  border-color: rgba(57, 216, 224, 0.7);
  background-color: transparent;
  color: #39d8e0;
  box-shadow: 0 0 20px rgba(57, 216, 224, 0.25);
}
/* "Join our VIP Club" email signup (inc/vip-club.php). */

.six76-vip {
  background:
    radial-gradient(ellipse 70% 120% at 50% 0%, rgba(57, 216, 224, 0.14) 0%, rgba(57, 216, 224, 0) 60%),
    linear-gradient(160deg, #10181a 0%, #0a0e0f 100%);
  border-top: 1px solid rgba(57, 216, 224, 0.18);
  border-bottom: 1px solid rgba(57, 216, 224, 0.18);
}

.six76-vip-badge {
  display: inline-block;
  padding: 0.375rem 0.875rem;
  border: 1px solid rgba(57, 216, 224, 0.65);
  border-radius: 999px;
  color: #39d8e0;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.six76-vip-row {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
  flex-wrap: wrap;
}

.six76-vip-input {
  flex: 1 1 20rem;
  max-width: 26rem;
  padding: 1rem 1.25rem;
  border: 1px solid rgba(57, 216, 224, 0.35);
  border-radius: 0.5rem;
  background: rgba(255, 255, 255, 0.04);
  color: #f5f6f7;
  font-size: 1rem;
}

.six76-vip-input::-moz-placeholder {
  color: #93a0a3;
}

.six76-vip-input::placeholder {
  color: #93a0a3;
}

.six76-vip-input:focus {
  outline: none;
  border-color: #39d8e0;
  box-shadow: 0 0 0 3px rgba(57, 216, 224, 0.25);
}

.six76-vip-consent {
  display: flex;
  gap: 0.625rem;
  align-items: flex-start;
  max-width: 34rem;
  margin: 1.25rem auto 0;
  color: #93a0a3;
  font-size: 0.8125rem;
  line-height: 1.6;
  text-align: left;
  cursor: pointer;
}

.six76-vip-consent input {
  flex-shrink: 0;
  margin-top: 0.2rem;
  width: 1rem;
  height: 1rem;
  accent-color: #39d8e0;
}

.six76-vip-privacy {
  margin-top: 0.75rem;
  color: #93a0a3;
  font-size: 0.75rem;
}

.six76-vip-privacy a {
  color: #39d8e0;
  text-decoration: underline;
}

.six76-vip-notice {
  max-width: 34rem;
  margin: 0 auto 1.5rem;
  padding: 0.875rem 1.125rem;
  border-radius: 0.5rem;
  font-size: 0.9375rem;
}

.six76-vip-notice--success {
  border: 1px solid rgba(57, 216, 224, 0.5);
  background: rgba(57, 216, 224, 0.1);
  color: #39d8e0;
}

.six76-vip-notice--error {
  border: 1px solid rgba(239, 68, 68, 0.5);
  background: rgba(239, 68, 68, 0.1);
  color: #ef4444;
}

/* Honeypot: off-screen rather than display:none, which some bots skip. */
.six76-vip-hp {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
/* Countdown to the next live draw (inc/next-draw.php, js/homepage.js). */

.six76-next-draw {
  background: linear-gradient(160deg, #0f1618 0%, #0a0d0e 100%);
  border-bottom: 1px solid rgba(57, 216, 224, 0.18);
}

.six76-next-draw-heading {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.six76-next-draw-timer {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1.5rem;
}

.six76-next-draw-unit {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.375rem;
  min-width: 4.75rem;
  padding: 1rem 0.75rem;
  border: 1px solid rgba(57, 216, 224, 0.35);
  border-radius: 0.75rem;
  background: rgba(57, 216, 224, 0.06);
  box-shadow: 0 0 25px rgba(57, 216, 224, 0.08);
}

.six76-next-draw-value {
  color: #39d8e0;
  font-size: 2rem;
  font-weight: 900;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  text-shadow: 0 0 14px rgba(57, 216, 224, 0.45);
}

.six76-next-draw-label {
  color: #93a0a3;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.six76-next-draw-live {
  margin-top: 1.5rem;
  color: #39d8e0;
  font-size: 1.25rem;
  font-weight: 700;
  text-transform: uppercase;
}

.six76-next-draw-meta {
  margin-top: 1rem;
  color: #93a0a3;
  font-size: 0.875rem;
}

@media (max-width: 480px) {
  .six76-next-draw-timer {
    gap: 0.5rem;
  }

  .six76-next-draw-unit {
    min-width: 0;
    flex: 1 1 0;
    padding: 0.75rem 0.375rem;
  }

  .six76-next-draw-value {
    font-size: 1.5rem;
  }
}
/* "Why Choose Us" benefits block (inc/why-choose-us.php).
 *
 * Five cards that stay readable as the client edits the copy: the grid packs
 * them into as many columns as fit, so a shorter or longer list still lands on
 * a balanced row rather than a lonely orphan card.
 */

.six76-wcu {
  background: linear-gradient(160deg, #10181a 0%, #0a0e0f 100%);
  border-top: 1px solid rgba(57, 216, 224, 0.18);
  border-bottom: 1px solid rgba(57, 216, 224, 0.18);
}

.six76-wcu-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
  gap: 1.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.six76-wcu-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  padding: 2rem 1.5rem;
  border: 1px solid rgba(57, 216, 224, 0.35);
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(57, 216, 224, 0.1), rgba(0, 0, 0, 0.45));
  box-shadow: 0 0 25px rgba(57, 216, 224, 0.08);
  text-align: center;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.six76-wcu-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 0 34px rgba(57, 216, 224, 0.2);
}

.six76-wcu-icon {
  width: 2.75rem;
  height: 2.75rem;
  color: #39d8e0;
  filter: drop-shadow(0 0 10px rgba(57, 216, 224, 0.4));
}

.six76-wcu-title {
  color: #fff;
  font-size: 1.0625rem;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.six76-wcu-text {
  color: #c8d0d4;
  font-size: 0.875rem;
  line-height: 1.7;
}
/**
 * Swiper.js Styles
 * Hero slider and catalog slider styling
 */

/* Essential Swiper styles */
.swiper {
  width: 100%;
  height: 100%;
  position: relative;
}

.swiper-wrapper {
  display: flex;
  width: 100%;
  height: 100%;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

/* Hero slider specific styles */
.hero-slider {
  width: 100%;
  height: 600px;
}

@media (min-width: 768px) {
  .hero-slider {
    height: 880px;
  }
}

@media (min-width: 1024px) {
  .hero-slider {
    height: 990px;
  }
}

@media (min-width: 1280px) {
  .hero-slider {
    height: 1100px;
  }
}

/* Hero slider navigation positioning */
.hero-slider .swiper-button-next,
.hero-slider .swiper-button-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  color: white;
  width: 40px;
  height: 40px;
}

.hero-slider .swiper-button-next {
  right: 20px;
}

.hero-slider .swiper-button-prev {
  left: 20px;
}

.hero-slider .swiper-pagination {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}

.hero-slider .swiper-pagination-bullet {
  background: rgba(57, 216, 224, 0.8);
  opacity: 0.5;
}

.hero-slider .swiper-pagination-bullet-active {
  opacity: 1;
  background: #152023;
}

/* Catalog slider styles */
.catalog-swiper {
  width: 100%;
}

.catalog-pagination {
  margin-top: 1rem;
}

/* Swiper navigation button hover effects */
.hero-slider .swiper-button-next:hover,
.hero-slider .swiper-button-prev:hover {
  color: #4DF0FE;
  transform: translateY(-50%) scale(1.1);
  transition: all 0.2s ease;
}

/* Swiper pagination bullet hover effects */
.hero-slider .swiper-pagination-bullet:hover {
  opacity: 0.8;
  transform: scale(1.2);
  transition: all 0.2s ease;
}

/* Banner container - badge-like styling */
.wdw-banner-container {
  margin-top: 16px;
}

@media (max-width: 430px) {
  .wdw-banner-container {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (min-width: 768px) {
  .wdw-banner-container {
    margin-top: 24px;
  }
}

/* Banner swiper badge styling - inspired by winwink.co.uk */
.wdw-banner-swiper {
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 
    0 12px 40px rgba(0, 0, 0, 0.15),
    0 4px 16px rgba(0, 0, 0, 0.1),
    0 2px 8px rgba(0, 0, 0, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.15),
    inset 0 -2px 0 rgba(0, 0, 0, 0.05);
  position: relative;
  background: transparent;
  border: 3px solid rgba(255, 255, 255, 0.9);
  margin: 0 8px;
}

@media (max-width: 430px) {
  .wdw-banner-swiper {
    margin: 0 !important;
  }
}

@media (min-width: 768px) {
  .wdw-banner-swiper {
    border-radius: 32px;
    margin: 0 12px;
    border: 4px solid rgba(255, 255, 255, 0.95);
    box-shadow: 
      0 20px 60px rgba(0, 0, 0, 0.18),
      0 8px 24px rgba(0, 0, 0, 0.12),
      0 4px 12px rgba(0, 0, 0, 0.08),
      inset 0 2px 0 rgba(255, 255, 255, 0.2),
      inset 0 -3px 0 rgba(0, 0, 0, 0.05);
  }
}

@media (min-width: 1024px) {
  .wdw-banner-swiper {
    margin: 0 8px;
  }
}

@media (min-width: 1280px) {
  .wdw-banner-swiper {
    margin: 0 6px;
  }
}

.wdw-banner-swiper::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 22px;
  background: linear-gradient(135deg, 
    rgba(255, 255, 255, 0.1) 0%, 
    rgba(255, 255, 255, 0.05) 50%, 
    rgba(0, 0, 0, 0.02) 100%);
  pointer-events: none;
  z-index: 2;
}

@media (min-width: 768px) {
  .wdw-banner-swiper::before {
    border-radius: 30px;
  }
}

/* SVG image handling to preserve content */
.wdw-banner-swiper .swiper-slide {
  border-radius: 20px;
  overflow: hidden;
  background: transparent;
}

@media (min-width: 768px) {
  .wdw-banner-swiper .swiper-slide {
    border-radius: 28px;
  }
}

.wdw-banner-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 20px;
  display: block;
}

@media (min-width: 768px) {
  .wdw-banner-swiper .swiper-slide img {
    border-radius: 28px;
  }
}

/* Clean navigation arrows without background circles */
.wdw-banner-swiper .swiper-button-next,
.wdw-banner-swiper .swiper-button-prev {
  background: none;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  color: rgba(255, 255, 255, 0.9);
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
  z-index: 10;
}

.wdw-banner-swiper .swiper-button-next:hover,
.wdw-banner-swiper .swiper-button-prev:hover {
  color: rgba(255, 255, 255, 1);
  transform: translateY(-50%) scale(1.1);
  text-shadow: 0 3px 12px rgba(0, 0, 0, 0.5);
}

.wdw-banner-swiper .swiper-button-next {
  right: 16px;
}

.wdw-banner-swiper .swiper-button-prev {
  left: 16px;
}

.wdw-banner-swiper .swiper-button-next:after,
.wdw-banner-swiper .swiper-button-prev:after {
  font-size: 24px;
  font-weight: bold;
}

@media (min-width: 768px) {
  .wdw-banner-swiper .swiper-button-next,
  .wdw-banner-swiper .swiper-button-prev {
    width: 48px;
    height: 48px;
    margin-top: -24px;
  }
  
  .wdw-banner-swiper .swiper-button-next {
    right: 20px;
  }

  .wdw-banner-swiper .swiper-button-prev {
    left: 20px;
  }
  
  .wdw-banner-swiper .swiper-button-next:after,
  .wdw-banner-swiper .swiper-button-prev:after {
    font-size: 28px;
  }
}
/* Lottery Notice Container Styling */
.lottery-notice-container {
  padding-top: 1rem;
  padding-bottom: 1rem;
  min-height: 0;
  transition: min-height 0.3s ease;
}

.lottery-notice-container:not(:empty) {
  min-height: 4rem;
}

/* Notices sit on the dark product page, so the light WooCommerce defaults
   (#f6f5f8 panel, olive top border, olive tick) all have to be replaced.
   Note that _single-product.css forces `color: var(--theme-text) !important`
   on every descendant of .single-product, so any element in here that wants a
   colour of its own has to out-specify that rule - hence the !important text
   colours below. */
.lottery-notice-container .woocommerce-message,
.lottery-notice-container .woocommerce-error,
.lottery-notice-container .woocommerce-info {
  margin: 0;
  border-radius: 0.5rem;
  background-color: var(--theme-card-bg, #141A1C);
  border: 1px solid var(--theme-border, #262D30);
  border-left: 3px solid #39D8E0;
  color: var(--theme-text, #F5F6F7);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
}

.lottery-notice-container .woocommerce-error {
  border-left-color: #EF4444;
}

/* WooCommerce draws its status glyph as an absolutely-positioned ::before in
   the notice's left padding gutter. Recolour it; never remove the padding that
   reserves its column, or it lands on top of the message text. */
.lottery-notice-container .woocommerce-message::before,
.lottery-notice-container .woocommerce-info::before {
  color: #39D8E0;
}

.lottery-notice-container .woocommerce-error::before {
  color: #EF4444;
}

/* Enhanced Lottery Notice Styling */
.lottery-add-notice {
  display: flex;
  gap: 0.5rem 0.75rem;
  align-items: center;
  flex-wrap: wrap;
}

.lottery-notice-container .lottery-add-notice strong {
  color: #4DF0FE !important;
  font-weight: 700;
}

/* Trailing-edge CTA. WooCommerce floats this button, which does nothing in a
   flex row, so claim the leftover space instead. */
.lottery-add-notice .button {
  float: none;
  margin-left: auto;
}

.lottery-reserve-chip {
  display: inline-flex;
  gap: 0.4rem;
  align-items: center;
  padding: 0.2rem 0.6rem;
  border-radius: 9999px;
  border: 1px solid rgba(57, 216, 224, 0.35);
  background-color: rgba(57, 216, 224, 0.1);
  font-size: 0.8125rem;
  font-weight: 500;
  white-space: nowrap;
}

/* Stacked layout once the row can no longer hold everything side by side. */
@media (max-width: 640px) {
  .lottery-add-notice .button {
    margin-left: 0;
  }
}

.lottery-view-cart-btn {
  display: inline-block;
  padding: 0.375rem 0.75rem;
  background-color: #152023;
  color: white;
  text-decoration: none;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 500;
  border: 1px solid #39D8E0;
  transition: all 0.2s ease;
}

/* Cyan is a light colour, so a filled cyan CTA takes ink text - same rule the
   .bg-six76-cyan utilities follow in _theme.css. */
.lottery-view-cart-btn:hover,
.lottery-notice-container .lottery-view-cart-btn:hover {
  background-color: #39D8E0;
  border-color: #39D8E0;
  color: #0D0D0D !important;
  text-decoration: none;
  transform: translateY(-1px);
  box-shadow: 0 0 12px rgba(57, 216, 224, 0.35);
}

/* Theme-specific lottery view cart button */
.six76-lottery-view-cart {
  background-color: #152023 !important;
  /* WooCommerce's .button resets `border`, so the width and style have to be
     restated here - border-color on its own renders nothing. */
  border: 1px solid #39D8E0 !important;
  color: white !important;
  text-decoration: none !important;
  display: inline-block !important;
  padding: 0.375rem 0.75rem !important;
  border-radius: 0.375rem !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  transition: all 0.2s ease !important;
}

.six76-lottery-view-cart:hover {
  background-color: #39D8E0 !important;
  border: 1px solid #39D8E0 !important;
  color: #0D0D0D !important;
  text-decoration: none !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 0 12px rgba(57, 216, 224, 0.35) !important;
}

/* Both of these are declared after :hover at the same specificity, so they have
   to exclude the hover state or they repaint the text white over cyan fill. */
.six76-lottery-view-cart:visited:not(:hover),
.six76-lottery-view-cart:active:not(:hover) {
  color: white !important;
}

/* Styled lottery expiry notices */
.woocommerce-notices-wrapper .woocommerce-message.lottery-expiry-notice,
.woocommerce-notices-wrapper .woocommerce-info.lottery-expiry-notice,
.woocommerce-notices-wrapper .woocommerce-notice.lottery-expiry-notice {
  background-color: #152023 !important;
  border-color: #5A1BDF !important;
  color: white !important;
  border-radius: 0.5rem;
  padding: 1rem 1.5rem;
  margin-bottom: 1rem;
  box-shadow: 0 2px 4px rgba(57, 216, 224, 0.2);
  border-left: 4px solid #4DF0FE !important;
}

.woocommerce-notices-wrapper .woocommerce-message.lottery-expiry-notice::before,
.woocommerce-notices-wrapper .woocommerce-info.lottery-expiry-notice::before,
.woocommerce-notices-wrapper .woocommerce-notice.lottery-expiry-notice::before {
  color: white !important;
}

.woocommerce-notices-wrapper .woocommerce-message.lottery-expiry-notice a,
.woocommerce-notices-wrapper .woocommerce-info.lottery-expiry-notice a,
.woocommerce-notices-wrapper .woocommerce-notice.lottery-expiry-notice a {
  color: #4DF0FE !important;
  text-decoration: underline;
}

.woocommerce-notices-wrapper .woocommerce-message.lottery-expiry-notice a:hover,
.woocommerce-notices-wrapper .woocommerce-info.lottery-expiry-notice a:hover,
.woocommerce-notices-wrapper .woocommerce-notice.lottery-expiry-notice a:hover {
  color: white !important;
}

/* Ensure lottery expiry notices stand out */
.woocommerce-notices-wrapper .lottery-expiry-notice {
  background-color: #152023 !important;
  border-color: #5A1BDF !important;
  color: white !important;
}

/* Individual lottery item countdown styling */
.lottery-item-countdown {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.lottery-item-countdown .lottery-reserve-chip {
  font-size: 0.75rem;
  padding: 0.125rem 0.375rem;
  background-color: rgba(57, 216, 224, 0.1);
  border-color: rgba(57, 216, 224, 0.2);
}

.lottery-item-countdown .lottery-reserve-label {
  font-size: 0.625rem;
  color: #39D8E0;
}

.lottery-item-countdown .lottery-reserve-timer {
  font-size: 0.75rem;
  background-color: #152023;
  color: white;
  padding: 0.125rem 0.25rem;
  border-radius: 0.125rem;
  font-weight: 600;
}

/* Disabled quantity display for lottery items */
.lottery-quantity-display {
  display: inline-block;
  padding: 0.375rem 0.75rem;
  background-color: #f3f4f6;
  border: 1px solid #d1d5db;
  border-radius: 0.375rem;
  color: #6b7280;
  font-weight: 500;
  font-size: 0.875rem;
  min-width: 3rem;
  text-align: center;
  cursor: not-allowed;
}

.lottery-view-cart-btn:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.lottery-total-in-cart {
  font-size: 0.875rem;
  font-style: italic;
}

.lottery-notice-container .lottery-total-in-cart {
  color: var(--theme-text-secondary, #93A0A3) !important;
}

.lottery-reserve-label {
  font-size: 0.6875rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.lottery-notice-container .lottery-reserve-label {
  color: var(--theme-text-secondary, #93A0A3) !important;
}

.lottery-reserve-timer {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  padding: 0.125rem 0.375rem;
  border-radius: 0.25rem;
  min-width: 3.25rem;
  text-align: center;
}

.lottery-notice-container .lottery-reserve-timer {
  color: #4DF0FE !important;
  background-color: rgba(13, 13, 13, 0.65);
}

.lottery-expired .lottery-reserve-chip {
  border-color: rgba(239, 68, 68, 0.4);
  background-color: rgba(239, 68, 68, 0.12);
}

.lottery-notice-container .lottery-expired .lottery-reserve-timer,
.lottery-expired .lottery-reserve-timer {
  color: #EF4444 !important;
}

/* Loading state for lottery add to cart button */
.single_add_to_cart_button.loading,
.single-product .single_add_to_cart_button.loading {
  position: relative;
  color: transparent !important;
}

.single_add_to_cart_button.loading::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
  border: 2px solid transparent;
  border-top: 2px solid currentColor;
  border-radius: 50%;
  animation: six76-spin 1s linear infinite;
}

@keyframes six76-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Success state for lottery add to cart button.
   `background` shorthand so the state colour replaces the gradient
   background-image set in _purchase-card.css */
.single-product .single_add_to_cart_button.added {
  background: #28a745 !important;
  border-color: #28a745 !important;
  color: white !important;
}

/* Error state for lottery add to cart button */
.single-product .single_add_to_cart_button.error {
  background: #dc3545 !important;
  border-color: #dc3545 !important;
  color: white !important;
}

/* Lottery form validation feedback */
.lottery-form-error {
  color: #dc3545;
  font-size: 0.875rem;
  margin-top: 0.5rem;
  display: none;
}

.lottery-form-error.show {
  display: block;
}

/* Ensure lottery form maintains proper structure during AJAX */
form.cart.pick-number {
  position: relative;
}

form.cart.pick-number.loading {
  pointer-events: none;
  opacity: 0.7;
}

/* Lottery-specific button states */
.single_add_to_cart_button.lottery-must-pick:not(.disabled):not(.loading) {
  background-color: #007cba;
  border-color: #007cba;
}

.single_add_to_cart_button.lottery-must-answer:not(.disabled):not(.loading) {
  background-color: #007cba;
  border-color: #007cba;
}

/* Disabled state for lottery buttons */
.single_add_to_cart_button.disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

/* Ensure proper spacing for lottery form elements */
form.cart.pick-number .quantity {
  margin-bottom: 1rem;
}

form.cart.pick-number .single_add_to_cart_button {
  margin-top: 1rem;
}

/* Lottery ticket number and answer field styling */
form.cart.pick-number input[name="lottery_tickets_number"],
form.cart.pick-number input[name="lottery_answer"] {
  border: 1px solid #ddd;
  padding: 8px 12px;
  border-radius: 4px;
  width: 100%;
  margin-top: 0.5rem;
}

form.cart.pick-number input[name="lottery_tickets_number"]:focus,
form.cart.pick-number input[name="lottery_answer"]:focus {
  border-color: #007cba;
  outline: none;
  box-shadow: 0 0 0 2px rgba(0, 124, 186, 0.2);
}
/* Paginated SVG ticket picker (pick-your-number grid on the product page).
 *
 * Works with woocommerce/single-product/tickets-numbers.php and
 * js/ticket-picker.js. The li.tn / taken / in_cart / reserved / selected
 * classes belong to the pick-number plugin's JS contract; the plugin also
 * ships its own square-grid CSS which loads AFTER the theme stylesheet, so
 * structural overrides here need !important. */

.six76-tkt-defs {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

/*
 * The grid sizes itself against ITS OWN container, not the viewport.
 *
 * On the product page the picker sits in an Elementor column that is only a
 * fraction of the window (the product image takes the rest), and no theme CSS
 * controls that split. Viewport media queries therefore fired at the wrong
 * times: a 1280px window told a ~500px column to draw 8 tickets across, giving
 * ~55px squashed slivers. The container is the only box whose width actually
 * says how many tickets fit.
 *
 * The steps stay discrete (3 / 4 / 5 / 8) rather than becoming auto-fill so
 * that a page of tickets still ends in a whole row - which is the entire
 * reason the page-size defaults are 24 (8 rows of 3, 6 rows of 4) and 40
 * (8 rows of 5, 5 rows of 8).
 *
 * Three across is the phone case. The tile keeps the artwork's 240x140 aspect
 * ratio, so column width sets its height: four across in the ~293px container
 * a 375px phone gives this grid produced 67x39px tiles, under the 44px minimum
 * touch target, on the most-tapped control on the site. Three takes it to
 * roughly 92x54px. The 400px step is where four across can clear 44px again
 * with room to spare (it needs 326px of container at the absolute minimum).
 *
 * js/ticket-picker.js measures the same container and must keep the same
 * threshold - but only the 640px one, which is where the page size changes
 * (mobile 24 / desktop 40). The 400px step is column count only, and 24
 * divides into whole rows either side of it, so the JS neither knows nor
 * needs to know about it.
 */
#wc-lottery-pn {
  container-type: inline-size;
  container-name: six76-tkt;
  /* Clear the sticky masthead (89px at 375px) when anything scrolls the picker
     to the top of the viewport - an anchor link, a restored scroll position, a
     scrollIntoView. Without it the Lucky Dip toggle, which sits at the top of
     this box, lands underneath the header and can't be tapped: hit-testing its
     centre after a scroll-to-start returns the header logo, not the button.
     Inert on ordinary user scrolling. */
  scroll-margin-top: 6rem;
}

/*
 * "Want to pick your own numbers?" banner - the collapsed grid's toggle.
 *
 * The grid ships inside #six76-tkt-collapse[hidden]; js/ticket-picker.js
 * flips the hidden attribute when this banner is pressed. Most buyers take
 * the one-tap Lucky Dip above it, so the 200-ticket grid only takes up
 * screen for the buyers who ask for it.
 */
.six76-tkt-reveal {
  display: flex;
  align-items: center;
  gap: 1rem;
  width: 100%;
  min-height: 44px;
  margin: 0 0 1rem;
  padding: 1rem 1.125rem;
  border-radius: 1rem;
  border: 1px solid rgba(57, 216, 224, 0.6);
  background:
    radial-gradient(120% 140% at 0% 100%, rgba(57, 216, 224, 0.22), transparent 55%),
    #0b1112;
  color: #f5f6f7;
  text-align: left;
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.six76-tkt-reveal:hover {
  border-color: #4df0fe;
  box-shadow: 0 0 18px rgba(57, 216, 224, 0.3);
}

.six76-tkt-reveal-icon {
  flex-shrink: 0;
  width: 3.5rem;
  color: var(--six76-cyan, #39d8e0);
  transform: rotate(-6deg);
}

.six76-tkt-reveal-icon svg {
  display: block;
  width: 100%;
  height: auto;
  filter: drop-shadow(0 0 6px rgba(57, 216, 224, 0.45));
}

/* Orbitron is already the site-wide button face; the banner only sets size
   and case. */
.six76-tkt-reveal-text {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.six76-tkt-reveal-title {
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.3;
  /* _single-product.css forces `text-transform: none !important` across the
     whole single-product page, which would otherwise flatten this banner. */
  text-transform: uppercase !important;
  letter-spacing: 0.02em;
}

.six76-tkt-reveal-cta {
  font-size: 0.8125rem;
  font-weight: 700;
  /* Same !important-vs-_single-product.css fight as the title above. */
  text-transform: uppercase !important;
  letter-spacing: 0.04em;
  color: var(--six76-cyan, #39d8e0);
}

.six76-tkt-reveal-chevron {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 9999px;
  border: 1.5px solid rgba(57, 216, 224, 0.7);
  color: var(--six76-cyan, #39d8e0);
  transition: transform 0.2s ease;
}

.six76-tkt-reveal-chevron svg {
  width: 1.125rem;
  height: 1.125rem;
}

/* Open state: the chevron turns to point down at the grid it revealed. */
.six76-tkt-reveal.is-open .six76-tkt-reveal-chevron {
  transform: rotate(90deg);
}

@media (prefers-reduced-motion: reduce) {
  .six76-tkt-reveal,
  .six76-tkt-reveal-chevron {
    transition: none;
  }
}

/* [hidden] alone is not enough once anything here gains a display value, and
   the pager inside already relies on the same guard - keep the collapse
   airtight. */
.six76-tkt-collapse[hidden] {
  display: none !important;
}

#wc-lottery-pn ul.tickets_numbers {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.5rem;
  margin: 0 0 0.75rem !important;
  padding: 0 !important;
}

@container six76-tkt (min-width: 400px) {
  #wc-lottery-pn ul.tickets_numbers {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@container six76-tkt (min-width: 640px) {
  #wc-lottery-pn ul.tickets_numbers {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@container six76-tkt (min-width: 1280px) {
  #wc-lottery-pn ul.tickets_numbers {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}

/*
 * Fallback for browsers without container queries (Safari < 16, Firefox < 110):
 * keep the old viewport behaviour rather than pinning everyone to 3 columns.
 * Wrapped in @supports so it never competes with the rules above where both
 * are understood.
 *
 * The 4-column step is at 480px of VIEWPORT here, not the 400px of CONTAINER
 * used above: on this page the picker's container runs about 80px narrower
 * than the window, so 480 viewport is roughly where 400 container falls.
 */
@supports not (container-type: inline-size) {
  @media (min-width: 480px) {
    #wc-lottery-pn ul.tickets_numbers {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (min-width: 640px) {
    #wc-lottery-pn ul.tickets_numbers {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }

  @media (min-width: 1280px) {
    #wc-lottery-pn ul.tickets_numbers {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }
}

#wc-lottery-pn ul.tickets_numbers li.tn {
  position: relative;
  float: none !important;
  width: auto !important;
  height: auto !important;
  aspect-ratio: 240 / 140;
  /* Floor the tile at the 44px minimum touch target. At 320px three columns
     work out to 74x43.2 - a fraction short - and the aspect ratio alone can't
     express "but never below this". The artwork letterboxes by a few tenths of
     a pixel in that one case, which is invisible. */
  min-height: 44px;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
  cursor: pointer;
  transition: transform 0.15s ease;
}

/* Kill the plugin's colour-block states - state styling happens on the SVG */
#wc-lottery-pn ul.tickets_numbers li.tn:hover,
#wc-lottery-pn ul.tickets_numbers li.tn.taken,
#wc-lottery-pn ul.tickets_numbers li.tn.taken:hover,
#wc-lottery-pn ul.tickets_numbers li.tn.in_cart,
#wc-lottery-pn ul.tickets_numbers li.tn.reserved,
#wc-lottery-pn ul.tickets_numbers li.tn.selected {
  background: transparent !important;
}

.six76-tkt {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.six76-tkt-num {
  position: relative;
  z-index: 1;
  font-weight: 700;
  font-size: 0.85rem;
  color: #06282B;
}

@media (min-width: 1024px) {
  .six76-tkt-num {
    font-size: 0.95rem;
  }
}

/* Available: lift + glow on hover */
#wc-lottery-pn ul.tickets_numbers li.tn:not(.taken):not(.in_cart):not(.reserved):hover {
  transform: translateY(-2px);
}

#wc-lottery-pn ul.tickets_numbers li.tn:not(.taken):not(.in_cart):not(.reserved):hover .six76-tkt {
  filter: brightness(1.12) drop-shadow(0 0 6px rgba(57, 216, 224, 0.55));
}

/* Selected: bright neon ticket + a strong, unambiguous ring and checkmark -
 * brightness/scale alone (the old rule) reads too close to :hover on a dark
 * background, which is why selections weren't clearly visible. */
#wc-lottery-pn ul.tickets_numbers li.tn.selected .six76-tkt {
  filter: brightness(1.3) drop-shadow(0 0 12px rgba(77, 240, 254, 0.95));
}

#wc-lottery-pn ul.tickets_numbers li.tn.selected {
  transform: scale(1.06);
  outline: 3px solid #4df0fe;
  outline-offset: 2px;
  border-radius: 12px;
  box-shadow: 0 0 0 6px rgba(77, 240, 254, 0.18);
}

#wc-lottery-pn ul.tickets_numbers li.tn.selected .six76-tkt-num {
  color: #05181a;
  font-weight: 800;
}

/* The tick badge deliberately hangs outside the tile, which put it over the
   corner of the neighbouring number - a tap there toggled the SELECTED tile
   off instead of picking the one under your finger. It is decoration, so take
   it out of hit testing entirely. */
#wc-lottery-pn ul.tickets_numbers li.tn.selected::after {
  content: "\2713";
  pointer-events: none;
  position: absolute;
  z-index: 2;
  top: -8px;
  right: -8px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background: #4df0fe;
  color: #05181a;
  font-size: 0.7rem;
  font-weight: 900;
  box-shadow: 0 0 0 2px #05181a;
}

/* Taken: greyed-out ticket */
#wc-lottery-pn ul.tickets_numbers li.tn.taken {
  cursor: not-allowed;
}

#wc-lottery-pn ul.tickets_numbers li.tn.taken .six76-tkt {
  filter: grayscale(1) brightness(0.7);
  opacity: 0.4;
}

#wc-lottery-pn ul.tickets_numbers li.tn.taken .six76-tkt-num {
  color: rgba(255, 255, 255, 0.5);
  text-decoration: line-through;
}

/* In your basket: golden ticket */
#wc-lottery-pn ul.tickets_numbers li.tn.in_cart {
  cursor: not-allowed;
}

#wc-lottery-pn ul.tickets_numbers li.tn.in_cart .six76-tkt {
  filter: sepia(1) saturate(2.4) hue-rotate(-18deg) brightness(1.02);
}

/* Reserved by someone else: dimmed */
#wc-lottery-pn ul.tickets_numbers li.tn.reserved {
  cursor: not-allowed;
}

#wc-lottery-pn ul.tickets_numbers li.tn.reserved .six76-tkt {
  filter: grayscale(0.7) brightness(0.85);
  opacity: 0.6;
}

#wc-lottery-pn ul.tickets_numbers li.tn.working {
  opacity: 0.4;
}

/* Page visibility toggle (JS-driven) */
#wc-lottery-pn ul.tickets_numbers li.tn.six76-tkt-off {
  display: none !important;
}

/* Pagination controls */
.six76-tkt-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.375rem;
  margin: 0.75rem 0 0.25rem;
}

/*
 * The pager markup is rendered whenever the SMALLEST configured page size
 * needs it, so js/ticket-picker.js hides it again when the current viewport
 * fits every ticket on one page. Without this, `display: flex` above would
 * beat the [hidden] attribute's default `display: none`.
 */
.six76-tkt-nav[hidden] {
  display: none;
}

.six76-tkt-pagenums {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

/* 44x44 minimum - these were 36px, and they sit close enough together that a
   mis-tap jumps you to the wrong page of numbers. */
.six76-tkt-prev,
.six76-tkt-next,
.six76-tkt-pagenum {
  min-width: 44px;
  height: 44px;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  border: 1px solid rgba(57, 216, 224, 0.35);
  background: #141A1C;
  color: #F5F6F7;
  font-weight: 600;
  font-size: 0.9rem;
  cursor: pointer;
  transition: all 0.15s ease;
}

.six76-tkt-prev:hover:not(:disabled),
.six76-tkt-next:hover:not(:disabled),
.six76-tkt-pagenum:hover:not(.is-current) {
  border-color: rgba(77, 240, 254, 0.8);
  color: #4DF0FE;
  box-shadow: 0 0 10px rgba(57, 216, 224, 0.25);
}

.six76-tkt-pagenum.is-current {
  background: #39D8E0;
  border-color: transparent;
  color: #06282B;
  box-shadow: 0 0 12px rgba(57, 216, 224, 0.5);
  cursor: default;
}

.six76-tkt-prev:disabled,
.six76-tkt-next:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

.six76-tkt-ellipsis {
  color: #93A0A3;
  padding: 0 0.125rem;
}

.six76-tkt-range {
  text-align: center;
  font-size: 0.75rem;
  color: #93A0A3;
  margin: 0 0 0.5rem;
}

/* Live-availability message. Sits with the grid rather than in the notice bar
   at the top of the page, because it is about the numbers the buyer is looking
   at right now. */
.six76-tkt-availability-notice {
  margin: 0 0 0.75rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.375rem;
  border: 1px solid rgba(239, 68, 68, 0.4);
  background-color: rgba(239, 68, 68, 0.12);
  color: #F5F6F7;
  font-size: 0.8125rem;
  line-height: 1.4;
}

.six76-tkt-availability-notice[hidden] {
  display: none;
}
/* Lucky Dip quick picks.
 *
 * Works with woocommerce/single-product/tickets-numbers.php,
 * js/pick-my-numbers.js and inc/pick-my-numbers.php. Sits above the
 * collapsed pick-your-own grid (see _ticket-picker.css) on manual
 * pick-number competitions, in place of the quantity slider. */

.six76-pick-my-numbers {
  margin-bottom: 1rem;
}

/* Quick dip — the one-tap path. Sits above everything else in the picker
   because it is the shortest route from landing on the page to owning a
   ticket; the collapsed grid below it is for buyers who want to choose. */

.six76-quick-dip {
  margin-bottom: 1rem;
  padding: 0.875rem 1rem;
  border-radius: 0.75rem;
  border: 1px solid rgba(57, 216, 224, 0.3);
  background: rgba(57, 216, 224, 0.06);
}

.six76-quick-dip-label {
  margin: 0 0 0.75rem;
  font-size: 0.875rem;
  font-weight: 700;
  text-align: center;
  color: #fff;
}

/* Stepper: [-] big-count [+], any quantity in one-tap reach - the 1/5/10
   presets this replaced only covered the three quantities we guessed at. */
.six76-quick-dip-stepper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
  margin-bottom: 0.875rem;
}

.six76-quick-dip-step {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  flex-shrink: 0;
  border-radius: 0.625rem;
  border: 1.5px solid rgba(57, 216, 224, 0.6);
  background: rgba(57, 216, 224, 0.06);
  color: var(--six76-cyan, #39d8e0);
  cursor: pointer;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}

.six76-quick-dip-step svg {
  width: 22px;
  height: 22px;
}

.six76-quick-dip-step:hover:not(:disabled) {
  border-color: #4df0fe;
  background: rgba(77, 240, 254, 0.14);
}

.six76-quick-dip-step:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

/* Wide enough for "10" and "100" alike without the +/- buttons shuffling
   sideways as the count changes digit-count. */
.six76-quick-dip-count {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 4rem;
}

.six76-quick-dip-qty {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.1;
  color: #fff;
}

.six76-quick-dip-unit {
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  /* _single-product.css forces `text-transform: none !important` across the
     whole single-product page, which would otherwise flatten this. */
  text-transform: uppercase !important;
  color: rgba(255, 255, 255, 0.55);
}

.six76-quick-dip-go {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  min-height: 48px;
  padding: 0.625rem 1rem;
  border-radius: 0.625rem;
  border: 1.5px solid rgba(57, 216, 224, 0.7);
  background: rgba(57, 216, 224, 0.06);
  color: var(--six76-cyan, #39d8e0);
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  /* Same !important-vs-_single-product.css fight as the unit above. */
  text-transform: uppercase !important;
  cursor: pointer;
  transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
}

.six76-quick-dip-go svg {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.six76-quick-dip-go:hover:not(:disabled) {
  border-color: #4df0fe;
  background: rgba(77, 240, 254, 0.14);
  box-shadow: 0 0 14px rgba(57, 216, 224, 0.3);
}

.six76-quick-dip-go:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* The in-flight press keeps full strength while it works, so the dimming
   reads as "busy", not "unavailable". */
.six76-quick-dip-go.is-working:disabled {
  opacity: 1;
  border-color: #4df0fe;
  background: rgba(77, 240, 254, 0.2);
}

.six76-quick-dip-note {
  margin: 0.625rem 0 0;
  font-size: 0.75rem;
  text-align: center;
  color: rgba(255, 255, 255, 0.55);
}

/* Kept under the six76-pmn- prefix although the "Choose your own amount"
   panel it came from is gone: the quick-dip error line still carries the
   class. */
.six76-pmn-error {
  margin: 0.5rem 0 0;
  font-size: 0.8125rem;
  color: var(--six76-red, #ff5a5a);
}

/* Unified selected-tickets summary (manual + Lucky Dip combined), rendered
 * just above the add-to-basket button - see add-to-cart/lottery.php. */

.six76-selected-summary {
  margin: 1rem 0 0.75rem;
  padding: 0.875rem 1rem;
  border-radius: 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.03);
}

.six76-selected-summary-label {
  margin: 0 0 0.5rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.75);
}

.six76-selected-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.six76-selected-chip {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  min-height: 44px;
  /* No vertical padding: the 44px remove button sets the chip's height, so
     its hit area covers the whole chip rather than an inset 36px of it. */
  padding: 0 0 0 0.75rem;
  border-radius: 9999px;
  border: 1.5px solid rgba(57, 216, 224, 0.4);
  background: rgba(57, 216, 224, 0.08);
  color: #fff;
  font-size: 0.875rem;
}

.six76-selected-chip[data-source="lucky-dip"] {
  border-color: rgba(77, 240, 254, 0.7);
  background: rgba(77, 240, 254, 0.14);
}

.six76-selected-remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  border: none;
  border-radius: 9999px;
  background: transparent;
  color: rgba(255, 255, 255, 0.7);
  font-size: 1.1rem;
  line-height: 1;
  cursor: pointer;
}

.six76-selected-remove:hover {
  background: var(--six76-red, #ff5a5a);
  color: #fff;
}
/* Sticky mobile buy bar for competition pages.
 *
 * Works with inc/mobile-buy-bar.php and js/mobile-buy-bar.js. Phones only: from
 * the `lg` breakpoint up the purchase card is its own column and the real
 * add-to-basket button is already within reach, so the desktop page is
 * untouched. The JS keeps the same breakpoint in MOBILE_MAX_WIDTH. */

.six76-buy-bar {
  display: none;
  /* Single source of truth for "is this a viewport the bar is for".
     js/mobile-buy-bar.js reads this rather than repeating the breakpoint, so
     the two cannot disagree about where it sits. */
  --six76-bar-mode: 0;
}

@media (max-width: 1023px) {
  .six76-buy-bar {
    --six76-bar-mode: 1;
  }

  :root {
    /* 48px control + 2 x 0.625rem padding. Everything that has to clear the bar
       measures from here rather than repeating the arithmetic. */
    --six76-buy-bar-height: 68px;
  }

  .six76-buy-bar:not([hidden]) {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    /* Above the theme's scroll-to-top button (Tailwind z-50), which shares this
       corner. The cookie-consent bar sits far higher still, which is right:
       consent has to be answerable before anything can be bought. */
    z-index: 60;
    border-top: 1px solid rgba(57, 216, 224, 0.35);
    background: rgba(5, 12, 14, 0.96);
    /* The bar overlays the page, so it needs its own separation from whatever
       scrolls under it rather than relying on the page background. */
    box-shadow: 0 -10px 24px rgba(0, 0, 0, 0.55);
    /* Clears the iOS home indicator; 0 everywhere else. */
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }

  .six76-buy-bar-inner {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.625rem 1rem;
  }

  .six76-buy-bar-figures {
    display: flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1.2;
  }

  .six76-buy-bar-count {
    font-size: 0.8125rem;
    color: rgba(255, 255, 255, 0.7);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .six76-buy-bar-total {
    font-size: 1.125rem;
    font-weight: 700;
    color: #4df0fe;
  }

  /* Empty on the "no tickets yet" state — collapse it so the label sits
     vertically centred instead of riding high above a blank line. */
  .six76-buy-bar-total:empty {
    display: none;
  }

  .six76-buy-bar-cta {
    flex: 1 1 auto;
    min-height: 48px;
    padding: 0.625rem 1rem;
    border: none;
    border-radius: 0.5rem;
    background: #39d8e0;
    color: #05181a;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    transition: background-color 0.15s ease;
  }

  .six76-buy-bar-cta:hover:not(:disabled) {
    background: #4df0fe;
  }

  .six76-buy-bar-cta:disabled {
    background: rgba(57, 216, 224, 0.25);
    color: rgba(255, 255, 255, 0.5);
    cursor: not-allowed;
  }

  /* The bar floats over the end of the page; without this the trust rows and
     the footer's last line can never be scrolled clear of it. */
  body.six76-has-buy-bar {
    padding-bottom: calc(var(--six76-buy-bar-height) + env(safe-area-inset-bottom, 0px));
  }

  /* Two floating widgets already live in this corner and would sit on top of
     the bar's own controls: the theme's scroll-to-top button (bottom-right) and
     CookieYes's consent-revisit badge (bottom-left, and it landed squarely on
     the ticket count). Both step up by the height of the bar while it shows.
     Each selector is more specific than the Tailwind utility / plugin rule it
     overrides, so it wins regardless of where the partial sits in the cascade —
     which matters here, because these partials are imported BEFORE Tailwind. */
  body.six76-has-buy-bar .six76-scroll-to-top {
    bottom: calc(var(--six76-buy-bar-height) + 1.5rem + env(safe-area-inset-bottom, 0px));
  }

  body.six76-has-buy-bar .cky-btn-revisit-wrapper {
    bottom: calc(var(--six76-buy-bar-height) + 15px + env(safe-area-inset-bottom, 0px));
  }
}
/* jquery.alertable modal (woocommerce-lottery-pick-number's "you already
 * have the maximum number of tickets" / "please pick a number" / "ticket
 * sold" popups - public/js/jquery.alertable.min.js).
 *
 * The plugin's own jquery.alertable.css only sets background: white with no
 * explicit text color, so it inherits this theme's white body text -
 * unreadable white-on-white. The plugin CSS loads after the theme
 * stylesheet, so these need !important (same reasoning as _ticket-picker.css). */

.alertable {
  background: #0b1a1c !important;
  border: 1px solid rgba(57, 216, 224, 0.35) !important;
  color: #fff !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45) !important;
}

.alertable-message {
  color: #fff !important;
}

.alertable-input {
  background: rgba(0, 0, 0, 0.25) !important;
  border-color: rgba(57, 216, 224, 0.35) !important;
  color: #fff !important;
}

.alertable-ok {
  background: #39d8e0 !important;
  border-color: #39d8e0 !important;
  color: #05181a !important;
}

.alertable-ok:hover,
.alertable-ok:focus,
.alertable-ok:active {
  background: #4df0fe !important;
  border-color: #4df0fe !important;
}

.alertable-cancel {
  background: transparent !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
  color: #fff !important;
}

.alertable-cancel:hover,
.alertable-cancel:focus,
.alertable-cancel:active {
  background: rgba(255, 255, 255, 0.08) !important;
}
/* Terms & Conditions Page Styles */

/* Main Header */
.six76-terms-header {
  margin-bottom: 2rem;
}

.six76-terms-main-title {
  margin-bottom: 2rem;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
  color: var(--theme-text);
}

[data-theme="dark"] .single-product .six76-terms-main-title {
  color: var(--theme-text);
}

[data-theme="dark"] .six76-terms-main-title {
  color: var(--theme-text);
}

.single-product .six76-terms-main-title table {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .six76-terms-main-title table.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .lottery-info-container .six76-terms-main-title {
  color: var(--theme-text);
}

.single-product .six76-cyan-gradient-box .six76-terms-main-title {
  color: rgba(255, 255, 255, 0.9);
}

@media (min-width: 768px) {
  .six76-terms-main-title {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

.six76-terms-main-title {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

@media (max-width: 1023px) {
  #mobile-menu .six76-terms-main-title.items-center.justify-between {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  #mobile-menu .flex.six76-terms-main-title.justify-between {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
}

@media (max-width: 640px) {
  .filters-section .six76-terms-main-title {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
}

.six76-terms-icon {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

/* Section Containers */
.six76-terms-section {
  margin-bottom: 1.5rem;
  border-radius: 1rem;
  background-color: rgb(243 232 255 / 0.1);
  padding: 1.5rem;
  --tw-backdrop-blur: blur(4px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
@media (min-width: 768px) {
  .six76-terms-section {
    padding: 2rem;
  }
}
.six76-terms-section {
  border-width: 1px;
  border-color: rgb(216 180 254 / 0.2);
}
.six76-orders-section .six76-terms-section {
  --tw-border-opacity: 1;
  border-color: rgb(35 42 44 / var(--tw-border-opacity, 1));
}

/* Section Titles */
.six76-terms-section-title {
  margin-bottom: 1.5rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  color: var(--theme-text);
}
[data-theme="dark"] .single-product .six76-terms-section-title {
  color: var(--theme-text);
}
[data-theme="dark"] .six76-terms-section-title {
  color: var(--theme-text);
}
.single-product .six76-terms-section-title table {
  margin-left: auto;
  margin-right: auto;
  display: table;
}
.single-product .six76-terms-section-title table.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: table;
}
.single-product .lottery-info-container .six76-terms-section-title {
  color: var(--theme-text);
}
.single-product .six76-cyan-gradient-box .six76-terms-section-title {
  color: rgba(255, 255, 255, 0.9);
}
@media (min-width: 768px) {
  .six76-terms-section-title {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.six76-terms-section-title {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
@media (max-width: 1023px) {
  #mobile-menu .six76-terms-section-title.items-center.justify-between {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  #mobile-menu .flex.six76-terms-section-title.justify-between {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
}
@media (max-width: 640px) {
  .filters-section .six76-terms-section-title {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
}

.six76-terms-section-icon {
  font-size: 1.5rem;
  line-height: 2rem;
}

@media (min-width: 768px) {
  .six76-terms-section-icon {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

/* Content Area */
.six76-terms-content > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.six76-terms-content {
  color: var(--theme-text);
}
[data-theme="dark"] .single-product .six76-terms-content {
  color: var(--theme-text);
}
[data-theme="dark"] .six76-terms-content {
  color: var(--theme-text);
}
#mobile-menu .six76-terms-content > * {
  margin-bottom: 1rem;
}
#mobile-menu .six76-terms-content > *:last-child {
  margin-bottom: 0;
}
@media (max-width: 1023px) {
  #mobile-menu .six76-terms-content {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }
  #mobile-menu .six76-terms-content > li {
    margin: 0;
  }
}
.single-product .six76-terms-content table {
  margin-left: auto;
  margin-right: auto;
  display: table;
}
.single-product .six76-terms-content table.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: table;
}
.single-product .lottery-info-container .six76-terms-content {
  color: var(--theme-text);
}
.single-product .six76-cyan-gradient-box .six76-terms-content {
  color: rgba(255, 255, 255, 0.9);
}

/* Paragraph Styling */
.six76-terms-content p {
  margin-bottom: 1rem;
  line-height: 1.625;
}

/* List Styling */
.six76-terms-content ul > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.six76-terms-content ul {
  padding-left: 1.5rem;
}
#mobile-menu .six76-terms-content ul > * {
  margin-bottom: 1rem;
}
#mobile-menu .six76-terms-content ul > *:last-child {
  margin-bottom: 0;
}
@media (max-width: 1023px) {
  #mobile-menu .six76-terms-content ul {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }
  #mobile-menu .six76-terms-content ul > li {
    margin: 0;
  }
}

.six76-terms-content ol > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.six76-terms-content ol {
  padding-left: 1.5rem;
}

#mobile-menu .six76-terms-content ol > * {
  margin-bottom: 1rem;
}

#mobile-menu .six76-terms-content ol > *:last-child {
  margin-bottom: 0;
}

@media (max-width: 1023px) {
  #mobile-menu .six76-terms-content ol {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }
  #mobile-menu .six76-terms-content ol > li {
    margin: 0;
  }
}

.six76-terms-content li {
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
}

@media (min-width: 768px) {
  .six76-terms-content li {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

/* Unordered list bullets */
.six76-terms-content ul li {
  position: relative;
  padding-left: 0.5rem;
}

.six76-terms-content ul li::marker {
  --tw-text-opacity: 1;
  color: rgb(57 216 224 / var(--tw-text-opacity, 1));
}

[data-theme="dark"] .single-product .six76-terms-content ul li::marker {
  color: var(--six76-cyan);
}

[data-theme="dark"] .text-gray-500:not(.six76-terms-content ul li):not(.text-six76-cyan-bright):not(.text-six76-red)::marker {
  color: var(--theme-text-secondary);
}

.single-product .six76-terms-content ul li::marker {
  color: #39D8E0;
}

/* Ordered list numbers */
.six76-terms-content ol li::marker {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(57 216 224 / var(--tw-text-opacity, 1));
}
[data-theme="dark"] .single-product .six76-terms-content ol li::marker {
  color: var(--six76-cyan);
}
[data-theme="dark"] .text-gray-500:not(.six76-terms-content ol li):not(.text-six76-cyan-bright):not(.text-six76-red)::marker {
  color: var(--theme-text-secondary);
}
.single-product .six76-terms-content ol li::marker {
  color: #39D8E0;
}

/* Headings within content */
.six76-terms-content h3 {
  margin-bottom: 0.75rem;
  margin-top: 1.5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  color: var(--theme-text);
}
[data-theme="dark"] .single-product .six76-terms-content h3 {
  color: var(--theme-text);
}
[data-theme="dark"] .six76-terms-content h3 {
  color: var(--theme-text);
}
.single-product .six76-terms-content h3 table {
  margin-left: auto;
  margin-right: auto;
  display: table;
}
.single-product .six76-terms-content h3 table.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: table;
}
.single-product .lottery-info-container .six76-terms-content h3 {
  color: var(--theme-text);
}
.single-product .six76-cyan-gradient-box .six76-terms-content h3 {
  color: rgba(255, 255, 255, 0.9);
}
@media (min-width: 768px) {
  .six76-terms-content h3 {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

.six76-terms-content h4 {
  margin-bottom: 0.5rem;
  margin-top: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  color: var(--theme-text);
}

[data-theme="dark"] .single-product .six76-terms-content h4 {
  color: var(--theme-text);
}

[data-theme="dark"] .six76-terms-content h4 {
  color: var(--theme-text);
}

.single-product .six76-terms-content h4 table {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .six76-terms-content h4 table.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .lottery-info-container .six76-terms-content h4 {
  color: var(--theme-text);
}

.single-product .six76-cyan-gradient-box .six76-terms-content h4 {
  color: rgba(255, 255, 255, 0.9);
}

@media (min-width: 768px) {
  .six76-terms-content h4 {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

/* Strong/Bold text */
.six76-terms-content strong {
  font-weight: 700;
  color: var(--theme-text);
}
[data-theme="dark"] .single-product .six76-terms-content strong {
  color: var(--theme-text);
}
[data-theme="dark"] .six76-terms-content strong {
  color: var(--theme-text);
}
.single-product .six76-terms-content strong table {
  margin-left: auto;
  margin-right: auto;
  display: table;
}
.single-product .six76-terms-content strong table.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: table;
}
.single-product .lottery-info-container .six76-terms-content strong {
  color: var(--theme-text);
}
.single-product .six76-cyan-gradient-box .six76-terms-content strong {
  color: rgba(255, 255, 255, 0.9);
}

/* Links */
.six76-terms-content a {
  --tw-text-opacity: 1;
  color: rgb(57 216 224 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
[data-theme="dark"] .single-product .six76-terms-content a {
  color: var(--six76-cyan);
}
[data-theme="dark"] .text-gray-500:not(.six76-terms-content a):not(.text-six76-cyan-bright):not(.text-six76-red) {
  color: var(--theme-text-secondary);
}
.single-product .six76-terms-content a {
  color: #39D8E0;
}
.six76-terms-content a:hover {
  --tw-text-opacity: 1;
  color: rgb(192 132 252 / var(--tw-text-opacity, 1));
}

/* --- Narrow-screen readability -------------------------------------------
   These wrappers hold seeded legal copy, so the content is not something a
   template change can keep in line - the cookie policy names real cookies
   ("wp_woocommerce_session_*", "woocommerce_items_in_cart") and the privacy
   policy carries email addresses and URLs. Those are single unbreakable words:
   at 320px the two cookie names rendered to x=349 inside a 320px viewport,
   past the right edge, and only the site-wide `html, body { overflow-x: clip }`
   backstop stopped the page scrolling sideways. `anywhere` (not `break-word`)
   so the break also shrinks the element's min-content width, which is what
   stops a long token forcing its flex/grid parent open. */
.six76-terms-content,
.six76-terms-content p,
.six76-terms-content li,
.six76-terms-content strong,
.six76-terms-content a,
.six76-terms-content code,
.six76-terms-main-title,
.six76-terms-section-title {
  overflow-wrap: anywhere;
}

/* A wide table scrolls inside itself, never the page. `display: block` makes
   the table its own horizontal scroll container while its rows still lay out
   normally - no wrapper div, which matters because this content is seeded
   HTML the templates never see. None of the legal pages ships a table today;
   the rule is here so the first one added does not reintroduce the page-level
   overflow this epic exists to remove. */
.six76-terms-content table {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Same for anything pre-formatted, which cannot wrap at all. */
.six76-terms-content pre {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Media in seeded copy is constrained to the column, per the epic's DoD. */
.six76-terms-content img,
.six76-terms-content iframe,
.six76-terms-content video {
  max-width: 100%;
  height: auto;
}
/* Entry List Styles
 *
 * Covers the /entry-list page ([six76_entry_lists]), a single competition's
 * full list ([six76_entry_list]) and the product page's Entry List tab
 * ([six76_entry_summary]) — all rendered by inc/entry-list.php.
 *
 * The legacy DataTables block at the bottom styles the wdw-* plugin
 * shortcodes, which the theme no longer calls but which remain reachable.
 */

/* Page Header (classic page-entry-list.php template) */
.six76-entry-list-header {
  margin-bottom: 3rem;
  text-align: center;
}
@media only screen and (max-width: 479px) {
  
  .woocommerce ul.products li.product .rounded-lg.p-3.six76-entry-list-header {
    background: none;
    border: none;
    padding: 0;
    box-shadow: none;
    backdrop-filter: none;
    margin: 0;
    border-radius: 0;
  }
}

.six76-entry-list-main-title {
  margin-bottom: 1rem;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
  color: var(--theme-text);
}

[data-theme="dark"] .single-product .six76-entry-list-main-title {
  color: var(--theme-text);
}

[data-theme="dark"] .six76-entry-list-main-title {
  color: var(--theme-text);
}

.single-product .six76-entry-list-main-title table {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .six76-entry-list-main-title table.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .lottery-info-container .six76-entry-list-main-title {
  color: var(--theme-text);
}

.single-product .six76-cyan-gradient-box .six76-entry-list-main-title {
  color: rgba(255, 255, 255, 0.9);
}

@media (min-width: 768px) {
  .six76-entry-list-main-title {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

.six76-entry-list-main-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}

@media (max-width: 1023px) {
  #mobile-menu .six76-entry-list-main-title.items-center.justify-between {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  #mobile-menu .flex.six76-entry-list-main-title.justify-between {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
}

@media (max-width: 640px) {
  .filters-section .six76-entry-list-main-title {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
}

.six76-entry-list-icon {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.six76-entry-list-subtitle {
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: var(--theme-text-secondary);
}

[data-theme="dark"] .single-product .six76-entry-list-subtitle {
  color: var(--theme-text-secondary);
}

[data-theme="dark"] .six76-entry-list-subtitle {
  color: var(--theme-text-secondary);
}

.single-product .lottery-info-container .six76-entry-list-subtitle {
  color: var(--theme-text-secondary);
}


.single-product .six76-cyan-gradient-box .six76-entry-list-subtitle {
  color: rgba(255, 255, 255, 0.9);
}

.single-product .six76-cyan-gradient-box .six76-entry-list-subtitle {
  color: rgba(255, 255, 255, 0.7);
}

.single-product .six76-purchase-card .six76-entry-list-subtitle {
  color: var(--theme-text-secondary);
}

/* Competition Panels */
.six76-entry-lists > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}

.six76-entry-panel {
  border-radius: 1rem;
  background-color: rgb(243 232 255 / 0.1);
  --tw-backdrop-blur: blur(4px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  border-width: 1px;
  border-color: rgb(216 180 254 / 0.2);
  padding: 1.5rem;
}

.six76-orders-section .six76-entry-panel {
  --tw-border-opacity: 1;
  border-color: rgb(35 42 44 / var(--tw-border-opacity, 1));
}

.six76-entry-lists .six76-entry-panel {
  margin-bottom: 0px;
}

.six76-entry-panel-head {
  margin-bottom: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

@media (max-width: 1023px) {
  #mobile-menu .six76-entry-panel-head.items-center.justify-between {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  #mobile-menu .flex.items-center.six76-entry-panel-head {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
}

@media (max-width: 640px) {
  .filters-section .six76-entry-panel-head {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
}

.six76-entry-panel-title {
  margin-bottom: 0.25rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  color: var(--theme-text);
}

[data-theme="dark"] .single-product .six76-entry-panel-title {
  color: var(--theme-text);
}

[data-theme="dark"] .six76-entry-panel-title {
  color: var(--theme-text);
}

.single-product .six76-entry-panel-title table {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .six76-entry-panel-title table.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .lottery-info-container .six76-entry-panel-title {
  color: var(--theme-text);
}

.single-product .six76-cyan-gradient-box .six76-entry-panel-title {
  color: rgba(255, 255, 255, 0.9);
}

@media (min-width: 768px) {
  .six76-entry-panel-title {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

/* Status Badges */
.six76-entry-badge {
  border-radius: 9999px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}

.six76-entry-list-badge-active {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

#masthead .six76-entry-list-badge-active:hover {
  color: #4DF0FE;
}

.single-product .six76-entry-list-badge-active {
  color: var(--theme-text);
}

.six76-entry-list-badge-closed {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

#masthead .six76-entry-list-badge-closed:hover {
  color: #4DF0FE;
}

.single-product .six76-entry-list-badge-closed {
  color: var(--theme-text);
}

.six76-entry-list-badge-upcoming {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

#masthead .six76-entry-list-badge-upcoming:hover {
  color: #4DF0FE;
}

.single-product .six76-entry-list-badge-upcoming {
  color: var(--theme-text);
}

/* Stats Strip */
.six76-entry-stats {
  margin-bottom: 1.5rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}
@media (max-width: 768px) {
  
  .six76-account-dashboard .six76-entry-stats {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .products.six76-entry-stats {
    gap: 1rem;
    padding: 0;
  }
  .products.six76-entry-stats.grid-cols-1 {
    justify-items: center;
  }
  .products.six76-entry-stats.grid-cols-1 > li {
    width: 100%;
    max-width: calc(100vw - 2rem);
  }
}
@media (max-width: 580px) {
  .products.six76-entry-stats {
    gap: 0.5rem;
  }
}
@media (min-width: 768px) {
  .six76-entry-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.six76-entry-stat {
  border-radius: 0.5rem;
  background-color: rgb(233 213 255 / 0.2);
  padding: 1rem;
  text-align: center;
}

@media only screen and (max-width: 479px) {
  
  .woocommerce ul.products li.product .six76-entry-stat.p-3.text-center {
    background: none;
    border: none;
    padding: 0;
    box-shadow: none;
    backdrop-filter: none;
    margin: 0;
    border-radius: 0;
  }
  
  .woocommerce ul.products li.product .rounded-lg.p-3.six76-entry-stat {
    background: none;
    border: none;
    padding: 0;
    box-shadow: none;
    backdrop-filter: none;
    margin: 0;
    border-radius: 0;
  }
}

.six76-entry-stat-value {
  display: block;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(57 216 224 / var(--tw-text-opacity, 1));
}

[data-theme="dark"] .single-product .six76-entry-stat-value {
  color: var(--six76-cyan);
}

[data-theme="dark"] .text-gray-500:not(.six76-entry-stat-value):not(.text-six76-cyan-bright):not(.text-six76-red) {
  color: var(--theme-text-secondary);
}

.single-product .six76-entry-stat-value {
  color: #39D8E0;
}

.six76-entry-stat-label {
  margin-top: 0.25rem;
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  color: var(--theme-text-secondary);
}

[data-theme="dark"] .single-product .six76-entry-stat-label {
  color: var(--theme-text-secondary);
}

[data-theme="dark"] .six76-entry-stat-label {
  color: var(--theme-text-secondary);
}

.single-product .lottery-info-container .six76-entry-stat-label {
  color: var(--theme-text-secondary);
}


.single-product .six76-cyan-gradient-box .six76-entry-stat-label {
  color: rgba(255, 255, 255, 0.9);
}

.single-product .six76-cyan-gradient-box .six76-entry-stat-label {
  color: rgba(255, 255, 255, 0.7);
}

.single-product .six76-purchase-card .six76-entry-stat-label {
  color: var(--theme-text-secondary);
}

.six76-entry-subheading {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  margin-bottom: 0.75rem;
  color: var(--theme-text-secondary);
}

[data-theme="dark"] .single-product .six76-entry-subheading {
  color: var(--theme-text-secondary);
}

[data-theme="dark"] .six76-entry-subheading {
  color: var(--theme-text-secondary);
}

.single-product .lottery-info-container .six76-entry-subheading {
  color: var(--theme-text-secondary);
}


.single-product .six76-cyan-gradient-box .six76-entry-subheading {
  color: rgba(255, 255, 255, 0.9);
}

.single-product .six76-cyan-gradient-box .six76-entry-subheading {
  color: rgba(255, 255, 255, 0.7);
}

.single-product .six76-purchase-card .six76-entry-subheading {
  color: var(--theme-text-secondary);
}

/* Entry Table */
.six76-entry-table-wrap {
  overflow-x: auto;
  border-radius: 0.5rem;
  border-width: 1px;
  border-color: rgb(216 180 254 / 0.2);
}
@media only screen and (max-width: 479px) {
  
  .woocommerce ul.products li.product .six76-entry-table-wrap.p-3.text-center {
    background: none;
    border: none;
    padding: 0;
    box-shadow: none;
    backdrop-filter: none;
    margin: 0;
    border-radius: 0;
  }
}
.six76-orders-section .six76-entry-table-wrap {
  --tw-border-opacity: 1;
  border-color: rgb(35 42 44 / var(--tw-border-opacity, 1));
}

.six76-entry-table {
  width: 100%;
  text-align: left;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--theme-text);
}

[data-theme="dark"] .single-product .six76-entry-table {
  color: var(--theme-text);
}

[data-theme="dark"] .six76-entry-table {
  color: var(--theme-text);
}

.single-product .six76-entry-table table {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .six76-entry-table table.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .lottery-info-container .six76-entry-table {
  color: var(--theme-text);
}

.single-product .six76-cyan-gradient-box .six76-entry-table {
  color: rgba(255, 255, 255, 0.9);
}

.six76-entry-table thead {
  background-color: rgb(233 213 255 / 0.2);
}

.six76-entry-table thead th {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  white-space: nowrap;
  color: var(--theme-text-secondary);
}

[data-theme="dark"] .single-product .six76-entry-table thead th {
  color: var(--theme-text-secondary);
}

[data-theme="dark"] .six76-entry-table thead th {
  color: var(--theme-text-secondary);
}

.single-product .lottery-info-container .six76-entry-table thead th {
  color: var(--theme-text-secondary);
}


.single-product .six76-cyan-gradient-box .six76-entry-table thead th {
  color: rgba(255, 255, 255, 0.9);
}

.single-product .six76-cyan-gradient-box .six76-entry-table thead th {
  color: rgba(255, 255, 255, 0.7);
}

.single-product .six76-purchase-card .six76-entry-table thead th {
  color: var(--theme-text-secondary);
}

.six76-entry-table tbody tr {
  border-top-width: 1px;
  border-color: rgb(216 180 254 / 0.1);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.six76-entry-table tbody tr:hover {
  background-color: rgb(233 213 255 / 0.1);
}

.six76-entry-table tbody td {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  vertical-align: middle;
}

.six76-entry-cell-date {
  white-space: nowrap;
  color: var(--theme-text-secondary);
}

[data-theme="dark"] .single-product .six76-entry-cell-date {
  color: var(--theme-text-secondary);
}

[data-theme="dark"] .six76-entry-cell-date {
  color: var(--theme-text-secondary);
}

.single-product .lottery-info-container .six76-entry-cell-date {
  color: var(--theme-text-secondary);
}


.single-product .six76-cyan-gradient-box .six76-entry-cell-date {
  color: rgba(255, 255, 255, 0.9);
}

.single-product .six76-cyan-gradient-box .six76-entry-cell-date {
  color: rgba(255, 255, 255, 0.7);
}

.single-product .six76-purchase-card .six76-entry-cell-date {
  color: var(--theme-text-secondary);
}

.six76-entry-cell-name {
  font-weight: 500;
}

.six76-entry-col-ticket,
.six76-entry-cell-ticket {
  white-space: nowrap;
  text-align: right;
}

.six76-entry-ticket {
  display: inline-block;
  border-radius: 0.375rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  background-color: rgb(57 216 224 / 0.2);
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(57 216 224 / var(--tw-text-opacity, 1));
}

[data-theme="dark"] .single-product .six76-entry-ticket {
  color: var(--six76-cyan);
}

[data-theme="dark"] .text-gray-500:not(.six76-entry-ticket):not(.text-six76-cyan-bright):not(.text-six76-red) {
  color: var(--theme-text-secondary);
}

.single-product .six76-entry-ticket {
  color: #39D8E0;
}

.six76-entry-ticket-none {
  color: var(--theme-text-secondary);
}

[data-theme="dark"] .single-product .six76-entry-ticket-none {
  color: var(--theme-text-secondary);
}

[data-theme="dark"] .six76-entry-ticket-none {
  color: var(--theme-text-secondary);
}

.single-product .lottery-info-container .six76-entry-ticket-none {
  color: var(--theme-text-secondary);
}


.single-product .six76-cyan-gradient-box .six76-entry-ticket-none {
  color: rgba(255, 255, 255, 0.9);
}

.single-product .six76-cyan-gradient-box .six76-entry-ticket-none {
  color: rgba(255, 255, 255, 0.7);
}

.single-product .six76-purchase-card .six76-entry-ticket-none {
  color: var(--theme-text-secondary);
}

/* Empty + Notice States */
.six76-entry-empty {
  padding-top: 2rem;
  padding-bottom: 2rem;
  text-align: center;
  color: var(--theme-text-secondary);
}
@media only screen and (max-width: 479px) {
  
  .woocommerce ul.products li.product .rounded-lg.p-3.six76-entry-empty {
    background: none;
    border: none;
    padding: 0;
    box-shadow: none;
    backdrop-filter: none;
    margin: 0;
    border-radius: 0;
  }
}
.six76-entry-empty {
  color: var(--theme-text-secondary);
}
[data-theme="dark"] .single-product .six76-entry-empty {
  color: var(--theme-text-secondary);
}
[data-theme="dark"] .six76-entry-empty {
  color: var(--theme-text-secondary);
}
.single-product .lottery-info-container .six76-entry-empty {
  color: var(--theme-text-secondary);
}

.single-product .six76-cyan-gradient-box .six76-entry-empty {
  color: rgba(255, 255, 255, 0.9);
}
.single-product .six76-cyan-gradient-box .six76-entry-empty {
  color: rgba(255, 255, 255, 0.7);
}
.single-product .six76-purchase-card .six76-entry-empty {
  color: var(--theme-text-secondary);
}

.six76-entry-notice {
  padding-top: 3rem;
  padding-bottom: 3rem;
  text-align: center;
}

@media only screen and (max-width: 479px) {
  
  .woocommerce ul.products li.product .rounded-lg.p-3.six76-entry-notice {
    background: none;
    border: none;
    padding: 0;
    box-shadow: none;
    backdrop-filter: none;
    margin: 0;
    border-radius: 0;
  }
}

.six76-entry-notice p {
  margin-bottom: 1.5rem;
  color: var(--theme-text-secondary);
}

[data-theme="dark"] .single-product .six76-entry-notice p {
  color: var(--theme-text-secondary);
}

[data-theme="dark"] .six76-entry-notice p {
  color: var(--theme-text-secondary);
}

.single-product .lottery-info-container .six76-entry-notice p {
  color: var(--theme-text-secondary);
}


.single-product .six76-cyan-gradient-box .six76-entry-notice p {
  color: rgba(255, 255, 255, 0.9);
}

.single-product .six76-cyan-gradient-box .six76-entry-notice p {
  color: rgba(255, 255, 255, 0.7);
}

.single-product .six76-purchase-card .six76-entry-notice p {
  color: var(--theme-text-secondary);
}

.six76-entry-more {
  margin-top: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
  color: var(--theme-text-secondary);
}

[data-theme="dark"] .single-product .six76-entry-more {
  color: var(--theme-text-secondary);
}

[data-theme="dark"] .six76-entry-more {
  color: var(--theme-text-secondary);
}

.single-product .lottery-info-container .six76-entry-more {
  color: var(--theme-text-secondary);
}


.single-product .six76-cyan-gradient-box .six76-entry-more {
  color: rgba(255, 255, 255, 0.9);
}

.single-product .six76-cyan-gradient-box .six76-entry-more {
  color: rgba(255, 255, 255, 0.7);
}

.single-product .six76-purchase-card .six76-entry-more {
  color: var(--theme-text-secondary);
}

/* Actions */
.six76-entry-button {
  margin-top: 1rem;
  display: inline-block;
  border-radius: 0.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media only screen and (max-width: 479px) {
  
  .woocommerce ul.products li.product .six76-entry-button.p-3.text-center {
    background: none;
    border: none;
    padding: 0;
    box-shadow: none;
    backdrop-filter: none;
    margin: 0;
    border-radius: 0;
  }
}
.six76-entry-button {
  --tw-bg-opacity: 1;
  background-color: rgb(57 216 224 / var(--tw-bg-opacity, 1));
}
.woocommerce ul.products li.product .six76-entry-button {
  position: relative;
  backdrop-filter: blur(12px);
  background: rgba(57, 216, 224, 0.8);
  border: 1px solid rgba(57, 216, 224, 0.3);
  box-shadow:
    0 8px 32px rgba(57, 216, 224, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.3),
    inset 0 -1px 0 rgba(0, 0, 0, 0.2);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
  text-decoration: none;
}
.woocommerce ul.products li.product .six76-entry-button::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.1) 50%,
    rgba(0, 0, 0, 0.05) 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.woocommerce ul.products li.product .six76-entry-button:hover::before {
  opacity: 1;
}
.woocommerce ul.products li.product .six76-entry-button:hover {
  transform: translateY(-2px);
  background: rgba(57, 216, 224, 0.9);
  box-shadow:
    0 12px 40px rgba(57, 216, 224, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}
a.six76-entry-button,
button.six76-entry-button,.six76-entry-button {
  position: relative;
  backdrop-filter: blur(12px);
  background: rgba(57, 216, 224, 0.8);
  border: 1px solid rgba(57, 216, 224, 0.3);
  box-shadow:
    0 8px 32px rgba(57, 216, 224, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.3),
    inset 0 -1px 0 rgba(0, 0, 0, 0.2);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
  text-decoration: none;
  color: white;
}
a.six76-entry-button::before,
button.six76-entry-button::before,.six76-entry-button::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.1) 50%,
    rgba(0, 0, 0, 0.05) 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
a.six76-entry-button:hover::before,
button.six76-entry-button:hover::before,.six76-entry-button:hover::before {
  opacity: 1;
}
a.six76-entry-button:hover,
button.six76-entry-button:hover,.six76-entry-button:hover {
  transform: translateY(-2px);
  background: rgba(57, 216, 224, 0.9);
  box-shadow:
    0 12px 40px rgba(57, 216, 224, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}
a.six76-entry-button,
button.six76-entry-button,.six76-entry-button,
a.six76-entry-button *,
button.six76-entry-button *,.six76-entry-button * {
  color: white;
}
.six76-entry-button,.six76-entry-button *,.six76-entry-button h1,.six76-entry-button h2,.six76-entry-button h3,.six76-entry-button span,.six76-entry-button div {
  color: #0D0D0D;
}
[data-theme="dark"] .single-product .six76-entry-button {
  background-color: var(--six76-cyan);
}
[data-theme="dark"] .single-product .six76-entry-button,
[data-theme="dark"] .single-product .six76-entry-button [class*="text-"] {
  color: #0D0D0D;
}
[data-theme="dark"] .bg-white:not(.six76-entry-button):not(.bg-six76-cyan-bright):not(.bg-six76-red) {
  background-color: var(--theme-card-bg);
}
.single-product .six76-entry-button,
.single-product .six76-entry-button *,
.single-product .six76-entry-button h1,
.single-product .six76-entry-button h2,
.single-product .six76-entry-button h3,
.single-product .six76-entry-button span,
.single-product .six76-entry-button div {
  color: white;
}
.six76-entry-button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(34 169 181 / var(--tw-bg-opacity, 1));
}
.six76-entry-button {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
#masthead .six76-entry-button:hover {
  color: #4DF0FE;
}
.single-product .six76-entry-button {
  color: var(--theme-text);
}
.six76-entry-button {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

/* "View competition" / "Clear" / "All competitions" are each the only action
   on their line, so they carry .six76-standalone-link in the markup
   (inc/entry-list.php) for the 44px row, rather than repeating its three
   declarations here. This rule keeps only what is specific to the entry list:
   the size and colour. */
.six76-entry-link {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(57 216 224 / var(--tw-text-opacity, 1));
}
[data-theme="dark"] .single-product .six76-entry-link {
  color: var(--six76-cyan);
}
[data-theme="dark"] .text-gray-500:not(.six76-entry-link):not(.text-six76-cyan-bright):not(.text-six76-red) {
  color: var(--theme-text-secondary);
}
.single-product .six76-entry-link {
  color: #39D8E0;
}
.six76-entry-link:hover {
  text-decoration-line: underline;
}

/* No `display` here on purpose. The back link carries .six76-standalone-link,
   which supplies `inline-flex`; Tailwind's `inline-block` used to sit here and
   won - this partial is imported long after _accessibility.css, so a `display`
   at equal specificity beats it - which left the link with the 44px height and
   its text pinned to the top. Restating `inline-flex` here would fix the
   symptom while duplicating a value nothing keeps in sync. Setting nothing is
   the fix: there is one source of truth and no import-order dependency. */
.six76-entry-back {
  margin-top: 1.5rem;
}

/* Search */
.six76-entry-search {
  margin-bottom: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
}
@media (max-width: 1023px) {
  #mobile-menu .six76-entry-search.items-center.justify-between {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  #mobile-menu .flex.six76-entry-search.justify-between {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
}
@media (max-width: 640px) {
  .filters-section .six76-entry-search {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
}

.six76-entry-search-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.six76-entry-search-input {
  min-width: 12rem;
  flex: 1 1 0%;
  border-radius: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

@media only screen and (max-width: 479px) {
  
  .woocommerce ul.products li.product .six76-entry-search-input.p-3.text-center {
    background: none;
    border: none;
    padding: 0;
    box-shadow: none;
    backdrop-filter: none;
    margin: 0;
    border-radius: 0;
  }
}

.six76-entry-search-input {
  border-width: 1px;
  border-color: rgb(216 180 254 / 0.3);
  background-color: rgb(233 213 255 / 0.1);
}

.six76-orders-section .six76-entry-search-input {
  --tw-border-opacity: 1;
  border-color: rgb(35 42 44 / var(--tw-border-opacity, 1));
}

.six76-entry-search-input {
  color: var(--theme-text);
}

[data-theme="dark"] .single-product .six76-entry-search-input {
  color: var(--theme-text);
}

[data-theme="dark"] .six76-entry-search-input {
  color: var(--theme-text);
}

.single-product .six76-entry-search-input table {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .six76-entry-search-input table.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .lottery-info-container .six76-entry-search-input {
  color: var(--theme-text);
}

.single-product .six76-cyan-gradient-box .six76-entry-search-input {
  color: rgba(255, 255, 255, 0.9);
}

.six76-entry-search-input::-moz-placeholder {
  color: var(--theme-text-secondary);
}

.six76-entry-search-input::placeholder {
  color: var(--theme-text-secondary);
}

.six76-entry-search-input:focus {
  --tw-border-opacity: 1;
  border-color: rgb(57 216 224 / var(--tw-border-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.six76-entry-search .six76-entry-button {
  margin-top: 0px;
}

/* Pagination */
.six76-entry-pagination {
  margin-top: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
@media (max-width: 1023px) {
  #mobile-menu .six76-entry-pagination.items-center.justify-between {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  #mobile-menu .flex.six76-entry-pagination.justify-between {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
}
@media (max-width: 640px) {
  .filters-section .six76-entry-pagination {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
}

.six76-entry-page-link {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(57 216 224 / var(--tw-text-opacity, 1));
}

[data-theme="dark"] .single-product .six76-entry-page-link {
  color: var(--six76-cyan);
}

[data-theme="dark"] .text-gray-500:not(.six76-entry-page-link):not(.text-six76-cyan-bright):not(.text-six76-red) {
  color: var(--theme-text-secondary);
}

.single-product .six76-entry-page-link {
  color: #39D8E0;
}

.six76-entry-page-link:hover {
  text-decoration-line: underline;
}

.six76-entry-page-status {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--theme-text-secondary);
}

[data-theme="dark"] .single-product .six76-entry-page-status {
  color: var(--theme-text-secondary);
}

[data-theme="dark"] .six76-entry-page-status {
  color: var(--theme-text-secondary);
}

.single-product .lottery-info-container .six76-entry-page-status {
  color: var(--theme-text-secondary);
}


.single-product .six76-cyan-gradient-box .six76-entry-page-status {
  color: rgba(255, 255, 255, 0.9);
}

.single-product .six76-cyan-gradient-box .six76-entry-page-status {
  color: rgba(255, 255, 255, 0.7);
}

.single-product .six76-purchase-card .six76-entry-page-status {
  color: var(--theme-text-secondary);
}

/* Legacy wdw-* plugin shortcode output (not rendered by the theme) */
.entry-list-title {
  text-align: center;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}
@media only screen and (max-width: 479px) {
  
  .woocommerce ul.products li.product .rounded-lg.p-3.entry-list-title {
    background: none;
    border: none;
    padding: 0;
    box-shadow: none;
    backdrop-filter: none;
    margin: 0;
    border-radius: 0;
  }
}
@media (min-width: 768px) {
  .entry-list-title {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}
.entry-list-title {
  --tw-bg-opacity: 1;
  background-color: rgb(57 216 224 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.woocommerce ul.products li.product .entry-list-title {
  position: relative;
  backdrop-filter: blur(12px);
  background: rgba(57, 216, 224, 0.8);
  border: 1px solid rgba(57, 216, 224, 0.3);
  box-shadow:
    0 8px 32px rgba(57, 216, 224, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.3),
    inset 0 -1px 0 rgba(0, 0, 0, 0.2);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
  text-decoration: none;
}
.woocommerce ul.products li.product .entry-list-title::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.1) 50%,
    rgba(0, 0, 0, 0.05) 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.woocommerce ul.products li.product .entry-list-title:hover::before {
  opacity: 1;
}
.woocommerce ul.products li.product .entry-list-title:hover {
  transform: translateY(-2px);
  background: rgba(57, 216, 224, 0.9);
  box-shadow:
    0 12px 40px rgba(57, 216, 224, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}
a.entry-list-title,
button.entry-list-title,.entry-list-title {
  position: relative;
  backdrop-filter: blur(12px);
  background: rgba(57, 216, 224, 0.8);
  border: 1px solid rgba(57, 216, 224, 0.3);
  box-shadow:
    0 8px 32px rgba(57, 216, 224, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.3),
    inset 0 -1px 0 rgba(0, 0, 0, 0.2);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
  text-decoration: none;
  color: white;
}
a.entry-list-title::before,
button.entry-list-title::before,.entry-list-title::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.1) 50%,
    rgba(0, 0, 0, 0.05) 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
a.entry-list-title:hover::before,
button.entry-list-title:hover::before,.entry-list-title:hover::before {
  opacity: 1;
}
a.entry-list-title:hover,
button.entry-list-title:hover,.entry-list-title:hover {
  transform: translateY(-2px);
  background: rgba(57, 216, 224, 0.9);
  box-shadow:
    0 12px 40px rgba(57, 216, 224, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}
a.entry-list-title,
button.entry-list-title,.entry-list-title,
a.entry-list-title *,
button.entry-list-title *,.entry-list-title * {
  color: white;
}
.entry-list-title,.entry-list-title *,.entry-list-title h1,.entry-list-title h2,.entry-list-title h3,.entry-list-title span,.entry-list-title div {
  color: #0D0D0D;
}
[data-theme="dark"] .single-product .entry-list-title {
  background-color: var(--six76-cyan);
}
[data-theme="dark"] .single-product .entry-list-title,
[data-theme="dark"] .single-product .entry-list-title [class*="text-"] {
  color: #0D0D0D;
}
[data-theme="dark"] .bg-white:not(.entry-list-title):not(.bg-six76-cyan-bright):not(.bg-six76-red) {
  background-color: var(--theme-card-bg);
}
#masthead .entry-list-title:hover {
  color: #4DF0FE;
}
.single-product .entry-list-title {
  color: var(--theme-text);
}
.single-product .entry-list-title,
.single-product .entry-list-title *,
.single-product .entry-list-title h1,
.single-product .entry-list-title h2,
.single-product .entry-list-title h3,
.single-product .entry-list-title span,
.single-product .entry-list-title div {
  color: white;
}
.entry-list-title {
  margin-bottom: 1.5rem;
  border-radius: 1rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}

.entry-list-product-title {
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
}

@media only screen and (max-width: 479px) {
  
  .woocommerce ul.products li.product .rounded-lg.p-3.entry-list-product-title {
    background: none;
    border: none;
    padding: 0;
    box-shadow: none;
    backdrop-filter: none;
    margin: 0;
    border-radius: 0;
  }
}

@media (min-width: 768px) {
  .entry-list-product-title {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.entry-list-product-title {
  margin-bottom: 2rem;
  color: var(--theme-text);
}

[data-theme="dark"] .single-product .entry-list-product-title {
  color: var(--theme-text);
}

[data-theme="dark"] .entry-list-product-title {
  color: var(--theme-text);
}

.single-product .entry-list-product-title table {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .entry-list-product-title table.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .lottery-info-container .entry-list-product-title {
  color: var(--theme-text);
}

.single-product .six76-cyan-gradient-box .entry-list-product-title {
  color: rgba(255, 255, 255, 0.9);
}

.entry-list-instant-winners-header {
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
}

@media only screen and (max-width: 479px) {
  
  .woocommerce ul.products li.product .rounded-lg.p-3.entry-list-instant-winners-header {
    background: none;
    border: none;
    padding: 0;
    box-shadow: none;
    backdrop-filter: none;
    margin: 0;
    border-radius: 0;
  }
}

@media (min-width: 768px) {
  .entry-list-instant-winners-header {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

.entry-list-instant-winners-header {
  margin-bottom: 1.5rem;
  color: var(--theme-text);
}

[data-theme="dark"] .single-product .entry-list-instant-winners-header {
  color: var(--theme-text);
}

[data-theme="dark"] .entry-list-instant-winners-header {
  color: var(--theme-text);
}

.single-product .entry-list-instant-winners-header table {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .entry-list-instant-winners-header table.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .lottery-info-container .entry-list-instant-winners-header {
  color: var(--theme-text);
}

.single-product .six76-cyan-gradient-box .entry-list-instant-winners-header {
  color: rgba(255, 255, 255, 0.9);
}

.competition-status {
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}

@media only screen and (max-width: 479px) {
  
  .woocommerce ul.products li.product .rounded-lg.p-3.competition-status {
    background: none;
    border: none;
    padding: 0;
    box-shadow: none;
    backdrop-filter: none;
    margin: 0;
    border-radius: 0;
  }
}

.competition-status {
  margin-bottom: 1rem;
}

#entry-list-table_wrapper {
  border-radius: 1rem;
  background-color: rgb(243 232 255 / 0.1);
  padding: 1.5rem;
  --tw-backdrop-blur: blur(4px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  margin-bottom: 1.5rem;
  border-width: 1px;
  border-color: rgb(216 180 254 / 0.2);
}

.six76-orders-section #entry-list-table_wrapper {
  --tw-border-opacity: 1;
  border-color: rgb(35 42 44 / var(--tw-border-opacity, 1));
}

#entry-list-table_length,
#entry-list-table_filter {
  margin-bottom: 1rem;
  border-radius: 0.5rem;
  background-color: rgb(233 213 255 / 0.2);
  padding: 1rem;
}

@media only screen and (max-width: 479px) {
  
  .woocommerce ul.products li.product #entry-list-table_length.p-3.text-center,
  .woocommerce ul.products li.product 
#entry-list-table_filter.p-3.text-center {
    background: none;
    border: none;
    padding: 0;
    box-shadow: none;
    backdrop-filter: none;
    margin: 0;
    border-radius: 0;
  }
}

#entry-list-table_length,
#entry-list-table_filter {
  font-weight: 600;
  color: var(--theme-text);
}

[data-theme="dark"] .single-product #entry-list-table_length,[data-theme="dark"] .single-product 
#entry-list-table_filter {
  color: var(--theme-text);
}

[data-theme="dark"] #entry-list-table_length,[data-theme="dark"] 
#entry-list-table_filter {
  color: var(--theme-text);
}

.single-product #entry-list-table_length table,.single-product 
#entry-list-table_filter table {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product #entry-list-table_length table.aligncenter,.single-product 
#entry-list-table_filter table.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .lottery-info-container #entry-list-table_length,.single-product .lottery-info-container 
#entry-list-table_filter {
  color: var(--theme-text);
}

.single-product .six76-cyan-gradient-box #entry-list-table_length,.single-product .six76-cyan-gradient-box 
#entry-list-table_filter {
  color: rgba(255, 255, 255, 0.9);
}

#entry-list-table_info {
  margin-top: 1rem;
  border-radius: 0.5rem;
  background-color: rgb(233 213 255 / 0.2);
  padding: 1rem;
}

@media only screen and (max-width: 479px) {
  
  .woocommerce ul.products li.product #entry-list-table_info.p-3.text-center {
    background: none;
    border: none;
    padding: 0;
    box-shadow: none;
    backdrop-filter: none;
    margin: 0;
    border-radius: 0;
  }
}

#entry-list-table_info {
  font-weight: 600;
  color: var(--theme-text);
}

[data-theme="dark"] .single-product #entry-list-table_info {
  color: var(--theme-text);
}

[data-theme="dark"] #entry-list-table_info {
  color: var(--theme-text);
}

.single-product #entry-list-table_info table {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product #entry-list-table_info table.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .lottery-info-container #entry-list-table_info {
  color: var(--theme-text);
}

.single-product .six76-cyan-gradient-box #entry-list-table_info {
  color: rgba(255, 255, 255, 0.9);
}

#entry-list-table {
  width: 100%;
  color: var(--theme-text);
}

[data-theme="dark"] .single-product #entry-list-table {
  color: var(--theme-text);
}

[data-theme="dark"] #entry-list-table {
  color: var(--theme-text);
}

.single-product #entry-list-table table {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product #entry-list-table table.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .lottery-info-container #entry-list-table {
  color: var(--theme-text);
}

.single-product .six76-cyan-gradient-box #entry-list-table {
  color: rgba(255, 255, 255, 0.9);
}

#entry-list-table thead {
  --tw-bg-opacity: 1;
  background-color: rgb(57 216 224 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.woocommerce ul.products li.product #entry-list-table thead {
  position: relative;
  backdrop-filter: blur(12px);
  background: rgba(57, 216, 224, 0.8);
  border: 1px solid rgba(57, 216, 224, 0.3);
  box-shadow:
    0 8px 32px rgba(57, 216, 224, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.3),
    inset 0 -1px 0 rgba(0, 0, 0, 0.2);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
  text-decoration: none;
}

.woocommerce ul.products li.product #entry-list-table thead::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.1) 50%,
    rgba(0, 0, 0, 0.05) 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.woocommerce ul.products li.product #entry-list-table thead:hover::before {
  opacity: 1;
}

.woocommerce ul.products li.product #entry-list-table thead:hover {
  transform: translateY(-2px);
  background: rgba(57, 216, 224, 0.9);
  box-shadow:
    0 12px 40px rgba(57, 216, 224, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

a#entry-list-table thead,
button#entry-list-table thead,#entry-list-table thead {
  position: relative;
  backdrop-filter: blur(12px);
  background: rgba(57, 216, 224, 0.8);
  border: 1px solid rgba(57, 216, 224, 0.3);
  box-shadow:
    0 8px 32px rgba(57, 216, 224, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.3),
    inset 0 -1px 0 rgba(0, 0, 0, 0.2);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
  text-decoration: none;
  color: white;
}

a#entry-list-table thead::before,
button#entry-list-table thead::before,#entry-list-table thead::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.1) 50%,
    rgba(0, 0, 0, 0.05) 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

a#entry-list-table thead:hover::before,
button#entry-list-table thead:hover::before,#entry-list-table thead:hover::before {
  opacity: 1;
}

a#entry-list-table thead:hover,
button#entry-list-table thead:hover,#entry-list-table thead:hover {
  transform: translateY(-2px);
  background: rgba(57, 216, 224, 0.9);
  box-shadow:
    0 12px 40px rgba(57, 216, 224, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

a#entry-list-table thead,
button#entry-list-table thead,#entry-list-table thead,
a#entry-list-table thead *,
button#entry-list-table thead *,#entry-list-table thead * {
  color: white;
}

#entry-list-table thead,#entry-list-table thead *,#entry-list-table thead h1,#entry-list-table thead h2,#entry-list-table thead h3,#entry-list-table thead span,#entry-list-table thead div {
  color: #0D0D0D;
}

[data-theme="dark"] .single-product #entry-list-table thead {
  background-color: var(--six76-cyan);
}

[data-theme="dark"] .single-product #entry-list-table thead,
[data-theme="dark"] .single-product #entry-list-table thead [class*="text-"] {
  color: #0D0D0D;
}

[data-theme="dark"] .bg-white:not(#entry-list-table thead):not(.bg-six76-cyan-bright):not(.bg-six76-red) {
  background-color: var(--theme-card-bg);
}

#masthead #entry-list-table thead:hover {
  color: #4DF0FE;
}

.single-product #entry-list-table thead {
  color: var(--theme-text);
}

.single-product #entry-list-table thead,
.single-product #entry-list-table thead *,
.single-product #entry-list-table thead h1,
.single-product #entry-list-table thead h2,
.single-product #entry-list-table thead h3,
.single-product #entry-list-table thead span,
.single-product #entry-list-table thead div {
  color: white;
}

#entry-list-table thead th {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: left;
  font-weight: 700;
}

#entry-list-table tbody tr {
  border-bottom-width: 1px;
  border-color: rgb(216 180 254 / 0.2);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

#entry-list-table tbody tr:hover {
  background-color: rgb(233 213 255 / 0.1);
}

#entry-list-table tbody td {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.instant-winners {
  margin-bottom: 2rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1rem;
}

@media (max-width: 768px) {
  
  .six76-account-dashboard .instant-winners {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .products.instant-winners {
    gap: 1rem;
    padding: 0;
  }
  .products.instant-winners.grid-cols-1 {
    justify-items: center;
  }
  .products.grid.instant-winners {
    justify-items: center;
  }
  .products.instant-winners.grid-cols-1 > li {
    width: 100%;
    max-width: calc(100vw - 2rem);
  }
  .products.grid.instant-winners > li {
    width: 100%;
    max-width: calc(100vw - 2rem);
  }
}

@media (max-width: 580px) {
  .products.instant-winners {
    gap: 0.5rem;
  }
}

@media (min-width: 768px) {
  .instant-winners {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .instant-winners {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.instant-prize {
  border-radius: 0.5rem;
  background-color: rgb(243 232 255 / 0.1);
  padding: 1rem;
  --tw-backdrop-blur: blur(4px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

@media only screen and (max-width: 479px) {
  
  .woocommerce ul.products li.product .instant-prize.p-3.text-center {
    background: none;
    border: none;
    padding: 0;
    box-shadow: none;
    backdrop-filter: none;
    margin: 0;
    border-radius: 0;
  }
}

.instant-prize {
  border-width: 1px;
  border-color: rgb(216 180 254 / 0.2);
}

.six76-orders-section .instant-prize {
  --tw-border-opacity: 1;
  border-color: rgb(35 42 44 / var(--tw-border-opacity, 1));
}

.instant-prize .ticket {
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

@media (max-width: 1023px) {
  #mobile-menu .instant-prize .ticket.items-center.justify-between {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  #mobile-menu .flex.instant-prize .ticket.justify-between {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
}

@media (max-width: 640px) {
  .filters-section .instant-prize .ticket {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
}

.instant-prize .ticket {
  font-weight: 600;
  color: var(--theme-text);
}

[data-theme="dark"] .single-product .instant-prize .ticket {
  color: var(--theme-text);
}

[data-theme="dark"] .instant-prize .ticket {
  color: var(--theme-text);
}

.single-product .instant-prize .ticket table {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .instant-prize .ticket table.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .lottery-info-container .instant-prize .ticket {
  color: var(--theme-text);
}

.single-product .six76-cyan-gradient-box .instant-prize .ticket {
  color: rgba(255, 255, 255, 0.9);
}

.instant-prize .winner {
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

@media (max-width: 1023px) {
  #mobile-menu .instant-prize .winner.items-center.justify-between {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  #mobile-menu .flex.instant-prize .winner.justify-between {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
}

@media (max-width: 640px) {
  .filters-section .instant-prize .winner {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
}

.instant-prize .winner {
  color: var(--theme-text);
}

[data-theme="dark"] .single-product .instant-prize .winner {
  color: var(--theme-text);
}

[data-theme="dark"] .instant-prize .winner {
  color: var(--theme-text);
}

.single-product .instant-prize .winner table {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .instant-prize .winner table.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .lottery-info-container .instant-prize .winner {
  color: var(--theme-text);
}

.single-product .six76-cyan-gradient-box .instant-prize .winner {
  color: rgba(255, 255, 255, 0.9);
}

.instant-prize .prize {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(57 216 224 / var(--tw-text-opacity, 1));
}

[data-theme="dark"] .single-product .instant-prize .prize {
  color: var(--six76-cyan);
}

[data-theme="dark"] .text-gray-500:not(.instant-prize .prize):not(.text-six76-cyan-bright):not(.text-six76-red) {
  color: var(--theme-text-secondary);
}

.single-product .instant-prize .prize {
  color: #39D8E0;
}

/* Responsive */
@media (max-width: 768px) {
  .six76-entry-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .six76-entry-panel {
    padding: 1rem;
  }
}
/**
 * Order Details Page Styles - Simple Liquid Glass
 *
 * Clean glassmorphism like add-to-cart section
 */

/* Main Prize Winner Banner - Simple Purple Gradient */
.six76-liquid-glass-wrapper {
	background: linear-gradient(135deg, #152023 0%, #1B282C 100%);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 12px;
	box-shadow: 0 4px 20px rgba(57, 216, 224, 0.2);
	backdrop-filter: blur(10px);
	position: relative;
	overflow: hidden;
	padding: 2.5rem 2rem;
}

/* Subtle glass overlay */
.six76-gradient-bg {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(135deg,
		rgba(255, 255, 255, 0.1) 0%,
		rgba(255, 255, 255, 0.05) 50%,
		rgba(0, 0, 0, 0.05) 100%);
	pointer-events: none;
}

/* Glass layer content */
.six76-glass-layer {
	position: relative;
	z-index: 1;
}

/* Inner glass card */
.six76-glass-card {
	background-color: rgba(255, 255, 255, 0.15);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 8px;
	padding: 1.5rem;
	backdrop-filter: blur(4px);
}

/* Trophy float */
.six76-trophy-float {
	animation: six76-trophy-bounce 2s ease-in-out infinite;
	display: inline-block;
}

@keyframes six76-trophy-bounce {
	0%, 100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-10px);
	}
}

/* Simple text styling */
.six76-text-glow {
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

/* Winning Ticket Badge - Simple Gold */
.six76-winning-ticket-badge {
	display: inline-block;
	padding: 0.75rem 1.5rem;
	border-radius: 8px;
	font-weight: 900;
	font-size: 2.5rem;
	line-height: 1;
	background: linear-gradient(135deg, #39D8E0 0%, #22A9B5 100%);
	color: #0D0D0D;
	border: 1px solid rgba(255, 255, 255, 0.3);
	box-shadow: 0 4px 16px rgba(77, 240, 254, 0.4);
	transition: all 0.2s ease;
}

.six76-winning-ticket-badge:hover {
	transform: scale(1.05);
	box-shadow: 0 6px 20px rgba(77, 240, 254, 0.6);
}

/* Main Prize Indicator on My Orders Page */
.six76-main-prize-indicator {
	background: linear-gradient(135deg, #152023 0%, #1B282C 100%);
	border: 1px solid rgba(107, 228, 236, 0.4);
	border-radius: 8px;
	padding: 1rem;
	margin-bottom: 1rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.six76-liquid-glass-wrapper {
		padding: 1.5rem 1rem;
	}

	.six76-glass-card {
		padding: 1rem;
	}

	.six76-text-glow {
		font-size: 2rem !important;
	}

	.six76-trophy-float {
		font-size: 3.5rem !important;
	}

	.six76-winning-ticket-badge {
		font-size: 2rem;
		padding: 0.5rem 1rem;
	}
}
/**
 * My Orders list page (page-my-orders.php)
 *
 * Stat tiles, filter tabs, order cards, entry state badges, ticket chips
 * and the live-draw banner. Dark-first to match the six76 palette.
 */

/* --- Stat tiles --- */
.six76-orders-stat {
	background: linear-gradient(135deg, #152023 0%, #1b282c 100%);
	border: 1px solid rgba(57, 216, 224, 0.15);
	border-radius: 12px;
	padding: 1.25rem 1rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 0.25rem;
}

.six76-orders-stat--win {
	border-color: rgba(77, 240, 254, 0.35);
	box-shadow: 0 0 14px rgba(57, 216, 224, 0.12);
}

.six76-orders-stat-value {
	font-size: 1.5rem;
	font-weight: 700;
	color: #4df0fe;
	line-height: 1.2;
}

.six76-orders-stat-label {
	font-size: 0.75rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #93a0a3;
}

/* --- Filter tabs --- */
.six76-orders-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-bottom: 1.5rem;
}

.six76-orders-tab {
	padding: 0.5rem 1.1rem;
	border-radius: 9999px;
	border: 1px solid #39454a;
	background: transparent;
	color: #93a0a3;
	font-size: 0.875rem;
	font-weight: 600;
	cursor: pointer;
	transition: color 0.15s ease, border-color 0.15s ease, background-color 0.15s ease;
}

.six76-orders-tab:hover {
	color: #39d8e0;
	border-color: #39d8e0;
}

.six76-orders-tab.is-active {
	background: rgba(57, 216, 224, 0.12);
	border-color: #39d8e0;
	color: #39d8e0;
}

/* --- Order card --- */
.six76-order-card {
	background: var(--theme-card-bg, #141a1c);
	border: 1px solid var(--theme-border, #232a2c);
	border-radius: 12px;
	padding: 1.5rem;
	transition: box-shadow 0.15s ease, border-color 0.15s ease;
}

.six76-order-card:hover {
	border-color: rgba(57, 216, 224, 0.3);
	box-shadow: 0 0 18px rgba(57, 216, 224, 0.08);
}

/* --- Order status pill --- */
.six76-order-status {
	display: inline-flex;
	align-items: center;
	padding: 0.25rem 0.75rem;
	border-radius: 9999px;
	font-size: 0.875rem;
	font-weight: 500;
}

.six76-order-status--completed {
	background: rgba(34, 197, 94, 0.15);
	color: #4ade80;
}

.six76-order-status--processing {
	background: rgba(57, 216, 224, 0.15);
	color: #39d8e0;
}

.six76-order-status--on-hold,
.six76-order-status--pending {
	background: rgba(234, 179, 8, 0.15);
	color: #facc15;
}

.six76-order-status--cancelled {
	background: rgba(239, 68, 68, 0.15);
	color: #f87171;
}

/* --- Entry state badges --- */
.six76-entry-badge {
	display: inline-flex;
	align-items: center;
	padding: 0.125rem 0.625rem;
	border-radius: 9999px;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.02em;
}

.six76-entry-badge--open,
.six76-entry-badge--awaiting_draw {
	background: rgba(57, 216, 224, 0.12);
	color: #39d8e0;
}

.six76-entry-badge--drawing_live {
	background: rgba(239, 68, 68, 0.18);
	color: #f87171;
	animation: six76-pulse 2s infinite;
}

.six76-entry-badge--won {
	background: linear-gradient(135deg, rgba(234, 179, 8, 0.25), rgba(250, 204, 21, 0.15));
	color: #facc15;
}

.six76-entry-badge--lost {
	background: rgba(147, 160, 163, 0.12);
	color: #93a0a3;
}

.six76-entry-badge--draw_failed {
	background: rgba(239, 68, 68, 0.12);
	color: #f87171;
}

.six76-entry-badge--instant {
	background: rgba(77, 240, 254, 0.15);
	color: #4df0fe;
}

.six76-entry-badge--prize {
	background: rgba(217, 70, 239, 0.15);
	color: #f0abfc;
}

.six76-entry-badge--delivery {
	background: rgba(57, 216, 224, 0.12);
	color: #6be4ec;
}

.six76-entry-badge--delivered {
	background: rgba(34, 197, 94, 0.15);
	color: #4ade80;
}

.six76-entry-badge--merch {
	background: rgba(147, 160, 163, 0.12);
	color: #b8c2c4;
}

/* --- Live draw banner --- */
.six76-live-banner {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	background: linear-gradient(135deg, rgba(239, 68, 68, 0.18), rgba(153, 27, 27, 0.15));
	border: 1px solid rgba(239, 68, 68, 0.4);
	border-radius: 10px;
	padding: 0.875rem 1rem;
	margin-bottom: 1rem;
	color: #fca5a5;
	font-weight: 600;
}

.six76-live-dot {
	width: 0.625rem;
	height: 0.625rem;
	border-radius: 9999px;
	background: #ef4444;
	box-shadow: 0 0 8px rgba(239, 68, 68, 0.8);
	animation: six76-pulse 1.5s infinite;
	flex-shrink: 0;
}

@keyframes six76-pulse {
	0%,
	100% {
		opacity: 1;
	}
	50% {
		opacity: 0.45;
	}
}

.six76-live-banner-link {
	padding: 0.375rem 0.875rem;
	border-radius: 9999px;
	background: #ef4444;
	color: #fff;
	font-size: 0.8125rem;
	font-weight: 700;
	white-space: nowrap;
	transition: background-color 0.15s ease;
}

.six76-live-banner-link:hover {
	background: #dc2626;
	color: #fff;
}

/* --- Instant win summary --- */
.six76-instant-win-summary {
	background: rgba(234, 179, 8, 0.08);
	border-left: 4px solid #eab308;
	border-radius: 0 8px 8px 0;
	padding: 1rem;
	margin-bottom: 1rem;
	color: #fde68a;
}

.six76-instant-win-summary-title {
	font-weight: 600;
	color: #facc15;
	margin-bottom: 0.5rem;
}

.six76-instant-win-count {
	display: inline-block;
	min-width: 2rem;
	text-align: center;
	font-weight: 700;
	background: rgba(234, 179, 8, 0.25);
	border-radius: 4px;
	padding: 0 0.25rem;
	margin-right: 0.5rem;
}

.six76-instant-win-total {
	padding-top: 0.5rem;
	margin-top: 0.5rem;
	border-top: 1px solid rgba(234, 179, 8, 0.35);
	font-weight: 600;
}

/* Non-credit prizes sit above the credit lines and read as owed, not banked. */
.six76-instant-win-prizes {
	padding-bottom: 0.5rem;
	margin-bottom: 0.5rem;
	border-bottom: 1px solid rgba(234, 179, 8, 0.35);
}

.six76-instant-win-prizes-title {
	display: block;
	margin-bottom: 0.25rem;
	font-weight: 700;
	color: #facc15;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	font-size: 0.6875rem;
}

.six76-instant-win-prizes-note {
	margin-top: 0.25rem;
	color: #fde68a;
	opacity: 0.75;
	font-size: 0.75rem;
	font-style: italic;
}

/* --- Ticket chips --- */
.six76-tickets-toggle {
	display: inline-flex;
	align-items: center;
	background: none;
	border: none;
	padding: 0;
	font-size: 0.875rem;
	font-weight: 500;
	color: #39d8e0;
	cursor: pointer;
	transition: color 0.15s ease;
}

.six76-tickets-toggle:hover {
	color: #22a9b5;
}

.six76-tickets-toggle.is-open svg {
	transform: rotate(180deg);
}

.six76-tickets-panel {
	display: flex;
	flex-wrap: wrap;
	gap: 0.375rem;
	margin-top: 0.5rem;
	padding: 0.75rem;
	background: rgba(13, 13, 13, 0.4);
	border: 1px solid #232a2c;
	border-radius: 8px;
}

.six76-tickets-panel.hidden {
	display: none;
}

.six76-ticket-chip {
	display: inline-flex;
	align-items: center;
	padding: 0.125rem 0.5rem;
	border-radius: 6px;
	background: rgba(57, 216, 224, 0.08);
	border: 1px solid rgba(57, 216, 224, 0.2);
	color: #6be4ec;
	font-size: 0.75rem;
	font-variant-numeric: tabular-nums;
}

.six76-ticket-chip--winner {
	background: rgba(234, 179, 8, 0.2);
	border-color: #eab308;
	color: #facc15;
	font-weight: 700;
}

.six76-ticket-chip--instant {
	background: rgba(77, 240, 254, 0.15);
	border-color: #4df0fe;
	color: #4df0fe;
	font-weight: 600;
}

.six76-ticket-chip--prize {
	background: rgba(217, 70, 239, 0.15);
	border-color: #d946ef;
	color: #f0abfc;
	font-weight: 700;
}

.six76-tickets-more {
	display: inline-flex;
	align-items: center;
	padding: 0.125rem 0.5rem;
	color: #93a0a3;
	font-size: 0.75rem;
	font-style: italic;
}

/* --- Pager --- */
.six76-orders-pager {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	margin-top: 2rem;
	flex-wrap: wrap;
}

.six76-orders-pager-link {
	padding: 0.5rem 1.1rem;
	border-radius: 9999px;
	border: 1px solid #39454a;
	color: #39d8e0;
	font-size: 0.875rem;
	font-weight: 600;
	transition: color 0.15s ease, border-color 0.15s ease, background-color 0.15s ease;
}

.six76-orders-pager-link:hover {
	color: #4df0fe;
	border-color: #39d8e0;
	background: rgba(57, 216, 224, 0.12);
}

.six76-orders-pager-info {
	color: #93a0a3;
	font-size: 0.875rem;
}
/* Order details view ([six76_order_details] shortcode).
   Cards, badges and ticket chips come from _orders-list.css; this file only
   styles the detail-specific summary and address blocks. */

.six76-order-details-totals {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.six76-order-details-totals-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #93a0a3;
	font-size: 0.9375rem;
}

.six76-order-details-totals-row--total {
	padding-top: 0.5rem;
	margin-top: 0.25rem;
	border-top: 1px solid #232a2c;
	color: #fff;
	font-size: 1.125rem;
	font-weight: 700;
}

.six76-order-details-address {
	padding: 0.75rem 1rem;
	background: rgba(13, 13, 13, 0.4);
	border: 1px solid #232a2c;
	border-radius: 8px;
}
/* Contact Us Page Styles */

/* Main Header */
.six76-contact-header {
  margin-bottom: 2rem;
  text-align: center;
}
@media only screen and (max-width: 479px) {
  
  .woocommerce ul.products li.product .rounded-lg.p-3.six76-contact-header {
    background: none;
    border: none;
    padding: 0;
    box-shadow: none;
    backdrop-filter: none;
    margin: 0;
    border-radius: 0;
  }
}

.six76-contact-main-title {
  margin-bottom: 1rem;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
  color: var(--theme-text);
}

[data-theme="dark"] .single-product .six76-contact-main-title {
  color: var(--theme-text);
}

[data-theme="dark"] .six76-contact-main-title {
  color: var(--theme-text);
}

.single-product .six76-contact-main-title table {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .six76-contact-main-title table.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .lottery-info-container .six76-contact-main-title {
  color: var(--theme-text);
}

.single-product .six76-cyan-gradient-box .six76-contact-main-title {
  color: rgba(255, 255, 255, 0.9);
}

@media (min-width: 768px) {
  .six76-contact-main-title {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

.six76-contact-main-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}

@media (max-width: 1023px) {
  #mobile-menu .six76-contact-main-title.items-center.justify-between {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  #mobile-menu .flex.six76-contact-main-title.justify-between {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
}

@media (max-width: 640px) {
  .filters-section .six76-contact-main-title {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
}

.six76-contact-icon {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.six76-contact-subtitle {
  font-size: 1.125rem;
  line-height: 1.75rem;
  opacity: 0.9;
  color: var(--theme-text);
}

[data-theme="dark"] .single-product .six76-contact-subtitle {
  color: var(--theme-text);
}

[data-theme="dark"] .six76-contact-subtitle {
  color: var(--theme-text);
}

.single-product .six76-contact-subtitle table {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .six76-contact-subtitle table.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .lottery-info-container .six76-contact-subtitle {
  color: var(--theme-text);
}

.single-product .six76-cyan-gradient-box .six76-contact-subtitle {
  color: rgba(255, 255, 255, 0.9);
}

@media (min-width: 768px) {
  .six76-contact-subtitle {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

/* Section Containers */
.six76-contact-section {
  margin-bottom: 1.5rem;
  border-radius: 1rem;
  background-color: rgb(243 232 255 / 0.1);
  padding: 1.5rem;
  --tw-backdrop-blur: blur(4px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
@media (min-width: 768px) {
  .six76-contact-section {
    padding: 2rem;
  }
}
.six76-contact-section {
  border-width: 1px;
  border-color: rgb(216 180 254 / 0.2);
}
.six76-orders-section .six76-contact-section {
  --tw-border-opacity: 1;
  border-color: rgb(35 42 44 / var(--tw-border-opacity, 1));
}

/* Section Titles */
.six76-contact-section-title {
  margin-bottom: 1.5rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  color: var(--theme-text);
}
[data-theme="dark"] .single-product .six76-contact-section-title {
  color: var(--theme-text);
}
[data-theme="dark"] .six76-contact-section-title {
  color: var(--theme-text);
}
.single-product .six76-contact-section-title table {
  margin-left: auto;
  margin-right: auto;
  display: table;
}
.single-product .six76-contact-section-title table.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: table;
}
.single-product .lottery-info-container .six76-contact-section-title {
  color: var(--theme-text);
}
.single-product .six76-cyan-gradient-box .six76-contact-section-title {
  color: rgba(255, 255, 255, 0.9);
}
@media (min-width: 768px) {
  .six76-contact-section-title {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.six76-contact-section-title {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
@media (max-width: 1023px) {
  #mobile-menu .six76-contact-section-title.items-center.justify-between {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  #mobile-menu .flex.six76-contact-section-title.justify-between {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
}
@media (max-width: 640px) {
  .filters-section .six76-contact-section-title {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
}

.six76-contact-section-icon {
  font-size: 1.5rem;
  line-height: 2rem;
}

@media (min-width: 768px) {
  .six76-contact-section-icon {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

/* Content Area */
.six76-contact-content > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.six76-contact-content {
  color: var(--theme-text);
}
[data-theme="dark"] .single-product .six76-contact-content {
  color: var(--theme-text);
}
[data-theme="dark"] .six76-contact-content {
  color: var(--theme-text);
}
#mobile-menu .six76-contact-content > * {
  margin-bottom: 1rem;
}
#mobile-menu .six76-contact-content > *:last-child {
  margin-bottom: 0;
}
@media (max-width: 1023px) {
  #mobile-menu .six76-contact-content {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }
  #mobile-menu .six76-contact-content > li {
    margin: 0;
  }
}
.single-product .six76-contact-content table {
  margin-left: auto;
  margin-right: auto;
  display: table;
}
.single-product .six76-contact-content table.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: table;
}
.single-product .lottery-info-container .six76-contact-content {
  color: var(--theme-text);
}
.single-product .six76-cyan-gradient-box .six76-contact-content {
  color: rgba(255, 255, 255, 0.9);
}

/* Email Section */
.six76-contact-email-intro {
  margin-bottom: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
}
@media (min-width: 768px) {
  .six76-contact-email-intro {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

/* `break-all` because the address is one unbreakable token at 320px. The 44px
   floor applies too: at 375px and above the address fits on one line and the
   link comes out 28px tall, which is the site's primary "contact us" action. */
.six76-contact-email-link {
  display: block;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(57 216 224 / var(--tw-text-opacity, 1));
}
[data-theme="dark"] .single-product .six76-contact-email-link {
  color: var(--six76-cyan);
}
[data-theme="dark"] .text-gray-500:not(.six76-contact-email-link):not(.text-six76-cyan-bright):not(.text-six76-red) {
  color: var(--theme-text-secondary);
}
.single-product .six76-contact-email-link {
  color: #39D8E0;
}
.six76-contact-email-link:hover {
  --tw-text-opacity: 1;
  color: rgb(192 132 252 / var(--tw-text-opacity, 1));
}
@media (min-width: 768px) {
  .six76-contact-email-link {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}
.six76-contact-email-link {
  margin-bottom: 1rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  word-break: break-all;
  min-height: 44px;
}

.six76-contact-response-time {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-style: italic;
  opacity: 0.8;
  color: var(--theme-text);
}

[data-theme="dark"] .single-product .six76-contact-response-time {
  color: var(--theme-text);
}

[data-theme="dark"] .six76-contact-response-time {
  color: var(--theme-text);
}

.single-product .six76-contact-response-time table {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .six76-contact-response-time table.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .lottery-info-container .six76-contact-response-time {
  color: var(--theme-text);
}

.single-product .six76-cyan-gradient-box .six76-contact-response-time {
  color: rgba(255, 255, 255, 0.9);
}

@media (min-width: 768px) {
  .six76-contact-response-time {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

/* Business Hours */
.six76-contact-hours > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.six76-account-stats .six76-contact-hours > div {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(35 42 44 / var(--tw-border-opacity, 1));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.six76-account-stats .six76-contact-hours > div:last-child {
  border-bottom-width: 0px;
}
.six76-quick-actions .six76-contact-hours a {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}

.six76-contact-hours-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 1023px) {
  #mobile-menu .six76-contact-hours-row.items-center.justify-between {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  #mobile-menu .flex.items-center.six76-contact-hours-row {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  #mobile-menu .flex.six76-contact-hours-row.justify-between {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
}

@media (max-width: 640px) {
  .filters-section .six76-contact-hours-row {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
}

.six76-contact-hours-row {
  border-radius: 0.5rem;
  background-color: rgb(233 213 255 / 0.1);
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media only screen and (max-width: 479px) {
  
  .woocommerce ul.products li.product .six76-contact-hours-row.p-3.text-center {
    background: none;
    border: none;
    padding: 0;
    box-shadow: none;
    backdrop-filter: none;
    margin: 0;
    border-radius: 0;
  }
}

.six76-contact-hours-day {
  font-weight: 600;
  color: var(--theme-text);
}

[data-theme="dark"] .single-product .six76-contact-hours-day {
  color: var(--theme-text);
}

[data-theme="dark"] .six76-contact-hours-day {
  color: var(--theme-text);
}

.single-product .six76-contact-hours-day table {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .six76-contact-hours-day table.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .lottery-info-container .six76-contact-hours-day {
  color: var(--theme-text);
}

.single-product .six76-cyan-gradient-box .six76-contact-hours-day {
  color: rgba(255, 255, 255, 0.9);
}

.six76-contact-hours-time {
  color: var(--theme-text);
}

[data-theme="dark"] .single-product .six76-contact-hours-time {
  color: var(--theme-text);
}

[data-theme="dark"] .six76-contact-hours-time {
  color: var(--theme-text);
}

.single-product .six76-contact-hours-time table {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .six76-contact-hours-time table.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .lottery-info-container .six76-contact-hours-time {
  color: var(--theme-text);
}

.single-product .six76-cyan-gradient-box .six76-contact-hours-time {
  color: rgba(255, 255, 255, 0.9);
}

/* Company Information */
.six76-contact-company-info > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

.six76-contact-company-name {
  margin-bottom: 0.5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  color: var(--theme-text);
}

[data-theme="dark"] .single-product .six76-contact-company-name {
  color: var(--theme-text);
}

[data-theme="dark"] .six76-contact-company-name {
  color: var(--theme-text);
}

.single-product .six76-contact-company-name table {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .six76-contact-company-name table.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .lottery-info-container .six76-contact-company-name {
  color: var(--theme-text);
}

.single-product .six76-cyan-gradient-box .six76-contact-company-name {
  color: rgba(255, 255, 255, 0.9);
}

@media (min-width: 768px) {
  .six76-contact-company-name {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

.six76-contact-company-detail {
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--theme-text);
}

[data-theme="dark"] .single-product .six76-contact-company-detail {
  color: var(--theme-text);
}

[data-theme="dark"] .six76-contact-company-detail {
  color: var(--theme-text);
}

.single-product .six76-contact-company-detail table {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .six76-contact-company-detail table.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .lottery-info-container .six76-contact-company-detail {
  color: var(--theme-text);
}

.single-product .six76-cyan-gradient-box .six76-contact-company-detail {
  color: rgba(255, 255, 255, 0.9);
}

@media (min-width: 768px) {
  .six76-contact-company-detail {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

/* FAQ Links Section */
.six76-contact-faq-intro {
  margin-bottom: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
}
@media (min-width: 768px) {
  .six76-contact-faq-intro {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.six76-contact-links {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1rem;
}

@media (max-width: 768px) {
  
  .six76-account-dashboard .six76-contact-links {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .products.six76-contact-links {
    gap: 1rem;
    padding: 0;
  }
  .products.six76-contact-links.grid-cols-1 {
    justify-items: center;
  }
  .products.grid.six76-contact-links {
    justify-items: center;
  }
  .products.six76-contact-links.grid-cols-1 > li {
    width: 100%;
    max-width: calc(100vw - 2rem);
  }
  .products.grid.six76-contact-links > li {
    width: 100%;
    max-width: calc(100vw - 2rem);
  }
}

@media (max-width: 580px) {
  .products.six76-contact-links {
    gap: 0.5rem;
  }
}

@media (min-width: 768px) {
  .six76-contact-links {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.six76-contact-link-item {
  display: block;
  border-radius: 0.5rem;
  background-color: rgb(233 213 255 / 0.2);
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media only screen and (max-width: 479px) {
  
  .woocommerce ul.products li.product .six76-contact-link-item.p-3.text-center {
    background: none;
    border: none;
    padding: 0;
    box-shadow: none;
    backdrop-filter: none;
    margin: 0;
    border-radius: 0;
  }
}

.six76-contact-link-item {
  text-align: center;
  font-weight: 600;
  color: var(--theme-text);
}

@media only screen and (max-width: 479px) {
  
  .woocommerce ul.products li.product .rounded-lg.p-3.six76-contact-link-item {
    background: none;
    border: none;
    padding: 0;
    box-shadow: none;
    backdrop-filter: none;
    margin: 0;
    border-radius: 0;
  }
}

.six76-contact-link-item {
  color: var(--theme-text);
}

[data-theme="dark"] .single-product .six76-contact-link-item {
  color: var(--theme-text);
}

[data-theme="dark"] .six76-contact-link-item {
  color: var(--theme-text);
}

.single-product .six76-contact-link-item table {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .six76-contact-link-item table.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .lottery-info-container .six76-contact-link-item {
  color: var(--theme-text);
}

.single-product .six76-cyan-gradient-box .six76-contact-link-item {
  color: rgba(255, 255, 255, 0.9);
}

.six76-contact-link-item:hover {
  background-color: rgb(216 180 254 / 0.3);
  --tw-text-opacity: 1;
  color: rgb(57 216 224 / var(--tw-text-opacity, 1));
}

.six76-contact-link-item {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  border-width: 1px;
  border-color: rgb(216 180 254 / 0.2);
}

.six76-orders-section .six76-contact-link-item {
  --tw-border-opacity: 1;
  border-color: rgb(35 42 44 / var(--tw-border-opacity, 1));
}

.six76-contact-link-item:hover {
  border-color: rgb(192 132 252 / 0.4);
}

/* Contact form (inc/contact-form.php) */
.six76-contact-form-intro {
  margin-bottom: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
}
@media (min-width: 768px) {
  .six76-contact-form-intro {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.six76-contact-form-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1rem;
}

@media (max-width: 768px) {
  
  .six76-account-dashboard .six76-contact-form-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .products.six76-contact-form-grid {
    gap: 1rem;
    padding: 0;
  }
  .products.six76-contact-form-grid.grid-cols-1 {
    justify-items: center;
  }
  .products.grid.six76-contact-form-grid {
    justify-items: center;
  }
  .products.six76-contact-form-grid.grid-cols-1 > li {
    width: 100%;
    max-width: calc(100vw - 2rem);
  }
  .products.grid.six76-contact-form-grid > li {
    width: 100%;
    max-width: calc(100vw - 2rem);
  }
}

@media (max-width: 580px) {
  .products.six76-contact-form-grid {
    gap: 0.5rem;
  }
}

@media (min-width: 768px) {
  .six76-contact-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.six76-contact-form-field {
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

@media (max-width: 1023px) {
  #mobile-menu .six76-contact-form-field.items-center.justify-between {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
}

@media (max-width: 640px) {
  .filters-section .six76-contact-form-field {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
}

.six76-contact-form-label {
  font-weight: 600;
  color: var(--theme-text);
}

[data-theme="dark"] .single-product .six76-contact-form-label {
  color: var(--theme-text);
}

[data-theme="dark"] .six76-contact-form-label {
  color: var(--theme-text);
}

.single-product .six76-contact-form-label table {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .six76-contact-form-label table.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .lottery-info-container .six76-contact-form-label {
  color: var(--theme-text);
}

.single-product .six76-cyan-gradient-box .six76-contact-form-label {
  color: rgba(255, 255, 255, 0.9);
}

.six76-contact-form-input,
.six76-contact-form-textarea {
  padding: 0.875rem 1.125rem;
  border: 1px solid rgba(57, 216, 224, 0.35);
  border-radius: 0.5rem;
  background: rgba(255, 255, 255, 0.04);
  color: #f5f6f7;
  font-size: 1rem;
  width: 100%;
}

.six76-contact-form-input::-moz-placeholder, .six76-contact-form-textarea::-moz-placeholder {
  color: #93a0a3;
}

.six76-contact-form-input::placeholder,
.six76-contact-form-textarea::placeholder {
  color: #93a0a3;
}

.six76-contact-form-input:focus,
.six76-contact-form-textarea:focus {
  outline: none;
  border-color: #39d8e0;
  box-shadow: 0 0 0 3px rgba(57, 216, 224, 0.25);
}

.six76-contact-form-textarea {
  resize: vertical;
  min-height: 8rem;
}

.six76-contact-form-consent {
  display: flex;
  gap: 0.625rem;
  align-items: flex-start;
  margin: 0.5rem 0 0;
  color: #93a0a3;
  font-size: 0.8125rem;
  line-height: 1.6;
  cursor: pointer;
}

/* The <label> is the tap target here - it is the full row and owns the taps -
   but the box matches the 1.25rem the auth forms' checkboxes now use, so a
   required consent control is the same size wherever a customer meets one. */
.six76-contact-form-consent input {
  flex-shrink: 0;
  margin-top: 0.2rem;
  width: 1.25rem;
  height: 1.25rem;
  accent-color: #39d8e0;
}

.six76-contact-form-privacy {
  margin-top: 0.75rem;
  color: #93a0a3;
  font-size: 0.75rem;
}

.six76-contact-form-privacy a {
  color: #39d8e0;
  text-decoration: underline;
}

.six76-contact-form-submit {
  margin-top: 1.5rem;
  display: inline-block;
  border-radius: 0.5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-weight: 700;
}

@media only screen and (max-width: 479px) {
  
  .woocommerce ul.products li.product .six76-contact-form-submit.p-3.text-center {
    background: none;
    border: none;
    padding: 0;
    box-shadow: none;
    backdrop-filter: none;
    margin: 0;
    border-radius: 0;
  }
}

.six76-contact-form-submit {
  background: #39d8e0;
  color: #0d0d0d;
  transition: background-color 0.2s ease;
}

.six76-contact-form-submit:hover {
  background: #4df0fe;
}

.six76-contact-form-notice {
  margin: 0 0 1.5rem;
  padding: 0.875rem 1.125rem;
  border-radius: 0.5rem;
  font-size: 0.9375rem;
}

.six76-contact-form-notice--success {
  border: 1px solid rgba(57, 216, 224, 0.5);
  background: rgba(57, 216, 224, 0.1);
  color: #39d8e0;
}

.six76-contact-form-notice--error {
  border: 1px solid rgba(239, 68, 68, 0.5);
  background: rgba(239, 68, 68, 0.1);
  color: #ef4444;
}

/* Honeypot: off-screen rather than display:none, which some bots skip. */
.six76-contact-form-hp {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .six76-contact-main-title {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .six76-contact-subtitle {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .six76-contact-section {
    padding: 1rem;
  }

  .six76-contact-email-link {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .six76-contact-hours-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
  }

  .six76-contact-links {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
@media (max-width: 767px) {
  .products.grid.six76-contact-links {
    justify-items: center;
  }
  .products.grid.six76-contact-links > li {
    width: 100%;
    max-width: calc(100vw - 2rem);
  }
}
}
/**
 * 404 Page Styles - Liquid Glass Effect
 */

.six76-404-glass-container {
	background: linear-gradient(135deg,
		rgba(57, 216, 224, 0.15) 0%,
		rgba(107, 228, 236, 0.15) 100%);
	border: 2px solid rgba(57, 216, 224, 0.3);
	border-radius: 24px;
	box-shadow:
		0 8px 32px rgba(57, 216, 224, 0.25),
		inset 0 1px 1px rgba(255, 255, 255, 0.2),
		0 0 60px rgba(57, 216, 224, 0.15);
	backdrop-filter: blur(16px);
	position: relative;
	overflow: hidden;
	padding: 2rem 3rem;
	transition: all 0.3s ease;
}

.six76-404-glass-container::before {
	content: '';
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	background: linear-gradient(
		45deg,
		transparent 30%,
		rgba(255, 255, 255, 0.1) 50%,
		transparent 70%
	);
	animation: six76-liquid-shine 3s ease-in-out infinite;
	pointer-events: none;
}

.six76-404-glass-container:hover {
	box-shadow:
		0 12px 40px rgba(57, 216, 224, 0.35),
		inset 0 1px 1px rgba(255, 255, 255, 0.3),
		0 0 80px rgba(57, 216, 224, 0.25);
	transform: translateY(-4px);
}

/* Dark mode variant */
.dark .six76-404-glass-container {
	background: linear-gradient(135deg,
		rgba(255, 207, 0, 0.15) 0%,
		rgba(255, 196, 0, 0.15) 100%);
	border: 2px solid rgba(255, 207, 0, 0.3);
	box-shadow:
		0 8px 32px rgba(255, 207, 0, 0.25),
		inset 0 1px 1px rgba(255, 255, 255, 0.1),
		0 0 60px rgba(255, 207, 0, 0.15);
}

.dark .six76-404-glass-container:hover {
	box-shadow:
		0 12px 40px rgba(255, 207, 0, 0.35),
		inset 0 1px 1px rgba(255, 255, 255, 0.2),
		0 0 80px rgba(255, 207, 0, 0.25);
}

/* Liquid shine animation */
@keyframes six76-liquid-shine {
	0% {
		transform: translateX(-100%) translateY(-100%) rotate(45deg);
	}
	100% {
		transform: translateX(100%) translateY(100%) rotate(45deg);
	}
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.six76-404-glass-container {
		padding: 1.5rem 2rem;
		border-radius: 16px;
	}
}
/* Free Postal Entry Modal (single product page) */

/* Overlay wrapper - hidden until .is-open is added by js/postal-entry.js */
.six76-postal-modal {
  position: fixed;
  inset: 0px;
  z-index: 50;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
@media (min-width: 1024px) {
  #masthead nav.six76-postal-modal.lg\\:block {
    display: block;
  }
}
@media (max-width: 1023px) {
  #masthead nav.six76-postal-modal.lg\\:block {
    display: none;
  }
  #mobile-menu .flex.six76-postal-modal.justify-between {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
}
.six76-tickets-panel.six76-postal-modal {
	display: none;
}

.six76-postal-modal.is-open {
  display: flex;
}

@media (max-width: 1023px) {
  #mobile-menu .six76-postal-modal.is-open.items-center.justify-between {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
}

@media (max-width: 640px) {
  .filters-section .six76-postal-modal.is-open {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
}

.six76-postal-modal-overlay {
  position: absolute;
  inset: 0px;
  background-color: rgb(13 13 13 / 0.8);
  --tw-backdrop-blur: blur(4px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.six76-postal-modal-panel {
  position: relative;
  border-radius: 1rem;
  border-width: 1px;
  background-color: var(--theme-card-bg);
  border-color: var(--theme-border);
}

[data-theme="dark"] .six76-postal-modal-panel {
  border-color: var(--theme-border);
}

.six76-orders-section .six76-postal-modal-panel {
  --tw-border-opacity: 1;
  border-color: rgb(35 42 44 / var(--tw-border-opacity, 1));
}

@media (max-width: 767px) {
  .products li .six76-postal-modal-panel {
    max-width: none;
    width: 100%;
  }
}

@media (max-width: 580px) {

  .products li .six76-postal-modal-panel {
    padding: 0.75rem;
  }
}

.six76-postal-modal-panel {
  max-height: 85vh;
  width: 100%;
  max-width: 32rem;
  overflow-y: auto;
  padding: 1.5rem;
}

@media (min-width: 768px) {
  .six76-postal-modal-panel {
    padding: 2rem;
  }
}

.six76-postal-modal-panel:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.six76-postal-modal-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1;
  color: var(--theme-text);
}

[data-theme="dark"] .single-product .six76-postal-modal-close {
  color: var(--theme-text);
}

[data-theme="dark"] .six76-postal-modal-close {
  color: var(--theme-text);
}

.single-product .six76-postal-modal-close table {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .six76-postal-modal-close table.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .lottery-info-container .six76-postal-modal-close {
  color: var(--theme-text);
}

.single-product .six76-cyan-gradient-box .six76-postal-modal-close {
  color: rgba(255, 255, 255, 0.9);
}

.six76-postal-modal-close {
  cursor: pointer;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.six76-postal-modal-close:hover {
  --tw-text-opacity: 1;
  color: rgb(77 240 254 / var(--tw-text-opacity, 1));
}

.six76-postal-modal-title {
  margin-bottom: 1rem;
  padding-right: 2rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  color: var(--theme-text);
}

[data-theme="dark"] .single-product .six76-postal-modal-title {
  color: var(--theme-text);
}

[data-theme="dark"] .six76-postal-modal-title {
  color: var(--theme-text);
}

.single-product .six76-postal-modal-title table {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .six76-postal-modal-title table.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .lottery-info-container .six76-postal-modal-title {
  color: var(--theme-text);
}

.single-product .six76-cyan-gradient-box .six76-postal-modal-title {
  color: rgba(255, 255, 255, 0.9);
}

@media (min-width: 768px) {
  .six76-postal-modal-title {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.six76-postal-modal-title {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

@media (max-width: 1023px) {
  #mobile-menu .six76-postal-modal-title.items-center.justify-between {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  #mobile-menu .flex.six76-postal-modal-title.justify-between {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
}

@media (max-width: 640px) {
  .filters-section .six76-postal-modal-title {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
}

.six76-postal-modal-body > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.six76-postal-modal-body {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--theme-text);
}

[data-theme="dark"] .single-product .six76-postal-modal-body {
  color: var(--theme-text);
}

[data-theme="dark"] .six76-postal-modal-body {
  color: var(--theme-text);
}

#mobile-menu .six76-postal-modal-body > * {
  margin-bottom: 1rem;
}

#mobile-menu .six76-postal-modal-body > *:last-child {
  margin-bottom: 0;
}

@media (max-width: 1023px) {
  #mobile-menu .six76-postal-modal-body {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }
  #mobile-menu .six76-postal-modal-body > li {
    margin: 0;
  }
}

.single-product .six76-postal-modal-body table {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .six76-postal-modal-body table.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.single-product .lottery-info-container .six76-postal-modal-body {
  color: var(--theme-text);
}

.single-product .six76-cyan-gradient-box .six76-postal-modal-body {
  color: rgba(255, 255, 255, 0.9);
}

@media (min-width: 768px) {
  .six76-postal-modal-body {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.six76-postal-modal-body ol {
  list-style-type: decimal;
}

.six76-postal-modal-body ol > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}

.six76-postal-modal-body ol {
  padding-left: 1.25rem;
}

.six76-account-stats .six76-postal-modal-body ol > div {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(35 42 44 / var(--tw-border-opacity, 1));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.six76-account-stats .six76-postal-modal-body ol > div:last-child {
  border-bottom-width: 0px;
}

.six76-quick-actions .six76-postal-modal-body ol a {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}

.six76-postal-modal-body a {
  --tw-text-opacity: 1;
  color: rgb(57 216 224 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

[data-theme="dark"] .single-product .six76-postal-modal-body a {
  color: var(--six76-cyan);
}

[data-theme="dark"] .text-gray-500:not(.six76-postal-modal-body a):not(.text-six76-cyan-bright):not(.text-six76-red) {
  color: var(--theme-text-secondary);
}

.single-product .six76-postal-modal-body a {
  color: #39D8E0;
}

.six76-postal-modal-body a:hover {
  --tw-text-opacity: 1;
  color: rgb(77 240 254 / var(--tw-text-opacity, 1));
}

/* Lock page scroll while the modal is open */
body.six76-modal-open {
  overflow: hidden;
}
/* Merchandise shop cards (content-product-merch.php) — non-competition
 * products in [products] grids and the shop archive. The card shell reuses
 * the competition tile's Tailwind utilities; this partial only styles the
 * WooCommerce loop add-to-basket button, whose markup we don't control. */

/* The card's only control. flex rather than block so the 44px tap-target
   floor can centre a label that wraps to two lines on the longer names -
   these cards are 145px wide on a phone. */
.six76-merch-card .six76-merch-card-actions .button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 44px;
  text-align: center;
  background: #39d8e0;
  color: #000;
  font-weight: 600;
  font-size: 0.875rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.375rem;
  text-decoration: none;
  transition: background-color 0.2s ease;
}

.six76-merch-card .six76-merch-card-actions .button:hover {
  background: #4df0fe;
}

/* The card title is the second route to the product page (the photo above it
   is the first). Left inline it is only as tall as its text - 15px for a
   one-line name like "DMPPP" - so it becomes a block that fills the 44px
   floor. The `line-clamp-2` utility on the h3 is inert here (the h3 computes
   to display: flow-root, not -webkit-box), so nothing is being clamped that
   this could break. */
.six76-merch-card h3 a {
  display: flex;
  align-items: center;
  min-height: 44px;
}

/* "View basket" link WooCommerce appends after an AJAX add */
.six76-merch-card .six76-merch-card-actions .added_to_cart {
  display: block;
  width: 100%;
  margin-top: 0.375rem;
  text-align: center;
  font-size: 0.75rem;
  color: #39d8e0;
  text-decoration: underline;
}

/* Spinner state while the AJAX add is in flight */
.six76-merch-card .six76-merch-card-actions .button.loading {
  opacity: 0.6;
}

/* Products announced without a price yet */
.six76-merch-card .six76-merch-coming-soon {
  display: block;
  color: #39d8e0;
  font-weight: 600;
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 1px;
}
/* Merch card quick add to basket (inc/merch-quick-add.php +
 * js/merch-quick-add.js) — size/colour option pills and the AJAX
 * add-to-basket button shown on variable-product loop cards. The add button
 * itself inherits the cyan .button styling from _merch.css. */

.six76-qa {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.six76-qa-attr {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.six76-qa-label {
  font-size: 0.6875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: rgba(255, 255, 255, 0.6);
}

.six76-qa-options {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}

.six76-qa-option {
  min-width: 2rem;
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: #fff;
  background: transparent;
  border: 1px solid rgba(57, 216, 224, 0.4);
  border-radius: 0.375rem;
  cursor: pointer;
  transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.six76-qa-option:hover {
  border-color: #39d8e0;
}

.six76-qa-option--selected {
  background: #39d8e0;
  border-color: #39d8e0;
  color: #000;
}

/* Combination out of stock given the other selections */
.six76-qa-option--unavailable {
  opacity: 0.35;
  text-decoration: line-through;
  cursor: not-allowed;
}

.six76-merch-card .six76-merch-card-actions .six76-qa-add:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.six76-merch-card .six76-merch-card-actions .six76-qa-add--added {
  background: #22c55e;
  color: #000;
}

/* --- Phone widths: options move to the product page ----------------------
 * The grid goes 2-up below 768px (_merch-page.css), which leaves a card
 * ~145px wide at 320px. Option buttons sized to the 44x44 tap-target floor
 * take a sized product's card to 780px there - taller than the screen - so
 * the option rows give way to the "Choose Options" link that
 * inc/merch-quick-add.php renders beside them. Both are in the markup and
 * only one is ever shown; the card is page-cached, so the swap has to be a
 * media query rather than anything measured at runtime.
 *
 * Above the breakpoint the pointer is a mouse and the card is wide enough
 * for the chips, so quick add stays exactly as it was.
 *
 * `display` needs !important here. The link carries the `button` class, and
 * _woocommerce.css has `ul.products li.product .button { display: block }` at
 * specificity (0,3,2) - which beats these three-class selectors at (0,3,0) no
 * matter what order the partials are imported in. Without it the link stayed
 * visible on desktop alongside the chips it is supposed to replace, and the
 * mobile side only appeared to work because a different `.button` rule in
 * _merch-page.css happened to set flex below 768px.
 */
.six76-merch-card .six76-merch-card-actions .six76-qa-choose {
  display: none !important;
}

@media (max-width: 768px) {
  .six76-merch-card .six76-merch-card-actions .six76-qa {
    display: none !important;
  }

  /* The container carries the 44px height and the label centres inside it -
     no invisible overlay to grow the hit area (see _accessibility.css). */
  .six76-merch-card .six76-merch-card-actions .six76-qa-choose {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-height: 44px;
  }
}
/* Merchandise page (page 2573, client's "DM Performance" design).
 *
 * The page itself is built in Elementor (hero / [products] grid / support /
 * CTA sections); this partial carries its design so the styles are versioned
 * and survive client edits — the page's HTML widgets contain markup only.
 * Class names keep the client's dm- prefix because his Elementor content
 * references them; treat them like the historical wdw- names (see README).
 * Orbitron/Poppins are enqueued in functions.php for this page only.
 *
 * .dm-products is set as a custom class on the Elementor container that
 * wraps the [products] shortcode — it scopes the WooCommerce grid styling
 * to this page so competition grids elsewhere keep their own look.
 */

.page-id-2573 .entry-title,
.page-id-2573 .page-title {
  display: none;
}

.dm-merch-hero {
  min-height: 650px;
  display: flex;
  align-items: center;
  padding: 80px 8%;
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.92), rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.15)),
    radial-gradient(circle at right, rgba(57, 216, 224, 0.22), transparent 45%),
    #050808;
  border-top: 1px solid rgba(57, 216, 224, 0.35);
  border-bottom: 1px solid rgba(57, 216, 224, 0.35);
}

/* min-width: 0 because this is a flex item, and a flex item's automatic
   minimum size is its content's - which here is the longest word of the h1 in
   42px Orbitron. That measured 368px wide inside a 280px hero at 320px, so
   "OFFICIAL MERCHANDISE" rendered as "OFFICIAL MERCHANDIS" with the rest past
   the screen edge (hidden by the overflow-x: clip backstop, not fixed by it). */
.dm-merch-content {
  max-width: 720px;
  min-width: 0;
}

.dm-logo {
  width: 550px;
  height: auto;
  display: block;
  margin: -120px 0 1px 380px;
}

.dm-badge {
  display: inline-block;
  font-family: 'Orbitron', sans-serif;
  color: #39d8e0;
  border: 1px solid #39d8e0;
  padding: 8px 14px;
  border-radius: 999px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 20px;
}

.dm-merch-content h1,
.dm-section-head h2,
.dm-footer-cta h2 {
  color: #fff;
  font-family: 'Orbitron', sans-serif;
  font-weight: 900;
  font-style: italic;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.dm-merch-content h1 {
  font-size: clamp(42px, 5vw, 68px);
  line-height: 0.9;
  margin: 0 0 24px;
}

.dm-section-head h2,
.dm-footer-cta h2 {
  font-size: clamp(34px, 5vw, 60px);
  margin: 22px 0 16px;
}

.dm-merch-content p,
.dm-section-head p,
.dm-support-card p,
.dm-footer-cta p {
  font-family: 'Poppins', sans-serif;
  color: #c8d0d4;
  line-height: 1.8;
}

.dm-merch-content p {
  font-size: 19px;
  max-width: 620px;
  margin-bottom: 38px;
}

.dm-buttons {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

.dm-buttons.center {
  justify-content: center;
}

.dm-btn {
  display: inline-block;
  border-radius: 10px;
  font-family: 'Orbitron', sans-serif;
  font-weight: 900;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.25s ease;
  padding: 16px 28px;
  font-size: 15px;
}

.dm-btn.primary {
  background: #39d8e0;
  color: #000;
  box-shadow: 0 0 25px rgba(57, 216, 224, 0.55);
}

.dm-btn.secondary {
  border: 1px solid #39d8e0;
  color: #fff;
}

.dm-shop-section,
.dm-support-section,
.dm-footer-cta {
  padding: 90px 8%;
  background: #050808;
  border-top: 1px solid rgba(57, 216, 224, 0.25);
}

/* The [products] grid renders in its own Elementor container directly after
   this section, so the section keeps only half the usual bottom padding. */
.dm-shop-section {
  padding-bottom: 45px;
}

.dm-section-head {
  text-align: center;
  max-width: 850px;
  margin: 0 auto 45px;
}

.dm-filter-bar {
  display: flex;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
}

/* ---------- Filter pills (shared) ----------------------------------------
   The merch collection filters set the house style for filter buttons: hollow
   pill, thin cyan outline, uppercase Orbitron. The competition filters reuse it
   from here rather than carrying a second copy of the same design —
   .catalog-tab is the homepage category switcher (front-page.php) and
   .six76-filter-btn the Competitions page filter (page-competitions.php).
   Both are <button>s, hence the explicit background/cursor reset. */

.dm-filter-bar a,
.six76-filter-btn,
.catalog-tab {
  display: inline-flex;
  align-items: center;
  font-family: 'Orbitron', sans-serif;
  background: transparent;
  color: #fff;
  border: 1px solid rgba(57, 216, 224, 0.55);
  padding: 12px 18px;
  border-radius: 999px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.dm-filter-bar a:hover,
.six76-filter-btn:hover,
.catalog-tab:hover {
  background: #39d8e0;
  color: #000;
}

.dm-filter-bar a:focus-visible,
.six76-filter-btn:focus-visible,
.catalog-tab:focus-visible {
  outline: 2px solid #4df0fe;
  outline-offset: 2px;
}

/* The selected filter stays obvious: the pill fills in. */
.dm-filter-bar a.active,
.six76-filter-btn.active,
.catalog-tab.active {
  background: #39d8e0;
  border-color: #39d8e0;
  color: #000;
  box-shadow: 0 0 18px rgba(57, 216, 224, 0.45);
}

/* The pills are the house filter control on three surfaces, so the 44px floor
   belongs on the shared rule rather than on the merch copy of it: they
   measured 33px tall at every phone width. min-height plus the inline-flex
   centring above gives the height to the control itself - no overlay, which
   would reach into the pill beside it (see _accessibility.css). */
.dm-filter-bar a,
.six76-filter-btn,
.catalog-tab {
  min-height: 44px;
}

@media (max-width: 480px) {
  .dm-filter-bar a,
  .six76-filter-btn,
  .catalog-tab {
    padding: 10px 14px;
    font-size: 11px;
  }
}

.dm-support-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.dm-support-card {
  background: linear-gradient(180deg, rgba(57, 216, 224, 0.10), rgba(0, 0, 0, 0.55));
  border: 1px solid rgba(57, 216, 224, 0.45);
  border-radius: 18px;
  padding: 30px 24px;
  text-align: center;
  box-shadow: 0 0 25px rgba(57, 216, 224, 0.10);
}

.dm-support-card h3 {
  color: #fff;
  font-family: 'Orbitron', sans-serif;
  font-size: 21px;
  font-weight: 900;
  font-style: italic;
  text-transform: uppercase;
  margin-bottom: 14px;
}

.dm-support-card p {
  font-size: 14px;
}

.dm-footer-cta {
  text-align: center;
  background:
    radial-gradient(circle at center, rgba(57, 216, 224, 0.18), transparent 45%),
    #030606;
}

.dm-footer-cta p {
  max-width: 700px;
  margin: 0 auto 32px;
}

/* ---------- WooCommerce grid on this page (six76-merch-card markup) ------
   Restyles the theme's merch cards to the client's dm-product-card look:
   gradient tile, cyan border, Orbitron type. The card's own chrome (inner
   bg-theme-card div) is flattened so the tile styling sits on the <li>. */

.dm-products {
  background: #050808;
  padding: 0 8% 90px;
}

/* minmax(0, 1fr), not 1fr: a bare `1fr` is `minmax(auto, 1fr)`, so every track
   is floored at its card's content width and the grid stops responding to the
   viewport entirely. It measured 407px wide at 320px, 375px AND 414px - the
   same three columns every time, with the third card clipped off-screen at the
   two narrower widths. The zero minimum lets the tracks shrink. */
.dm-products ul.products {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin: 0;
  padding: 0;
}

/* Grid cells only — the slider's slide widths are set inline by Swiper,
   and a stylesheet !important would override them (slides balloon to
   full track width). */
.dm-products ul.products li.product {
  width: 100% !important;
}

.dm-products ul.products li.product,
.six76-merch-slider ul.products li.product {
  margin: 0;
  background: linear-gradient(180deg, rgba(57, 216, 224, 0.10), rgba(0, 0, 0, 0.55));
  border: 1px solid rgba(57, 216, 224, 0.45);
  border-radius: 18px;
  padding: 24px !important;
  text-align: center;
  box-shadow: 0 0 25px rgba(57, 216, 224, 0.10);
}

.dm-products ul.products li.product > div,
.six76-merch-slider ul.products li.product > div {
  background: transparent;
  border: 0;
  box-shadow: none;
  transform: none;
}

.dm-products ul.products li.product img,
.six76-merch-slider ul.products li.product img {
  border-radius: 14px;
}

.dm-products ul.products li.product h3,
.dm-products ul.products li.product h3 a,
.six76-merch-slider ul.products li.product h3,
.six76-merch-slider ul.products li.product h3 a {
  color: #fff;
  font-family: 'Orbitron', sans-serif;
  font-size: 20px;
  font-weight: 900;
  font-style: italic;
  text-transform: uppercase;
}

.dm-products ul.products li.product .six76-merch-card-desc,
.six76-merch-slider ul.products li.product .six76-merch-card-desc {
  font-family: 'Poppins', sans-serif;
  color: #c8d0d4;
  font-size: 14px;
  line-height: 1.8;
}

.dm-products ul.products li.product .six76-product-price,
.dm-products ul.products li.product .six76-merch-coming-soon,
.dm-products ul.products li.product .price,
.six76-merch-slider ul.products li.product .six76-product-price,
.six76-merch-slider ul.products li.product .six76-merch-coming-soon,
.six76-merch-slider ul.products li.product .price {
  color: #39d8e0 !important;
  font-family: 'Orbitron', sans-serif;
  font-weight: 900;
  text-transform: uppercase;
}

.dm-products ul.products li.product .six76-merch-card-actions .button,
.six76-merch-slider ul.products li.product .six76-merch-card-actions .button {
  border-radius: 10px;
  font-family: 'Orbitron', sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  box-shadow: 0 0 25px rgba(57, 216, 224, 0.55);
}

/* ---------- "New Drops" Swiper carousel ([six76_merch_slider]) ----------
   The section reuses .dm-footer-cta; these rules are the carousel itself.
   The ul is Swiper's flex track, so none of the .dm-products grid rules
   may target it. */

.six76-merch-slider-section .six76-merch-slider {
  max-width: 1240px;
  margin: 0 auto 40px;
  padding: 4px 4px 8px; /* room for the card glow */
  overflow: hidden;
}

.six76-merch-slider ul.products {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}

.six76-merch-slider ul.products li.product {
  height: auto;
  flex-shrink: 0;
  float: none;
}

.six76-merch-slider .swiper-pagination {
  position: static;
  margin-top: 18px;
}

.six76-merch-slider .swiper-pagination-bullet {
  background: rgba(57, 216, 224, 0.35);
  opacity: 1;
}

.six76-merch-slider .swiper-pagination-bullet-active {
  background: #39d8e0;
}

@media (max-width: 1000px) {
  .dm-support-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* The product grid drops to 2 columns on phones, matching the competitions
   listing. 3-up leaves a 93px card with a 47px product photo at 320px, and
   there is no room in it for a 44x44 control of any kind. At 2-up the card is
   145px with a 99px photo. The desktop card chrome (24px padding, 20px
   Orbitron titles) is still too heavy at that width, so it scales down too. */
@media (max-width: 768px) {
  .dm-merch-hero {
    min-height: 560px;
    padding: 60px 24px;
  }

  .dm-logo {
    width: 240px;
    margin: 0;
  }

  /* The section-carousel rule further down sets 300px and outranks the line
     above, which put the logo 22px past the right edge at 320px. */
  .six76-section-carousel .dm-logo {
    width: min(240px, 100%);
    margin: 0 0 16px;
  }

  /* Both display headings are floored well above what fits on a phone: at
     42px Orbitron the single word "MERCHANDISE" is 368px wide, and "MERCH
     COLLECTION" was breaking mid-word as "COLLECTIO / N". The mobile ceilings
     meet the desktop floors exactly at 768px, so nothing changes above it. */
  .dm-merch-content h1 {
    font-size: clamp(26px, 8vw, 42px);
  }

  .dm-section-head h2,
  .dm-footer-cta h2 {
    font-size: clamp(24px, 7.5vw, 34px);
  }

  .dm-merch-content p {
    font-size: 16px;
  }

  .dm-support-grid {
    grid-template-columns: 1fr;
  }

  .dm-products {
    padding: 0 16px 60px;
  }

  .dm-products ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .dm-products ul.products li.product {
    padding: 10px !important;
    border-radius: 12px;
  }

  .dm-products ul.products li.product img {
    border-radius: 8px;
  }

  /* The card body carries its own p-3 on top of the tile padding —
     together that's most of a 110px column, so trim it here. */
  .dm-products ul.products li.product .p-3 {
    padding: 8px 4px 4px;
  }

  .dm-products ul.products li.product h3,
  .dm-products ul.products li.product h3 a {
    font-size: 12px;
  }

  .dm-products ul.products li.product .six76-merch-card-desc {
    font-size: 10px;
    line-height: 1.5;
  }

  .dm-products ul.products li.product .six76-product-price,
  .dm-products ul.products li.product .six76-merch-coming-soon,
  .dm-products ul.products li.product .price {
    font-size: 12px;
  }

  /* The card's only control, so it carries the 44px floor itself - flex
     centring rather than symmetric padding, because the label wraps to two
     lines on the longer product names. */
  .dm-products ul.products li.product .six76-merch-card-actions .button {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 8px 10px;
    font-size: 11px;
    width: 100%;
  }
}

/* ---------- Section carousel (Elementor Pro Nested Carousel) ----------
   The merch page's content sections ride in a nested carousel
   (.six76-section-carousel on its wrapping container). Slides are whole
   sections with very different natural heights: compress the hero slide
   so it doesn't dictate a huge track height, and centre the shorter
   slides vertically in the space that remains. */

.six76-section-carousel .swiper-slide {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.six76-section-carousel .dm-merch-hero {
  min-height: 420px;
  padding: 50px 8%;
}

.six76-section-carousel .dm-logo {
  width: 300px;
  margin: 0 0 16px;
}

.six76-section-carousel .dm-shop-section {
  padding: 45px 8% 55px;
}

.six76-section-carousel .dm-support-section,
.six76-section-carousel .dm-footer-cta {
  padding: 70px 8%;
}

/* Each slide holds exactly one section; stretch the HTML widget to the
   slide's full (equalised) height and centre the section in it. The
   .swiper-slide rule above can lose to .e-con's own flex settings, so the
   centring happens inside the widget chain instead. */

.six76-section-carousel .swiper-slide > .elementor-widget-html {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.six76-section-carousel .swiper-slide > .elementor-widget-html > div {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.six76-section-carousel .swiper-slide section {
  margin: 0;
}

/* The carousel's own controls are Elementor's, and it ships them at 25x25 with
   6x6 pagination bullets - the only way through the merch page's sections on a
   phone, both well under the tap-target floor. Sized here rather than with an
   overlay: these sit in a row, and an invisible expander would eat the
   neighbouring bullet's taps. Scoped to this carousel so other Elementor
   widgets keep their own sizing. */
.six76-section-carousel .elementor-swiper-button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
}

/* The bullet itself becomes the 44x44 target and draws its dot with ::before.
   The pseudo-element stays inside the bullet's own box, so this is not the
   overlay pattern _accessibility.css warns about - nothing reaches into the
   bullet next door. Four bullets at 44px come to 176px, comfortable at 320. */
/* !important because Elementor emits per-widget sizing for this carousel
   (`.elementor-2573 .elementor-element-ca70001 .swiper-pagination-bullet`)
   from its own stylesheet, which both outranks and outlasts this one. */
.six76-section-carousel .swiper-pagination-bullet {
  width: 44px !important;
  height: 44px !important;
  margin: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  opacity: 1 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

.six76-section-carousel .swiper-pagination-bullet::before {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(57, 216, 224, 0.35);
}

.six76-section-carousel .swiper-pagination-bullet-active::before {
  background: #39d8e0;
}

.six76-section-carousel .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
}
/* Nitrous-style purchase card on the single competition page (676 colours).
 *
 * Everything the buyer needs lives in one .six76-purchase-card panel:
 * pills, title, price, countdown, progress, quantity slider, add-to-basket.
 * Heavy use of !important is required to beat _single-product.css's
 * [data-theme] * colour forcing and six76-competitions-rangeslider.css
 * (which loads AFTER the compiled stylesheet). Keep this partial imported
 * last in style.css so equal-specificity ties resolve in its favour.
 */

/* ---------- Card shell ---------- */

.single-product .six76-purchase-card {
  background: linear-gradient(160deg, #152023 0%, #141A1C 55%, #1B282C 100%);
  border: 1px solid rgba(57, 216, 224, 0.18);
  box-shadow:
    0 18px 50px rgba(0, 0, 0, 0.45),
    0 0 34px rgba(57, 216, 224, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(10px);
  position: relative;
}

/* Re-assert muted text inside the card (the dark-mode * rule forces
   --theme-text on every element on this page) */
.single-product .six76-purchase-card .text-theme-text-secondary {
  color: var(--theme-text-secondary) !important;
}

.six76-card-divider {
  height: 1px;
  border: 0;
  margin: 1.5rem 0;
  background: linear-gradient(90deg, rgba(57, 216, 224, 0.3), rgba(255, 255, 255, 0.05));
}

/* Small uppercase section labels */
.single-product .six76-microlabel {
  display: block;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase !important;
  color: var(--theme-text-secondary) !important;
}

/* ---------- Status pills ---------- */

.single-product .six76-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.625rem;
  border-radius: 9999px;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase !important;
  line-height: 1.2;
}

.single-product .six76-pill--live {
  background: rgba(16, 185, 129, 0.12);
  border: 1px solid rgba(16, 185, 129, 0.4);
  color: #34d399 !important;
}

.six76-pill-dot {
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 9999px;
  background: #34d399;
  box-shadow: 0 0 8px rgba(52, 211, 153, 0.9);
  animation: six76-pill-pulse 2s ease-in-out infinite;
}

@keyframes six76-pill-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}

.single-product .six76-pill--ended {
  background: rgba(239, 68, 68, 0.12);
  border: 1px solid rgba(239, 68, 68, 0.4);
  color: #f87171 !important;
}

.single-product .six76-pill--instant {
  background: rgba(57, 216, 224, 0.1);
  border: 1px solid rgba(57, 216, 224, 0.4);
  color: #4df0fe !important;
}

/* ---------- Countdown boxes ---------- */

.single-product .six76-purchase-card .lottery-time-countdown {
  justify-content: flex-start !important;
  gap: 0.5rem !important;
}

.single-product .six76-purchase-card .lottery-time-countdown .wc_lotery_countdown-section {
  background: var(--theme-primary) !important;
  border: 1px solid var(--theme-border) !important;
  border-radius: 0.625rem !important;
  padding: 0.5rem 0.25rem !important;
  min-width: 3.5rem !important;
  flex: 1 1 0 !important;
  max-width: 5rem !important;
  text-align: center !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.single-product .six76-purchase-card .lottery-time-countdown .wc_lotery_countdown-amount {
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  color: var(--theme-text) !important;
  display: block !important;
}

.single-product .six76-purchase-card .lottery-time-countdown .wc_lotery_countdown-period {
  font-size: 0.5625rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--theme-text-secondary) !important;
  display: block !important;
  line-height: 1.2 !important;
  margin-top: 0.125rem !important;
}

/* ---------- Progress bar ---------- */

.six76-progress-track {
  height: 0.5rem;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.06);
  overflow: hidden;
}

.six76-progress-fill {
  height: 100%;
  border-radius: 9999px;
  background: linear-gradient(90deg, #22a9b5 0%, #39d8e0 60%, #4df0fe 100%);
  box-shadow: 0 0 12px rgba(57, 216, 224, 0.55);
  transition: width 0.3s ease;
}

/* ---------- Quantity selection ---------- */

.single-product .six76-qty-box {
  display: inline-block;
  min-width: 4rem;
  padding: 0.375rem 0.875rem;
  background: var(--theme-input-bg);
  border: 1px solid var(--theme-input-border);
  border-radius: 0.75rem;
  text-align: center;
  font-size: 1.375rem;
  font-weight: 800;
  color: var(--theme-text) !important;
}

/* High specificity + !important to beat the width/float/margin rules in
   six76-competitions-rangeslider.css, which loads after this sheet */
.single-product .six76-qty-btn.cwd-competition-qty-minus,
.single-product .six76-qty-btn.cwd-competition-qty-plus {
  width: 3rem !important;
  height: 3rem !important;
  margin: 0 !important;
  float: none !important;
  flex: none !important;
  display: grid;
  place-items: center;
  border-radius: 9999px !important;
  background: var(--theme-input-bg) !important;
  border: 1px solid var(--theme-input-border) !important;
  color: var(--theme-text) !important;
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: manipulation;
  transition: transform 80ms ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.single-product .six76-qty-btn.cwd-competition-qty-minus:hover,
.single-product .six76-qty-btn.cwd-competition-qty-plus:hover {
  border-color: rgba(57, 216, 224, 0.7) !important;
  box-shadow: 0 0 12px rgba(57, 216, 224, 0.35);
}

.single-product .six76-qty-btn.cwd-competition-qty-minus:active,
.single-product .six76-qty-btn.cwd-competition-qty-plus:active {
  transform: scale(0.92);
}

/* Hidden legacy quantity input still synced by rangeslider-config.js */
.six76-hidden-qty {
  display: none !important;
}

/* Hide WooCommerce's own quantity field inside the card - the slider owns it */
.single-product .six76-purchase-card form.cart .quantity {
  display: none !important;
}

/* ---------- Rangeslider restyle (Nitrous-like track) ---------- */

.six76-slider-wrap .rangeslider {
  height: 0.75rem;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.12);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4);
}

.six76-slider-wrap .rangeslider__fill {
  border-radius: 9999px;
  background: linear-gradient(90deg, #22a9b5 0%, #39d8e0 70%, #4df0fe 100%);
  box-shadow: 0 0 10px rgba(57, 216, 224, 0.45);
}

.six76-slider-wrap .rangeslider__handle {
  width: 1.75rem;
  height: 1.75rem;
  top: -0.5rem;
  background: #ffffff;
  border: 4px solid #39d8e0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
  cursor: grab;
}

.six76-slider-wrap .rangeslider--active .rangeslider__handle {
  cursor: grabbing;
  transform: scale(1.08);
}

/* The card shows quantity in .six76-qty-box and a static scale row instead */
.six76-slider-wrap .rangeslider__handle__value,
.six76-slider-wrap .rangeslider__labels {
  display: none !important;
}

/* ---------- Add to Basket button (glow + light sweep) ---------- */

.single-product .single_add_to_cart_button {
  background: linear-gradient(135deg, #22a9b5 0%, #39d8e0 38%, #6be4ec 52%, #39d8e0 66%, #22a9b5 100%) !important;
  color: #0d1113 !important;
  border: 1px solid rgba(34, 169, 181, 0.7) !important;
  padding: 1rem 1.5rem !important;
  border-radius: 0.75rem !important;
  font-weight: 800 !important;
  font-size: 1rem !important;
  letter-spacing: 0.02em !important;
  cursor: pointer !important;
  text-align: center !important;
  display: block !important;
  width: 100% !important;
  margin: 1rem 0 0 0 !important;
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate;
  box-shadow:
    0 0 22px rgba(57, 216, 224, 0.35),
    0 8px 24px rgba(57, 216, 224, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    inset 0 -1px 0 rgba(13, 17, 19, 0.25) !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease !important;
  text-transform: none !important;
}

/* Beat the calc(100% - 30px) width in six76-competitions-rangeslider.css */
.single-product .single_add_to_cart_button.button.alt {
  width: 100% !important;
  margin-left: 0 !important;
}

.single-product .single_add_to_cart_button:hover {
  filter: brightness(1.06) saturate(1.05) !important;
  transform: translateY(-2px) !important;
  box-shadow:
    0 0 30px rgba(57, 216, 224, 0.5),
    0 14px 34px rgba(57, 216, 224, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.65),
    inset 0 -1px 0 rgba(13, 17, 19, 0.25) !important;
}

.single-product .single_add_to_cart_button:active {
  transform: translateY(0) !important;
}

/* Animated diagonal light sweep. Uses ::before - the AJAX loading spinner
   in _lottery-ajax.css owns ::after on this same button */
.single-product .single_add_to_cart_button::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(
    115deg,
    transparent 0%,
    transparent 34%,
    rgba(107, 228, 236, 0.55) 44%,
    rgba(234, 253, 255, 0.85) 49%,
    rgba(255, 255, 255, 0.92) 51%,
    rgba(107, 228, 236, 0.55) 56%,
    transparent 66%,
    transparent 100%
  );
  background-size: 280% 100%;
  background-position: 160% 0;
  background-repeat: no-repeat;
  mix-blend-mode: screen;
  opacity: 0.9;
  animation: six76-btn-sheen 3.4s cubic-bezier(0.22, 1, 0.36, 1) infinite;
}

.single-product .single_add_to_cart_button:hover::before {
  animation-duration: 1.6s;
}

@keyframes six76-btn-sheen {
  0% { background-position: 160% 0; }
  100% { background-position: -60% 0; }
}

/* Keep the sweep out of the way of the loading spinner / state colours */
.single-product .single_add_to_cart_button.loading::before,
.single-product .single_add_to_cart_button.added::before,
.single-product .single_add_to_cart_button.error::before {
  opacity: 0;
  animation: none;
}

.single-product .single_add_to_cart_button:disabled,
.single-product .single_add_to_cart_button.disabled {
  background: var(--theme-input-bg) !important;
  color: var(--theme-text-secondary) !important;
  border-color: var(--theme-input-border) !important;
  cursor: not-allowed !important;
  transform: none !important;
  box-shadow: none !important;
  filter: none !important;
}

.single-product .single_add_to_cart_button:disabled::before,
.single-product .single_add_to_cart_button.disabled::before {
  opacity: 0;
  animation: none;
}

@media (prefers-reduced-motion: reduce) {
  .single-product .single_add_to_cart_button::before {
    opacity: 0;
    animation: none;
  }

  .six76-pill-dot {
    animation: none;
  }

  .single-product .single_add_to_cart_button:hover {
    transform: none !important;
  }
}

/* ---------- Outline CTA (Checkout Now) ---------- */

/* .six76-btn-outline forces display:block, which would defeat the bare
   hidden attribute the template renders with */
.single-product .six76-checkout-now[hidden] {
  display: none;
}

.single-product .six76-btn-outline {
  display: block;
  width: 100%;
  margin-top: 0.75rem;
  padding: 0.875rem 1.5rem;
  border-radius: 0.75rem;
  border: 1.5px solid rgba(57, 216, 224, 0.6);
  background: rgba(57, 216, 224, 0.05);
  color: #39d8e0 !important;
  font-weight: 700;
  font-size: 1rem;
  text-align: center;
  text-decoration: none !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease, border-color 0.15s ease;
}

.single-product .six76-btn-outline:hover {
  background: rgba(57, 216, 224, 0.12);
  border-color: #4df0fe;
  color: #4df0fe !important;
  transform: translateY(-1px);
  box-shadow: 0 0 18px rgba(57, 216, 224, 0.3);
}

.single-product .six76-btn-outline:active {
  transform: translateY(0);
}

/* ---------- Trust rows ---------- */

.six76-trust-list {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.single-product .six76-trust-row,
.single-product .six76-trust-row span {
  color: var(--theme-text-secondary) !important;
  font-size: 0.8125rem;
  line-height: 1.4;
}

.six76-trust-row {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}

.single-product .six76-trust-icon {
  width: 1rem;
  height: 1rem;
  flex: none;
  margin-top: 0.0625rem;
  color: #39d8e0 !important;
}

/* The free-postal-entry link opens a modal and is a legal requirement, so it
   has to be reliably tappable — it was an 18px-tall strip of text. Padded
   rather than boxed so it still reads as a link inside the trust row. */
.single-product .six76-trust-link {
  background: none;
  border: 0;
  padding: 0.75rem 0;
  min-height: 44px;
  text-align: left;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #39d8e0 !important;
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
}

.single-product .six76-trust-link:hover {
  color: #4df0fe !important;
}
/* -------------------------------------------------------------------------
 * Merch (non-competition) single-product layout.
 *
 * Rendered by woocommerce/content-single-product-merch.php inside the shared
 * .six76-purchase-card shell, so the quantity selector, Add to Basket button,
 * dividers, trust rows and outline button are all inherited from
 * _purchase-card.css. Only the pieces that shell doesn't cover live here: the
 * normal (not "per ticket") price, the short description, the "Coming Soon"
 * state on the single page, and the related-products grid.
 * ---------------------------------------------------------------------------*/

/* --- Price (normal product price, never "per ticket") --- */
.six76-merch-single-price {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.six76-merch-single-price .price,
.six76-merch-single-price del,
.six76-merch-single-price ins,
.six76-merch-single-price .woocommerce-Price-amount {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Regular price (not on sale) */
.six76-merch-single-price .woocommerce-Price-amount {
  color: var(--theme-secondary) !important; /* six76-cyan, matches competition price */
  font-size: 2.25rem !important;            /* 36px */
  font-weight: 700 !important;
  line-height: 1.1 !important;
}

.six76-merch-single-price .woocommerce-Price-currencySymbol {
  font-size: inherit !important;
  color: inherit !important;
  font-weight: inherit !important;
}

/* Sale: strike the original, highlight the sale price */
.six76-merch-single-price del,
.six76-merch-single-price del .woocommerce-Price-amount {
  color: var(--theme-text-secondary) !important;
  font-size: 1.25rem !important;
  font-weight: 500 !important;
  text-decoration: line-through !important;
  opacity: 0.75 !important;
}

.six76-merch-single-price ins,
.six76-merch-single-price ins .woocommerce-Price-amount {
  color: var(--theme-accent) !important; /* six76-cyan-bright */
  text-decoration: none !important;
  font-weight: 700 !important;
}

/* --- Coming soon (product announced without a price yet) --- */
.six76-merch-single .six76-merch-coming-soon {
  display: inline-block;
  color: var(--theme-secondary);
  font-weight: 600;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* --- Quantity selector ---
 * _purchase-card.css hides the WooCommerce quantity field inside
 * .six76-purchase-card because the competition layout drives quantity from the
 * ticket slider. Merch has no slider, so restore a normal, visible quantity
 * selector. Higher specificity + !important to beat that display:none rule. */
.single-product .six76-purchase-card.six76-merch-single form.cart {
  margin-top: 1.5rem;
}

.single-product .six76-purchase-card.six76-merch-single form.cart .quantity {
  display: inline-flex !important;
  align-items: center;
  margin: 0;
}

.single-product .six76-purchase-card.six76-merch-single form.cart .quantity .qty {
  width: 4.75rem;
  min-height: 3rem;
  padding: 0.5rem;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(57, 216, 224, 0.35);
  border-radius: 0.75rem;
  color: var(--theme-text);
  text-align: center;
  font-weight: 700;
  font-size: 1rem;
}

.single-product .six76-purchase-card.six76-merch-single form.cart .quantity .qty:focus {
  outline: none;
  border-color: var(--theme-secondary);
  box-shadow: 0 0 0 3px rgba(57, 216, 224, 0.25);
}

/* Add to Basket button already stretches full width (via _purchase-card.css),
   so it sits on its own row beneath the quantity — a standard product layout. */

/* --- Variation selectors (size / colour on variable merch) ---
 * WooCommerce's variable.php renders form.cart.variations_form with a
 * table.variations of attribute dropdowns. The default WC stylesheet is
 * disabled theme-wide (woocommerce_enqueue_styles -> empty array), so without
 * these rules the selects render as unstyled browser controls on the dark
 * card. Stack each attribute as label-over-select, matching the qty field. */
.single-product .six76-purchase-card.six76-merch-single form.cart table.variations {
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 0.5rem;
}

.single-product .six76-purchase-card.six76-merch-single form.cart table.variations tr {
  display: block;
  margin-bottom: 1rem;
}

.single-product .six76-purchase-card.six76-merch-single form.cart table.variations th.label,
.single-product .six76-purchase-card.six76-merch-single form.cart table.variations td.value {
  display: block;
  padding: 0;
  text-align: left;
}

/* Attribute name — same microlabel treatment as "Number of tickets" etc. */
.single-product .six76-purchase-card.six76-merch-single form.cart table.variations th.label label {
  display: block;
  color: var(--theme-text-secondary);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 0.5rem;
}

.single-product .six76-purchase-card.six76-merch-single form.cart table.variations select {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  width: 100%;
  min-height: 3rem;
  padding: 0.5rem 2.75rem 0.5rem 1rem;
  background-color: rgba(255, 255, 255, 0.06);
  /* Chevron drawn inline — no external asset, works on the dark card. */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2339D8E0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 1rem;
  border: 1px solid rgba(57, 216, 224, 0.35);
  border-radius: 0.75rem;
  color: var(--theme-text);
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
}

.single-product .six76-purchase-card.six76-merch-single form.cart table.variations select:focus {
  outline: none;
  border-color: var(--theme-secondary);
  box-shadow: 0 0 0 3px rgba(57, 216, 224, 0.25);
}

/* Native dropdown list on Windows renders option rows on a light panel;
   force readable colours either way. */
.single-product .six76-purchase-card.six76-merch-single form.cart table.variations select option {
  background-color: #12181a;
  color: var(--theme-text);
}

/* "Clear" link WC shows once a variation is chosen. It measured 39x19.5 - a
   real control sitting directly under the selectors it undoes, so it carries
   the 44px floor. It is the last thing in its row, so the height goes on the
   link itself rather than an expander that would reach into the select above. */
.single-product .six76-purchase-card.six76-merch-single form.cart .reset_variations {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 0.5rem;
  margin-top: 0.25rem;
  color: var(--theme-text-secondary);
  font-size: 0.875rem;
  text-decoration: underline;
}

.single-product .six76-purchase-card.six76-merch-single form.cart .reset_variations:hover {
  color: var(--theme-secondary);
}

/* Selected-variation price + stock line (swapped in by WC's variation JS) */
.single-product .six76-purchase-card.six76-merch-single .woocommerce-variation-price {
  margin-bottom: 0.75rem;
}

.single-product .six76-purchase-card.six76-merch-single .woocommerce-variation-price .price,
.single-product .six76-purchase-card.six76-merch-single .woocommerce-variation-price .woocommerce-Price-amount {
  color: var(--theme-secondary);
  font-size: 1.5rem;
  font-weight: 700;
}

.single-product .six76-purchase-card.six76-merch-single .woocommerce-variation-availability {
  color: var(--theme-text-secondary);
  font-size: 0.875rem;
  margin-bottom: 0.75rem;
}

.single-product .six76-purchase-card.six76-merch-single .woocommerce-variation-availability .out-of-stock {
  color: var(--six76-red, #ef4444);
  font-weight: 600;
}

/* Quantity + button row for variable products (quantity visibility itself is
   restored by the form.cart .quantity rules above, which also match here). */
.single-product .six76-purchase-card.six76-merch-single form.cart .woocommerce-variation-add-to-cart {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  align-items: stretch;
}

/* --- Short description --- */
.six76-merch-single-excerpt {
  line-height: 1.6;
}

.six76-merch-single-excerpt p {
  margin: 0 0 0.75rem;
}

.six76-merch-single-excerpt p:last-child {
  margin-bottom: 0;
}

/* --- Related products grid ---
 * ul.products is set to display:grid globally (_woocommerce.css) but relies on
 * a grid-template being supplied; the related section has none, so give it one. */
.six76-merch-related .related.products > h2 {
  color: var(--theme-text);
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 1.25rem;
}

.six76-merch-related ul.products {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

@media (min-width: 768px) {
  .six76-merch-related ul.products {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
/* Compact share button overlaid on the prize image (single product page).
 * Markup in woocommerce/single-product.php, behaviour in js/share.js.
 * Colour !importants beat the [data-theme] .single-product * forcing
 * in _single-product.css (this partial is imported after it). */

.six76-share {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  z-index: 10;
}

.single-product .six76-share-btn {
  display: grid;
  place-items: center;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 9999px;
  background: rgba(13, 17, 19, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.18);
  backdrop-filter: blur(6px);
  color: #f5f6f7 !important;
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 80ms ease;
}

.six76-share-btn svg {
  width: 1.25rem;
  height: 1.25rem;
}

.single-product .six76-share-btn:hover {
  border-color: rgba(57, 216, 224, 0.7);
  box-shadow: 0 0 14px rgba(57, 216, 224, 0.4);
}

.single-product .six76-share-btn:active {
  transform: scale(0.94);
}

.six76-share-menu {
  position: absolute;
  top: calc(100% + 0.5rem);
  right: 0;
  min-width: 11rem;
  padding: 0.375rem;
  border-radius: 0.75rem;
  background: #141a1c;
  border: 1px solid rgba(57, 216, 224, 0.25);
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.55), 0 0 20px rgba(57, 216, 224, 0.08);
  z-index: 20;
}

.single-product .six76-share-item {
  display: block;
  width: 100%;
  padding: 0.5rem 0.75rem;
  border: 0;
  border-radius: 0.5rem;
  background: none;
  text-align: left;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--theme-text) !important;
  text-decoration: none !important;
  cursor: pointer;
  transition: background 0.12s ease, color 0.12s ease;
}

.single-product .six76-share-item:hover {
  background: rgba(57, 216, 224, 0.1);
  color: #4df0fe !important;
}

.single-product .six76-share-copy:disabled {
  color: #39d8e0 !important;
  cursor: default;
}
/* Gallery thumbnail strip under the main product image (single product page).
 * Markup from six76_product_gallery_thumbs() in inc/woocommerce.php,
 * behaviour in js/product-gallery.js. Shared by the competition layout
 * (single-product.php) and the merch layout (content-single-product-merch.php).
 * .single-product prefixes beat the [data-theme] .single-product * forcing
 * in _single-product.css (same trick as _share.css). */

.six76-gallery-thumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1rem;
}

.single-product .six76-gallery-thumb {
  width: 5rem;
  height: 5rem;
  padding: 0;
  border: 2px solid rgba(255, 255, 255, 0.12);
  border-radius: 0.75rem;
  overflow: hidden;
  background: none;
  cursor: pointer;
  opacity: 0.65;
  transition: border-color 0.15s ease, opacity 0.15s ease;
}

.single-product .six76-gallery-thumb:hover,
.single-product .six76-gallery-thumb:focus-visible {
  opacity: 1;
  border-color: rgba(57, 216, 224, 0.5);
}

.single-product .six76-gallery-thumb.is-active {
  opacity: 1;
  border-color: rgba(57, 216, 224, 0.9);
  box-shadow: 0 0 10px rgba(57, 216, 224, 0.35);
}

.six76-gallery-thumb .six76-gallery-thumb-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
/**
 * Single-page basket + checkout (Nitrous-style layout, 676 colours).
 *
 * Styles the six76-nc-* components rendered by woocommerce/checkout/
 * form-checkout.php, review-order.php, payment.php and form-coupon.php, plus
 * the skill question from wdw-core/skill-question.php. Imported after
 * _checkout.css so redeclared payment/place-order rules win at equal
 * specificity.
 */

/* ---- Page frame ---- */

body.woocommerce-checkout .six76-nc-container {
	max-width: 46rem;
	margin: 0 auto;
	padding: 2rem 1rem 4rem;
}

body.woocommerce-checkout .six76-nc-title {
	font-size: 2rem;
	font-weight: 800;
	color: var(--theme-text);
	margin: 0 0 0.5rem;
}

body.woocommerce-checkout .six76-nc-header {
	margin-bottom: 1.5rem;
}

body.woocommerce-checkout .six76-nc-header::after {
	content: "";
	display: block;
	width: 4rem;
	height: 0.25rem;
	border-radius: 9999px;
	background: linear-gradient(90deg, var(--theme-secondary), var(--theme-accent));
}

/* ---- Basket item cards ---- */

body.woocommerce-checkout .six76-nc-items {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	margin-bottom: 1rem;
}

body.woocommerce-checkout .six76-nc-item {
	position: relative;
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 0.25rem 1rem;
	background: var(--theme-card-bg);
	border: 1px solid var(--theme-border);
	border-radius: 0.875rem;
	padding: 1rem 1.25rem;
}

body.woocommerce-checkout .six76-nc-item-name {
	font-weight: 700;
	color: var(--theme-text);
	line-height: 1.3;
}

body.woocommerce-checkout .six76-nc-item-qty {
	font-size: 0.8125rem;
	color: var(--six76-gray-medium, #93A0A3);
	margin-top: 0.25rem;
}

body.woocommerce-checkout .six76-nc-item-qty .woocommerce-Price-amount {
	color: inherit;
}

/* Chosen ticket numbers as mini picker-style SVG tickets */
body.woocommerce-checkout .six76-nc-item-tickets {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 0.625rem 0 0;
	padding: 0;
}

body.woocommerce-checkout .six76-nc-ticket {
	position: relative;
	width: 4.25rem;
	aspect-ratio: 240 / 140;
	display: flex;
	align-items: center;
	justify-content: center;
	filter: drop-shadow(0 0 6px rgba(57, 216, 224, 0.35));
}

body.woocommerce-checkout .six76-nc-ticket .six76-tkt-num {
	font-size: 0.8125rem;
}

body.woocommerce-checkout .six76-nc-item-body dl.variation {
	margin: 0.375rem 0 0;
	font-size: 0.75rem;
	color: var(--six76-gray-medium, #93A0A3);
	display: flex;
	flex-wrap: wrap;
	gap: 0.125rem 0.5rem;
}

body.woocommerce-checkout .six76-nc-item-body dl.variation dt,
body.woocommerce-checkout .six76-nc-item-body dl.variation dd {
	display: inline;
	margin: 0;
	font-weight: 400;
}

body.woocommerce-checkout .six76-nc-item-price {
	grid-column: 2;
	grid-row: 1;
	font-weight: 800;
	color: var(--theme-accent);
	white-space: nowrap;
}

body.woocommerce-checkout .six76-nc-item-remove {
	grid-column: 2;
	grid-row: 2;
	justify-self: end;
	align-self: end;
	/* Removing the wrong line from the basket is an expensive mis-tap, and this
	   was a 28px cross. It sits alone in the bottom-right cell of the item
	   grid, so growing it can't crowd another control. */
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 9999px;
	color: var(--six76-gray-medium, #93A0A3);
	font-size: 1.125rem;
	line-height: 1;
	text-decoration: none;
	transition: color 0.15s ease, background-color 0.15s ease;
}

body.woocommerce-checkout .six76-nc-item-remove:hover {
	color: var(--six76-red, #EF4444);
	background: rgba(239, 68, 68, 0.12);
}

/* ---- Totals card ---- */

body.woocommerce-checkout .six76-nc-totals {
	background: var(--theme-card-bg);
	border: 1px solid var(--theme-border);
	border-radius: 0.875rem;
	padding: 1.25rem;
	margin-bottom: 2rem;
}

body.woocommerce-checkout .six76-nc-totals-row {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 1rem;
	padding: 0.375rem 0;
	font-size: 0.875rem;
	color: var(--six76-gray-medium, #93A0A3);
	border-bottom: 1px solid var(--theme-border);
}

body.woocommerce-checkout .six76-nc-totals-discount .six76-nc-totals-value {
	color: var(--theme-secondary);
}

body.woocommerce-checkout .six76-nc-totals-total {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 1rem;
	padding: 0.875rem 0 0.25rem;
	font-size: 1.125rem;
	font-weight: 800;
	color: var(--theme-text);
}

body.woocommerce-checkout .six76-nc-totals-grand,
body.woocommerce-checkout .six76-nc-totals-grand .woocommerce-Price-amount {
	color: var(--theme-accent);
	font-size: 1.375rem;
	font-weight: 800;
}

body.woocommerce-checkout .six76-nc-totals-note {
	font-size: 0.75rem;
	color: var(--six76-gray-medium, #93A0A3);
	margin: 0.5rem 0 1rem;
}

body.woocommerce-checkout .six76-nc-clear-basket {
	display: block;
	width: 100%;
	text-align: center;
	padding: 0.75rem 1rem;
	border: 1px solid var(--theme-secondary);
	border-radius: 0.625rem;
	color: var(--theme-secondary);
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-decoration: none;
	transition: background-color 0.15s ease, color 0.15s ease;
}

body.woocommerce-checkout .six76-nc-clear-basket:hover {
	background: rgba(57, 216, 224, 0.12);
	color: var(--theme-accent);
}

/* ---- Checkout card ---- */

body.woocommerce-checkout .six76-nc-checkout-card {
	background: var(--theme-card-bg);
	border: 1px solid var(--theme-border);
	border-radius: 0.875rem;
	padding: 1.5rem 1.25rem 1.75rem;
}

body.woocommerce-checkout .six76-nc-checkout-title {
	font-size: 1.5rem;
	font-weight: 800;
	color: var(--theme-text);
	margin: 0 0 0.375rem;
	padding-bottom: 0.625rem;
	position: relative;
}

body.woocommerce-checkout .six76-nc-checkout-title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 3rem;
	height: 0.1875rem;
	border-radius: 9999px;
	background: linear-gradient(90deg, var(--theme-secondary), var(--theme-accent));
}

body.woocommerce-checkout .six76-nc-signed-in {
	font-size: 0.8125rem;
	color: var(--six76-gray-medium, #93A0A3);
	margin: 0.75rem 0 1.25rem;
}

body.woocommerce-checkout .six76-nc-signed-in strong {
	color: var(--theme-text);
}

body.woocommerce-checkout .six76-nc-signed-in a {
	color: var(--theme-secondary);
	text-decoration: underline;
}

/* ---- Coupon ---- */

body.woocommerce-checkout .six76-nc-coupon {
	/* core wc-checkout.js inline-hides form.checkout_coupon expecting the
	   "Have a coupon?" toggle; this form is always visible */
	display: block !important;
	margin: 0 0 1.5rem;
}

body.woocommerce-checkout .six76-nc-coupon-label {
	display: block;
	font-size: 0.8125rem;
	font-weight: 700;
	color: var(--theme-text);
	margin-bottom: 0.375rem;
}

body.woocommerce-checkout .six76-nc-coupon-optional {
	font-weight: 400;
	color: var(--six76-gray-medium, #93A0A3);
}

body.woocommerce-checkout .six76-nc-coupon-row {
	display: flex;
	gap: 0.625rem;
}

body.woocommerce-checkout .six76-nc-coupon-input {
	flex: 1 1 auto;
	min-width: 0;
	min-height: 44px;
	background: var(--theme-input-bg);
	border: 1px solid var(--theme-border);
	border-radius: 0.625rem;
	padding: 0.75rem 1rem;
	color: var(--theme-text);
	/* 16px minimum, or iOS Safari zooms the page when it takes focus. */
	font-size: 1rem;
}

body.woocommerce-checkout .six76-nc-coupon-input:focus {
	outline: none;
	border-color: var(--theme-secondary);
	box-shadow: 0 0 0 3px rgba(57, 216, 224, 0.15);
}

body.woocommerce-checkout .six76-nc-coupon-apply {
	flex: 0 0 auto;
	background: transparent;
	border: 1px solid var(--theme-secondary);
	border-radius: 0.625rem;
	color: var(--theme-secondary);
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	padding: 0.75rem 1.375rem;
	cursor: pointer;
	transition: background-color 0.15s ease, color 0.15s ease;
}

body.woocommerce-checkout .six76-nc-coupon-apply:hover {
	background: rgba(57, 216, 224, 0.12);
	color: var(--theme-accent);
}

/* ---- Your details (collapsed billing) ---- */

body.woocommerce-checkout .six76-nc-your-details {
	border: 1px solid var(--theme-border);
	border-radius: 0.75rem;
	margin-bottom: 1.5rem;
	background: var(--theme-input-bg);
}

body.woocommerce-checkout .six76-nc-your-details-summary {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	padding: 0.875rem 1.125rem;
	cursor: pointer;
	list-style: none;
}

body.woocommerce-checkout .six76-nc-your-details-summary::-webkit-details-marker {
	display: none;
}

body.woocommerce-checkout .six76-nc-your-details-label {
	font-weight: 700;
	color: var(--theme-text);
	font-size: 0.9375rem;
}

body.woocommerce-checkout .six76-nc-your-details-hint {
	font-size: 0.75rem;
	color: var(--six76-gray-medium, #93A0A3);
}

body.woocommerce-checkout .six76-nc-your-details-hint::after {
	content: " ▾";
	color: var(--theme-secondary);
}

body.woocommerce-checkout .six76-nc-your-details[open] .six76-nc-your-details-hint::after {
	content: " ▴";
}

body.woocommerce-checkout .six76-nc-your-details > .six76-billing-section,
body.woocommerce-checkout .six76-nc-your-details > .six76-shipping-section {
	padding: 0 1.125rem 1rem;
}

body.woocommerce-checkout .six76-nc-your-details .six76-billing-fields-title,
body.woocommerce-checkout .six76-nc-your-details .six76-additional-fields-title,
body.woocommerce-checkout .six76-nc-your-details .six76-account-fields-title {
	font-size: 1rem;
	font-weight: 700;
	color: var(--theme-text);
	margin: 0.5rem 0 0.75rem;
	border: none;
	padding: 0;
}

/* ---- Payment methods (overrides _checkout.css at equal specificity) ---- */

body.woocommerce-checkout .six76-payment-methods {
	margin: 0;
	padding: 0;
	background: transparent;
	border: none;
}

body.woocommerce-checkout .six76-payment-methods-header {
	margin-bottom: 0.75rem;
	padding-bottom: 0;
	border-bottom: none;
}

body.woocommerce-checkout .six76-payment-methods-title {
	font-size: 0.9375rem;
	font-weight: 700;
	color: var(--theme-text);
	margin: 0;
}

body.woocommerce-checkout .six76-payment-methods-list {
	list-style: none;
	margin: 0 0 0.875rem;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.625rem;
}

body.woocommerce-checkout .six76-payment-method {
	position: relative;
	background: var(--theme-input-bg);
	border: 1px solid var(--theme-border);
	border-radius: 0.75rem;
	padding: 0;
	margin: 0;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

body.woocommerce-checkout .six76-payment-method:hover {
	border-color: var(--theme-secondary);
	box-shadow: none;
	transform: none;
}

body.woocommerce-checkout .six76-payment-method.selected-payment-method {
	border-color: var(--theme-secondary);
	background: rgba(57, 216, 224, 0.07);
	box-shadow: 0 0 0 1px var(--theme-secondary);
}

body.woocommerce-checkout .six76-payment-method-radio {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

body.woocommerce-checkout .six76-payment-method-label {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	padding: 0.875rem 1.125rem;
	margin: 0;
	cursor: pointer;
	width: 100%;
}

body.woocommerce-checkout .six76-payment-method-label::before {
	content: "";
	flex: 0 0 auto;
	width: 1rem;
	height: 1rem;
	margin-top: 0.1875rem;
	border-radius: 9999px;
	border: 2px solid var(--six76-gray-medium, #93A0A3);
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

body.woocommerce-checkout .six76-payment-method.selected-payment-method .six76-payment-method-label::before {
	border-color: var(--theme-secondary);
	box-shadow: inset 0 0 0 3px var(--theme-card-bg), inset 0 0 0 8px var(--theme-secondary);
}

body.woocommerce-checkout .six76-payment-method-info {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	min-width: 0;
}

body.woocommerce-checkout .six76-payment-method-title {
	font-weight: 700;
	font-size: 0.9375rem;
	color: var(--theme-text);
}

body.woocommerce-checkout .six76-payment-method-description {
	font-size: 0.75rem;
	color: var(--six76-gray-medium, #93A0A3);
}

body.woocommerce-checkout .six76-card-icons {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	margin-top: 0.375rem;
}

body.woocommerce-checkout .six76-card-icon {
	height: 1.25rem;
	width: auto;
	background: var(--six76-white, #F5F6F7);
	border-radius: 0.25rem;
	padding: 0.125rem 0.25rem;
}

body.woocommerce-checkout .six76-wallet-balance-value,
body.woocommerce-checkout .six76-wallet-balance-value .woocommerce-Price-amount {
	color: var(--theme-secondary);
	font-weight: 700;
}

body.woocommerce-checkout .six76-payment-method-fields {
	padding: 0 1.125rem 0.875rem;
	font-size: 0.8125rem;
	color: var(--six76-gray-medium, #93A0A3);
}

/* ---- Add funds pill ---- */

body.woocommerce-checkout .six76-nc-add-funds {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0.5rem 1.125rem;
	border: 1px solid var(--theme-secondary);
	border-radius: 9999px;
	color: var(--theme-secondary);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-decoration: none;
	margin-bottom: 1.25rem;
	transition: background-color 0.15s ease, color 0.15s ease;
}

body.woocommerce-checkout .six76-nc-add-funds:hover {
	background: rgba(57, 216, 224, 0.12);
	color: var(--theme-accent);
}

/* ---- Secure pay explainer ---- */

body.woocommerce-checkout .six76-nc-pay-explainer {
	background: var(--theme-input-bg);
	border: 1px solid var(--theme-border);
	border-radius: 0.75rem;
	padding: 0.875rem 1.125rem;
	margin-bottom: 1.25rem;
}

body.woocommerce-checkout .six76-nc-pay-explainer-title {
	font-size: 0.8125rem;
	font-weight: 700;
	color: var(--theme-text);
	margin: 0 0 0.25rem;
}

body.woocommerce-checkout .six76-nc-pay-explainer-text {
	font-size: 0.75rem;
	line-height: 1.5;
	color: var(--six76-gray-medium, #93A0A3);
	margin: 0;
}

/* ---- Skill question ---- */

body.woocommerce-checkout .six76-skill-question {
	border: 1px solid var(--theme-border);
	border-radius: 0.75rem;
	background: rgba(57, 216, 224, 0.04);
	padding: 1rem 1.125rem 1.125rem;
	margin: 0 0 1.25rem;
}

body.woocommerce-checkout .six76-skill-question-title {
	font-size: 0.9375rem;
	font-weight: 800;
	color: var(--theme-text);
	padding: 0 0.375rem;
}

body.woocommerce-checkout .six76-skill-question-required {
	color: var(--six76-red, #EF4444);
}

body.woocommerce-checkout .six76-skill-question-hint {
	font-size: 0.75rem;
	color: var(--six76-gray-medium, #93A0A3);
	margin: 0.25rem 0 0.75rem;
}

body.woocommerce-checkout .six76-skill-question-text {
	font-size: 1.0625rem;
	font-weight: 700;
	color: var(--theme-text);
	margin: 0 0 0.75rem;
}

body.woocommerce-checkout .six76-skill-options {
	list-style: none;
	margin: 0 0 0.75rem;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

body.woocommerce-checkout .six76-skill-option {
	position: relative;
	border: 1px solid var(--theme-border);
	border-radius: 0.625rem;
	background: var(--theme-input-bg);
	transition: border-color 0.15s ease, background-color 0.15s ease;
}

body.woocommerce-checkout .six76-skill-option:hover {
	border-color: var(--theme-secondary);
}

body.woocommerce-checkout .six76-skill-option.selected {
	border-color: var(--theme-secondary);
	background: rgba(57, 216, 224, 0.1);
	box-shadow: 0 0 0 1px var(--theme-secondary);
}

body.woocommerce-checkout .six76-skill-option-input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

body.woocommerce-checkout .six76-skill-option-label {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.6875rem 0.875rem;
	cursor: pointer;
	margin: 0;
	width: 100%;
}

body.woocommerce-checkout .six76-skill-option-letter {
	flex: 0 0 auto;
	width: 1.625rem;
	height: 1.625rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0.375rem;
	background: var(--theme-card-bg);
	border: 1px solid var(--theme-border);
	font-size: 0.75rem;
	font-weight: 800;
	color: var(--theme-text);
}

body.woocommerce-checkout .six76-skill-option.selected .six76-skill-option-letter {
	background: var(--theme-secondary);
	border-color: var(--theme-secondary);
	color: var(--six76-ink, #0D0D0D);
}

body.woocommerce-checkout .six76-skill-option-text {
	font-size: 0.875rem;
	color: var(--theme-text);
}

body.woocommerce-checkout .six76-skill-free-entry {
	margin: 0;
}

/* Standalone link on its own line (not inline in a sentence), and a compliance
   route a customer has to be able to reach - so it gets a real touch target
   rather than the 15px strip of underlined text it was. */
body.woocommerce-checkout .six76-skill-free-entry a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	font-size: 0.75rem;
	color: var(--theme-secondary);
	text-decoration: underline;
}

/* ---- Consent, pay button, secure note ---- */

body.woocommerce-checkout .six76-place-order {
	margin: 0;
	padding: 0;
	background: transparent;
	border: none;
}

body.woocommerce-checkout .six76-nc-consent {
	font-size: 0.75rem;
	line-height: 1.5;
	color: var(--six76-gray-medium, #93A0A3);
	margin: 0 0 1rem;
}

body.woocommerce-checkout .six76-nc-consent a {
	color: var(--theme-secondary);
	text-decoration: underline;
}

/* !important mirrors _checkout.css's legacy !important rules; this partial
   imports later so it wins the tie. */
body.woocommerce-checkout .six76-place-order-button {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.5rem !important;
	width: 100% !important;
	/* wdw-instant-wins.css caps .wdw-btn at max-width:200px — lift it */
	max-width: none !important;
	float: none !important;
	white-space: nowrap;
	padding: 1rem 1.5rem !important;
	border: none !important;
	border-radius: 0.75rem !important;
	background: linear-gradient(135deg, var(--six76-cyan, #39D8E0), var(--six76-cyan-dark, #22A9B5)) !important;
	color: var(--six76-ink, #0D0D0D) !important;
	font-size: 1rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.04em !important;
	text-transform: uppercase;
	cursor: pointer !important;
	box-shadow: 0 4px 24px rgba(57, 216, 224, 0.35) !important;
	transition: box-shadow 0.15s ease, filter 0.15s ease !important;
}

body.woocommerce-checkout .six76-place-order-button:hover {
	filter: brightness(1.08);
	background: linear-gradient(135deg, var(--six76-cyan, #39D8E0), var(--six76-cyan-dark, #22A9B5)) !important;
	color: var(--six76-ink, #0D0D0D) !important;
	box-shadow: 0 6px 32px rgba(77, 240, 254, 0.45) !important;
	transform: none !important;
}

body.woocommerce-checkout .six76-place-order-button:active {
	filter: brightness(0.95);
}

body.woocommerce-checkout .six76-place-order-button-text {
	font-weight: 800;
}

/* WooCommerce privacy policy paragraph above the consent line */
body.woocommerce-checkout .woocommerce-privacy-policy-text p {
	font-size: 0.75rem;
	line-height: 1.5;
	color: var(--six76-gray-medium, #93A0A3);
	margin: 0 0 0.75rem;
}

body.woocommerce-checkout .woocommerce-privacy-policy-text a {
	color: var(--theme-secondary);
	text-decoration: underline;
}

body.woocommerce-checkout .six76-nc-secure-note {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.375rem;
	font-size: 0.6875rem;
	color: var(--six76-gray-medium, #93A0A3);
	margin: 0.875rem 0 0;
	text-align: center;
}

body.woocommerce-checkout .six76-nc-secure-lock {
	flex: 0 0 auto;
	color: var(--theme-secondary);
}

/* ---- Small screens ---- */

@media (max-width: 480px) {
	body.woocommerce-checkout .six76-nc-container {
		padding: 1.25rem 0.75rem 3rem;
	}

	body.woocommerce-checkout .six76-nc-checkout-card {
		padding: 1.25rem 1rem 1.5rem;
	}
}
/* Live draw video embed on winner cards (see inc/draw-video.php).
   The <details> toggle keeps the lazy iframe display:none until opened,
   so the YouTube player is only requested when the visitor asks for it. */

.six76-draw-video-details {
  margin-top: 0.75rem;
}

.six76-draw-video-summary {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: #39D8E0;
  list-style: none;
  transition: color 0.2s ease;
}

.six76-draw-video-summary::-webkit-details-marker {
  display: none;
}

.six76-draw-video-summary::before {
  content: "▶";
  font-size: 0.625rem;
  transition: transform 0.2s ease;
}

.six76-draw-video-details[open] .six76-draw-video-summary::before {
  transform: rotate(90deg);
}

.six76-draw-video-summary:hover {
  color: #4DF0FE;
}

.six76-draw-video {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  margin-top: 0.75rem;
  border-radius: 0.5rem;
  overflow: hidden;
  background: #000;
}

.six76-draw-video iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
/* Homepage Google Reviews section (template-parts/google-reviews.php,
 * config in inc/google-reviews.php, data in inc/google-reviews-api.php).
 *
 * One card, two fills: a Swiper slider of real reviews plus a real star
 * rating once live data is available, or a links-only card until then. Card
 * styling matches the "Why Choose Us" cards (_why-choose-us.css).
 *
 * There is no map embed - see the note in inc/google-reviews.php.
 */

.six76-greviews {
  background: linear-gradient(160deg, #10181a 0%, #0a0e0f 100%);
  border-top: 1px solid rgba(57, 216, 224, 0.18);
}

.six76-greviews-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  max-width: 48rem;
  margin: 0 auto;
  padding: 2.5rem 1.5rem;
  border: 1px solid rgba(57, 216, 224, 0.35);
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(57, 216, 224, 0.1), rgba(0, 0, 0, 0.45));
  box-shadow: 0 0 25px rgba(57, 216, 224, 0.08);
  text-align: center;
}

.six76-greviews-header {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.six76-greviews-g {
  width: 2.5rem;
  height: 2.5rem;
  filter: drop-shadow(0 0 10px rgba(57, 216, 224, 0.25));
}

.six76-greviews-rating {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
}

.six76-greviews-stars {
  display: flex;
  gap: 0.25rem;
}

.six76-greviews-star {
  width: 1.5rem;
  height: 1.5rem;
  color: #fbbc05; /* Google review gold */
  filter: drop-shadow(0 0 6px rgba(251, 188, 5, 0.35));
}

/* Unearned stars keep the gold outline but drop the glow, so the filled
 * portion of the rating is what the eye lands on. */
.six76-greviews-star-empty {
  opacity: 0.45;
  filter: none;
}

.six76-greviews-stars-sm .six76-greviews-star {
  width: 1rem;
  height: 1rem;
}

.six76-greviews-score {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  margin: 0;
  color: #c8d0d4;
  font-size: 0.875rem;
}

.six76-greviews-score-value {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 700;
}

.six76-greviews-text {
  max-width: 32rem;
  color: #c8d0d4;
  font-size: 1rem;
  line-height: 1.7;
}

/* The slider needs more room than the links-only card, which is deliberately
 * narrow so a lone paragraph does not stretch across the viewport. */
.six76-greviews-card-wide {
  max-width: 64rem;
}

.six76-greviews-slider {
  width: 100%;
  /* Swiper measures its own width; without this the flex parent lets it grow
   * past the card on long review text. */
  min-width: 0;
  padding-bottom: 2.5rem;
}

.six76-greviews-quote {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 100%;
  margin: 0;
  padding: 1.75rem;
  border: 1px solid rgba(57, 216, 224, 0.2);
  border-radius: 0.75rem;
  background: rgba(0, 0, 0, 0.35);
  text-align: left;
}

.six76-greviews-quote-text {
  flex: 1 1 auto;
  margin: 0;
  color: #dbe3e6;
  font-size: 0.9375rem;
  line-height: 1.7;
}

.six76-greviews-attribution {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.six76-greviews-avatar {
  width: 2.5rem;
  height: 2.5rem;
  flex: 0 0 auto;
  border-radius: 9999px;
  -o-object-fit: cover;
     object-fit: cover;
}

.six76-greviews-author {
  display: flex;
  flex-direction: column;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 600;
}

.six76-greviews-author a {
  color: #fff;
}

.six76-greviews-author a:hover {
  color: #39d8e0;
}

.six76-greviews-when {
  color: #8f9ba0;
  font-size: 0.75rem;
  font-weight: 400;
}

/* Platform badge on a slide. Only rendered once more than one review source
 * supplies content - with a single source the attribution line says it. */
.six76-greviews-badge {
  margin-left: auto;
  align-self: flex-start;
  padding: 0.125rem 0.5rem;
  border: 1px solid rgba(57, 216, 224, 0.35);
  border-radius: 9999px;
  color: #39d8e0;
  font-size: 0.6875rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
}

/* Google requires the source to be credited wherever its review content is
 * displayed. */
.six76-greviews-source {
  margin: 0;
  color: #8f9ba0;
  font-size: 0.75rem;
  letter-spacing: 0.03em;
}

.six76-greviews-pagination.swiper-pagination {
  bottom: 0;
}

.six76-greviews-pagination .swiper-pagination-bullet {
  background: rgba(57, 216, 224, 0.35);
  opacity: 1;
}

.six76-greviews-pagination .swiper-pagination-bullet-active {
  background: #39d8e0;
}

.six76-greviews-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
}

.six76-greviews-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.875rem 2rem;
  border-radius: 0.5rem;
  background: #39d8e0;
  color: #0d0d0d;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 0.875rem;
  transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.six76-greviews-btn:hover {
  background: #4df0fe;
  color: #0d0d0d;
  box-shadow: 0 0 20px rgba(57, 216, 224, 0.45);
  transform: translateY(-2px);
}

.six76-greviews-btn-icon {
  width: 1rem;
  height: 1rem;
}

.six76-greviews-btn-secondary {
  background: transparent;
  border: 1px solid rgba(57, 216, 224, 0.6);
  color: #39d8e0;
}

.six76-greviews-btn-secondary:hover {
  background: rgba(57, 216, 224, 0.12);
  color: #4df0fe;
}
/* Dark/cyan theming for the login, signup and User Registration plugin embeds.
   Loaded after _forms.css: that partial does the heavy plugin-reset work but
   leaves the forms as a white card with white inputs, which clashes with the
   permanently dark six76 theme. Selectors here mirror _forms.css (same
   specificity + !important) so cascade order makes these values win.

   Two wrapper shapes exist (see _forms.css): the login shortcode nests
   .ur-frontend-form INSIDE #user-registration, while [user_registration_form]
   puts user-registration and ur-frontend-form on the SAME div, so every rule
   carries both selector forms. */

/* --- Form cards: white -> carbon with a subtle cyan edge ------------------ */
.six76-login-form,
.six76-register-form,
.six76-reset-password-form {
  background-color: #141A1C !important;
  border: 1px solid rgba(57, 216, 224, 0.25);
  box-shadow: 0 0 18px rgba(57, 216, 224, 0.12);
}

/* The plugin paints its shortcode wrapper div white (#user-registration
   { background-color: #ffffff }) - _forms.css already clears the nested
   .ur-frontend-form, so it is this wrapper that shows as a white card with
   the light labels sitting unreadably on top of it. Scoped to the auth
   wrappers themed above; #user-registration elsewhere (my-account) keeps
   the plugin default. */
.six76-login-form #user-registration,
.six76-register-form #user-registration,
.six76-reset-password-form #user-registration {
  background: transparent !important;
}

/* The [user_registration_form] shortcode (register page) has no
   #user-registration wrapper at all - it puts user-registration and
   ur-frontend-form on the SAME div. The plugin's default-frontend stylesheet
   paints that div white (.user-registration.ur-frontend-form
   { background: #fff }) and the base .ur-frontend-form rule adds a light grey
   border + padding; _forms.css only clears the NESTED shapes, so the register
   form still rendered as a white card. Clear it here with the same scoping as
   the wrapper rule above; the .six76-* card supplies the dark surface and
   padding. */
.six76-login-form .user-registration.ur-frontend-form,
.six76-register-form .user-registration.ur-frontend-form,
.six76-reset-password-form .user-registration.ur-frontend-form {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* --- Inputs: white -> steel, ink text -> light ---------------------------- */
#user-registration .ur-frontend-form input[type="text"],
#user-registration .ur-frontend-form input[type="email"],
#user-registration .ur-frontend-form input[type="password"],
#user-registration .ur-frontend-form input[type="tel"],
#user-registration .ur-frontend-form input[type="url"],
#user-registration .ur-frontend-form input[type="number"],
#user-registration .ur-frontend-form input[type="date"],
#user-registration .ur-frontend-form textarea,
#user-registration .ur-frontend-form select,
.user-registration.ur-frontend-form input[type="text"],
.user-registration.ur-frontend-form input[type="email"],
.user-registration.ur-frontend-form input[type="password"],
.user-registration.ur-frontend-form input[type="tel"],
.user-registration.ur-frontend-form input[type="url"],
.user-registration.ur-frontend-form input[type="number"],
.user-registration.ur-frontend-form input[type="date"],
.user-registration.ur-frontend-form textarea,
.user-registration.ur-frontend-form select,
.user-registration-form .form-row input[type="text"],
.user-registration-form .form-row input[type="email"],
.user-registration-form .form-row input[type="password"],
.user-registration-form .form-row input[type="tel"],
.user-registration-form .form-row input[type="url"],
.user-registration-form .form-row textarea,
.user-registration-form .form-row select,
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row textarea,
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row select {
  background-color: #1D2426 !important;
  border: 1px solid #39454A !important;
  color: #F5F6F7 !important;
  caret-color: #39D8E0;
}

#user-registration .ur-frontend-form input::-moz-placeholder, #user-registration .ur-frontend-form textarea::-moz-placeholder, .user-registration.ur-frontend-form input::-moz-placeholder, .user-registration.ur-frontend-form textarea::-moz-placeholder, .user-registration-form input::-moz-placeholder, .user-registration-form textarea::-moz-placeholder {
  color: #93A0A3 !important;
  opacity: 1;
}

#user-registration .ur-frontend-form input::placeholder,
#user-registration .ur-frontend-form textarea::placeholder,
.user-registration.ur-frontend-form input::placeholder,
.user-registration.ur-frontend-form textarea::placeholder,
.user-registration-form input::placeholder,
.user-registration-form textarea::placeholder {
  color: #93A0A3 !important;
  opacity: 1;
}

/* Keep native pickers (date spinners, selects) legible on the dark inputs. */
#user-registration .ur-frontend-form select option,
.user-registration.ur-frontend-form select option,
.user-registration-form select option {
  background-color: #1D2426;
  color: #F5F6F7;
}

#user-registration .ur-frontend-form input:focus,
#user-registration .ur-frontend-form textarea:focus,
#user-registration .ur-frontend-form select:focus,
.user-registration.ur-frontend-form input:focus,
.user-registration.ur-frontend-form textarea:focus,
.user-registration.ur-frontend-form select:focus,
.user-registration-form .form-row input:focus,
.user-registration-form .form-row textarea:focus,
.user-registration-form .form-row select:focus,
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input:focus,
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row textarea:focus,
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row select:focus {
  outline: none !important;
  border-color: #39D8E0 !important;
  box-shadow: 0 0 0 3px rgba(57, 216, 224, 0.2) !important;
}

/* --- Labels, helper text and checkbox text: ink -> light ------------------ */
#user-registration .ur-frontend-form label,
.user-registration.ur-frontend-form label,
.user-registration-form .form-row label,
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row label,
.six76-login-form .user-registration-form__label-for-checkbox,
.six76-login-form .user-registration-form__label-for-checkbox span,
.six76-register-form .user-registration-form__label-for-checkbox,
.six76-register-form .user-registration-form__label-for-checkbox span,
.six76-reset-password-form .user-registration-form__label-for-checkbox,
.six76-reset-password-form .user-registration-form__label-for-checkbox span {
  color: #F5F6F7 !important;
}

#user-registration .description,
.user-registration.ur-frontend-form .description,
.six76-register-form .user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row label .description {
  color: #93A0A3 !important;
}

#user-registration .ur-frontend-form h3,
.user-registration.ur-frontend-form h3,
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row h3 {
  color: #F5F6F7 !important;
}

.user-registration-form .form-row input[type="checkbox"],
.user-registration-form .form-row input[type="radio"],
#user-registration .ur-frontend-form input[type="checkbox"],
#user-registration .ur-frontend-form input[type="radio"],
.user-registration.ur-frontend-form input[type="checkbox"],
.user-registration.ur-frontend-form input[type="radio"] {
  accent-color: #39D8E0;
}

/* --- Buttons: unify the two competing _forms.css rule sets on cyan -------- */
#user-registration .ur-frontend-form .user-registration-form-login .ur-form-row .ur-form-grid > div:not(#ur-recaptcha-node) .user-registration-Button,
#user-registration .ur-frontend-form .user-registration-form-register .ur-form-row .ur-form-grid > div:not(#ur-recaptcha-node) .user-registration-Button,
#user-registration .ur-frontend-form .user-registration-form-profile .ur-form-row .ur-form-grid > div:not(#ur-recaptcha-node) .user-registration-Button,
.ur-frontend-form button,
.ur-frontend-form input[type="submit"],
.ur-frontend-form button[type="submit"],
.user-registration button,
.user-registration .button,
.ur-form-container button,
.ur-form-container .button,
.user-registration-form .ur-frontend-form .ur-submit-button,
.user-registration-form .ur-frontend-form input[type="submit"],
.user-registration-form .ur-frontend-form button[type="submit"],
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-submit-button,
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input[type="submit"] {
  background-color: #39D8E0 !important;
  color: #0D0D0D !important;
  box-shadow: 0 0 18px rgba(57, 216, 224, 0.35) !important;
}

#user-registration .ur-frontend-form .user-registration-form-login .ur-form-row .ur-form-grid > div:not(#ur-recaptcha-node) .user-registration-Button:hover,
#user-registration .ur-frontend-form .user-registration-form-register .ur-form-row .ur-form-grid > div:not(#ur-recaptcha-node) .user-registration-Button:hover,
#user-registration .ur-frontend-form .user-registration-form-profile .ur-form-row .ur-form-grid > div:not(#ur-recaptcha-node) .user-registration-Button:hover,
.ur-frontend-form button:hover,
.ur-frontend-form input[type="submit"]:hover,
.ur-frontend-form button[type="submit"]:hover,
.user-registration button:hover,
.user-registration .button:hover,
.ur-form-container button:hover,
.ur-form-container .button:hover,
.user-registration-form .ur-frontend-form .ur-submit-button:hover,
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row .ur-submit-button:hover,
.user-registration-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-form-row input[type="submit"]:hover {
  background-color: #4DF0FE !important;
  color: #0D0D0D !important;
}

.ur-frontend-form button:focus-visible,
.ur-frontend-form input[type="submit"]:focus-visible,
.user-registration-form .ur-frontend-form .ur-submit-button:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(57, 216, 224, 0.4) !important;
}

/* --- Error / validation states on dark ------------------------------------ */
.user-registration-form .ur-frontend-form .ur-message.ur-message-error,
#user-registration .ur-frontend-form .ur-message.ur-message-error,
.user-registration.ur-frontend-form .ur-message.ur-message-error,
.six76-login-section .user-registration-error-container,
.six76-register-section .user-registration-error-container,
.six76-login-section .ur-frontend-form .user-registration-error,
.six76-register-section .ur-frontend-form .user-registration-error {
  color: #F87171 !important;
  background-color: rgba(239, 68, 68, 0.12) !important;
  border: 1px solid rgba(239, 68, 68, 0.45) !important;
  border-radius: 0.375rem;
  padding: 0.75rem;
}

/* Inline per-field messages (jQuery-validate labels) read as plain red text,
   not boxed alerts. */
#user-registration .ur-frontend-form label.user-registration-error,
.user-registration.ur-frontend-form label.user-registration-error,
.user-registration-form label.user-registration-error {
  color: #F87171 !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  font-size: 0.875rem;
  margin-top: 0.25rem;
  display: block;
}

#user-registration .ur-frontend-form input.user-registration-invalid,
#user-registration .ur-frontend-form input.error,
.user-registration.ur-frontend-form input.user-registration-invalid,
.user-registration.ur-frontend-form input.error,
.user-registration-form .form-row input.error,
.user-registration-form .form-row textarea.error,
.user-registration-form .form-row select.error {
  border-color: #EF4444 !important;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.15) !important;
}

.user-registration-form .form-row .field-error {
  color: #F87171 !important;
}

.user-registration-form .ur-frontend-form .ur-message.ur-message-success,
#user-registration .ur-frontend-form .ur-message.ur-message-success,
.user-registration.ur-frontend-form .ur-message.ur-message-success {
  color: #4ADE80 !important;
  background-color: rgba(74, 222, 128, 0.12) !important;
  border: 1px solid rgba(74, 222, 128, 0.4) !important;
}

/* Password strength: 600-weight shades vanish on carbon, lift to 400s. */
.user-registration-form .ur-frontend-form .ur-password-strength.weak {
  color: #F87171 !important;
}

.user-registration-form .ur-frontend-form .ur-password-strength.medium {
  color: #FACC15 !important;
}

.user-registration-form .ur-frontend-form .ur-password-strength.strong {
  color: #4ADE80 !important;
}

/* --- The lost-password form ----------------------------------------------
   This form had never rendered: page-reset-password.php called a shortcode tag
   the plugin does not register, so the page printed the raw shortcode as text.
   Fixing the tag revealed a third form shape that nothing here had ever
   styled - its own title/message block, painted in the plugin's light-theme
   ink. #333 on the #141A1C card is roughly 1.3:1 contrast: present, and
   unreadable. */
.six76-reset-password-form .ur-lost-password-title {
  color: #F5F6F7 !important;
}

.six76-reset-password-form .ur-lost-password-message {
  color: #93A0A3 !important;
}

/* The plugin's own submit floats right, and _forms.css only clears the float
   on the login/register/profile button selectors - this button carries
   .ur-reset-password-btn and matched none of them. */
.six76-reset-password-form .ur-reset-password-btn {
  float: none !important;
}

/* Reclaim the phone's width from the plugin's nested card padding.
   `#user-registration` carries `padding: 40px 30px` and `margin: 30px 0` of
   its own, and `.ur-form-grid` another `0 10px`, all of it inside the six76
   card's padding. At 320px that left a 168px-wide field inside a 288px card -
   42% of the viewport spent on nested padding, and the "Enter your email"
   placeholder clipped. The six76 card already supplies the padding, so drop
   the plugin's at phone widths and leave the desktop layout alone. */
@media (max-width: 639px) {
  .six76-login-form #user-registration,
  .six76-register-form #user-registration,
  .six76-reset-password-form #user-registration {
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .six76-login-form .ur-form-grid,
  .six76-register-form .ur-form-grid,
  .six76-reset-password-form .ur-form-grid {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* --- Tap targets on the auth forms ---------------------------------------
   User Registration ships its checkboxes unstyled, so they render at the
   browser default 13x13 with a 20px-tall label row - a quarter of the 44x44
   floor, on the two controls a customer must hit to sign in ("Remember Me")
   and to register at all (the required Terms and Privacy consent).

   The box is grown to 1.25rem and the row it sits in is given the 44px height,
   rather than padding the input itself: an input with padding still reports
   its own small hit box, and per _accessibility.css an invisible expander
   overlay would reach into the neighbouring control. `accent-color` is already
   set above, so the enlarged box keeps the cyan tick. */
.six76-login-form .user-registration-form__input-checkbox,
.six76-register-form .ur-frontend-form input[type="checkbox"],
.six76-register-form .ur-frontend-form input[type="radio"],
.six76-reset-password-form .ur-frontend-form input[type="checkbox"],
#user-registration .ur-frontend-form input[type="checkbox"],
#user-registration .ur-frontend-form input[type="radio"],
.user-registration.ur-frontend-form input[type="checkbox"],
.user-registration.ur-frontend-form input[type="radio"] {
  width: 1.25rem !important;
  height: 1.25rem !important;
  flex-shrink: 0;
}

/* The row that owns the taps. The login form's wrapper is already
   display:flex from the plugin; the register form's consent label is a block
   with the input as its first child, so both need the flex row declaring
   here. `align-items: center` keeps a one-line label centred on the box;
   the marketing opt-in's label runs to three lines at 320px, where the extra
   height comes from the text and `min-height` simply stops mattering. */
.six76-login-form .user-registration-form__label-for-checkbox,
.six76-register-form .ur-frontend-form label.checkbox,
.six76-register-form .ur-frontend-form .ur-checkbox-list,
.six76-reset-password-form .ur-frontend-form label.checkbox {
  display: flex !important;
  align-items: center;
  gap: 0.625rem;
  min-height: 44px;
}

/* `.ur-checkbox-list` is the wrapper for ONE option, not for the field - a
   multi-option checkbox field renders one `<li class="ur-checkbox-list">` per
   option inside a `display: block` `<ul>`. Verified by cloning the register
   form's list into a three-option field on the live page at 320 and 375: the
   options stacked on separate rows, none spilled, no page scroll. So the flex
   row here is per option and does not need `flex-wrap`. */

/* The marketing opt-in is an input plus a sibling `label[for]` inside the list
   item above; the label is the target and is already well over 44px, but it
   must line up with the taller box. */
.six76-register-form .ur-frontend-form .ur-checkbox-label {
  display: inline-block;
  padding: 0.5rem 0;
}

/* "Lost your password?" is rendered by the plugin inside its own paragraph -
   a discrete control on its own line, so the 44px floor applies. It gets the
   shared .six76-standalone-link treatment from _accessibility.css, which the
   themed links beneath the card carry as a class. */
.six76-login-form .user-registration-LostPassword a,
.six76-register-form .user-registration-LostPassword a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}

/* --- Register page "UK customers only" notice ----------------------------- */
.six76-auth-notice {
  margin-top: 2rem;
  padding: 1rem;
  border: 1px solid rgba(250, 204, 21, 0.4);
  border-radius: 0.5rem;
  background-color: rgba(250, 204, 21, 0.08);
}

.six76-auth-notice svg {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.5rem;
  flex-shrink: 0;
  color: #FACC15;
}

.six76-auth-notice p {
  color: #FACC15;
  font-weight: 500;
}

/* --- Mobile: keep the card comfortable at small widths -------------------- */
@media (max-width: 480px) {
  .six76-login-form,
  .six76-register-form,
  .six76-reset-password-form {
    padding: 1.25rem !important;
  }
}
/* Dark theming for the intl-tel-input country picker that
   user-registration-advanced-fields wraps around the smart phone field
   (register form; also the my-account profile form).

   The addon ships light-theme CSS only: `body .iti__country-list` is painted
   white with no `color` of its own, so on the permanently dark six76 pages
   the list inherits the theme's light ink and renders as near-invisible pale
   text on white. six76-signup-guard pins the field to UK-only and disables
   the dropdown on the front end, so in practice this list should rarely open;
   these rules are the safety net for any surface where that shim does not run
   (another UR form, the guard plugin deactivated) - whatever opens must be
   readable.

   Two scopes per rule because intlTelInput moves the dropdown at mobile
   widths: on desktop the list renders in place inside the form, but on mobile
   it is appended to <body> inside a fullscreen `.iti--container` (the body
   gets an `iti-mobile` class), where form-scoped selectors cannot reach it -
   which is exactly the surface the bug was reported on. Selectors carry
   enough classes to out-specify the addon's `body .iti__*` rules on
   specificity alone, so load order against the plugin stylesheet does not
   matter. Palette mirrors _auth-dark.css: carbon surfaces, steel borders,
   light ink, cyan accent. */

.ur-frontend-form .iti__country-list,
.iti-mobile .iti--container .iti__country-list {
  background-color: #1D2426;
  border: 1px solid #39454A;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55);
  color: #F5F6F7;
}

.ur-frontend-form .iti__country,
.iti-mobile .iti--container .iti__country {
  color: #F5F6F7;
}

.ur-frontend-form .iti__dial-code,
.iti-mobile .iti--container .iti__dial-code {
  color: #93A0A3;
}

.ur-frontend-form .iti__country.iti__highlight,
.iti-mobile .iti--container .iti__country.iti__highlight {
  background-color: rgba(57, 216, 224, 0.12);
}

.ur-frontend-form .iti__divider,
.iti-mobile .iti--container .iti__divider {
  border-bottom-color: #39454A;
}

/* The dropdown chevron is a CSS triangle drawn with border-top (border-bottom
   when the list opens upwards); it only exists inside the form. */
.ur-frontend-form .iti__arrow {
  border-top-color: #93A0A3;
}

.ur-frontend-form .iti__arrow--up {
  border-top-color: transparent;
  border-bottom-color: #93A0A3;
}
/* The standalone "My Wallet" header button (see inc/header-wallet.php): a
   two-row stack — wallet icon + label on top, live balance underneath. The
   server ships an empty user-agnostic placeholder line (hidden below);
   js/header-wallet.js fills in the balance via a no-store admin-ajax fetch,
   so cached pages never carry one user's balance.

   Stacking replaces the old inline balance chip, and with it the phone-width
   workarounds it needed (hiding the "My Wallet" wording below 640px, tighter
   chip padding): the balance no longer competes with the label for room on
   one line, so both show at every width.

   NOTE: partials are imported BEFORE the tailwind layers, so anything set
   here on the <a> itself would lose to a utility class in header.php. The
   rules below target children, which utilities never touch. */

/* The icon + "My Wallet" row that the <a>'s flex-col stacks first is laid out
   with the same tailwind utilities as the sibling "My Account" link (see
   inc/header-wallet.php), so there is no second copy of that spacing here. */

/* Placeholder state: stay invisible until the fetch provides content. */
.six76-header-wallet-balance:empty {
  display: none;
}

.six76-header-wallet-balance {
  display: block;
  margin-top: 0.125rem;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.25;
  color: #e5e7eb;
  white-space: nowrap;
}

/* Orbitron is a wide face and the theme adds tracking; the balance is the
   part a buyer wants to read, so keep it untracked and legible on phones. */
.six76-header-wallet-balance,
.six76-header-wallet-balance .woocommerce-Price-amount {
  letter-spacing: 0;
}

/* wc_price() wraps the amount in its own spans; keep them on the line color. */
.six76-header-wallet-balance .woocommerce-Price-amount,
.six76-header-wallet-balance .woocommerce-Price-currencySymbol {
  color: inherit;
}

/* The link's hover recolors its own text; carry the balance line with it
   rather than leaving it stranded in grey. */
.six76-header-wallet:hover > .six76-header-wallet-balance {
  color: #4df0fe;
}
/* Shop grid — Customiser-driven columns and pagination.
 *
 * Column counts come from the CSS custom properties below; the live values are
 * emitted onto :root by six76_shop_grid_inline_css() (inc/shop-grid.php) from
 * the "676 Shop Grid" Customizer section, so these defaults only apply until
 * the Customizer settings are saved.
 *
 * The rules target every ul.products opened by woocommerce_product_loop_start()
 * (tagged .six76-shop-grid by six76_shop_grid_loop_start): the /competitions
 * page, Woo shop archives, [products] shortcodes and the Elementor Pro
 * Products widget. The homepage's curated section grids set their own column
 * classes and are untouched.
 */

:root {
  --six76-grid-cols-mobile: 2;
  --six76-grid-cols-tablet: 3;
  --six76-grid-cols-desktop: 4;
}

/* Fixed-layout product lists are exempt from the Customiser columns:
   the merch page grid (.dm-products) and "New Drops" carousel
   (.six76-merch-slider, both _merch-page.css), and the related/up-sells/
   cross-sells companion loops (their PHP loops are also never tagged —
   see six76_shop_grid_loop_should_tag() in inc/shop-grid.php). */
ul.products.six76-shop-grid:not(.dm-products *):not(.six76-merch-slider *):not(.related *):not(.up-sells *):not(.cross-sells *),
.competitions-grid ul.products {
  display: grid;
  grid-template-columns: repeat(var(--six76-grid-cols-mobile), minmax(0, 1fr)) !important;
  gap: 1rem;
}

@media (min-width: 640px) {
  ul.products.six76-shop-grid:not(.dm-products *):not(.six76-merch-slider *):not(.related *):not(.up-sells *):not(.cross-sells *),
  .competitions-grid ul.products {
    gap: 1.5rem;
  }
}

@media (min-width: 768px) {
  ul.products.six76-shop-grid:not(.dm-products *):not(.six76-merch-slider *):not(.related *):not(.up-sells *):not(.cross-sells *),
  .competitions-grid ul.products {
    grid-template-columns: repeat(var(--six76-grid-cols-tablet), minmax(0, 1fr)) !important;
  }
}

@media (min-width: 1024px) {
  ul.products.six76-shop-grid:not(.dm-products *):not(.six76-merch-slider *):not(.related *):not(.up-sells *):not(.cross-sells *),
  .competitions-grid ul.products {
    grid-template-columns: repeat(var(--six76-grid-cols-desktop), minmax(0, 1fr)) !important;
  }
}

/* ---------- Grid pagination ----------
 * .six76-grid-pagination wraps paginate_links() on the /competitions page;
 * .woocommerce-pagination is Woo's own archive pager. Both share the cyan-pill
 * look of the orders pager (_orders-list.css).
 */

.six76-grid-pagination ul.page-numbers,
.woocommerce-pagination ul.page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 3rem;
  padding: 0;
  list-style: none;
  flex-wrap: wrap;
}

.six76-grid-pagination .page-numbers li,
.woocommerce-pagination .page-numbers li {
  margin: 0;
  list-style: none;
}

.six76-grid-pagination a.page-numbers,
.six76-grid-pagination span.page-numbers,
.woocommerce-pagination a.page-numbers,
.woocommerce-pagination span.page-numbers {
  display: inline-flex;
  align-items: center;
  padding: 0.5rem 1.1rem;
  border-radius: 9999px;
  border: 1px solid #39454a;
  color: #39d8e0;
  font-size: 0.875rem;
  font-weight: 600;
  transition: color 0.15s ease, border-color 0.15s ease, background-color 0.15s ease;
}

.six76-grid-pagination a.page-numbers:hover,
.woocommerce-pagination a.page-numbers:hover {
  color: #4df0fe;
  border-color: #39d8e0;
  background: rgba(57, 216, 224, 0.12);
}

.six76-grid-pagination .page-numbers.current,
.woocommerce-pagination .page-numbers.current {
  color: #0a0d0e;
  background: #39d8e0;
  border-color: #39d8e0;
}

.six76-grid-pagination .page-numbers.dots,
.woocommerce-pagination .page-numbers.dots {
  border-color: transparent;
  color: #93a0a3;
}
/**
 * Instant-win reveal summary (thank-you page).
 *
 * The summary panel is injected by js/instant-win-reveal.js once the reveal
 * animation finishes. It reuses the order-details `.six76-instant-win-summary`
 * markup, but that block is designed for a dark page background whereas
 * `.six76-instant-win-section` paints a bright cyan gradient — amber-on-cyan is
 * unreadable. These rules give the panel its own dark surface inside the reveal
 * box so it stays legible independently of the surrounding box styling.
 */

.six76-reveal-summary .six76-instant-win-summary {
	background: rgba(13, 13, 13, 0.88);
	border-left-color: #facc15;
	text-align: left;
	margin-bottom: 0;
}

/* The section sets a cyan text colour that would otherwise cascade in. */
.six76-reveal-summary .six76-instant-win-summary,
.six76-reveal-summary .six76-instant-win-summary span {
	color: #fde68a;
}

.six76-reveal-summary .six76-instant-win-summary-title {
	color: #facc15;
}

.six76-reveal-summary .six76-instant-win-total {
	color: #fff;
}

.six76-reveal-summary .wdw-no-wins {
	background: rgba(13, 13, 13, 0.88);
	border-radius: 8px;
	padding: 1rem;
	color: #F5F6F7;
}
/* Free bonus entry promotion
 *
 * Surfaces for the six76-bonus-entry plugin: a pinned banner on qualifying
 * competition pages, a promo variant of the homepage hero slide, a card badge,
 * and the "how to get in" panel on the prize competition's own page.
 * Markup: inc/bonus-entry-promo.php.
 *
 * The promotion uses a warm accent rather than the site's cyan. Everything on
 * this site is cyan — cards, pills, prices, buttons — so a cyan promo banner
 * reads as more of the same furniture and disappears. Warm against a dark cyan
 * page is the one thing that says "this is different". Cyan is kept for the
 * call to action, so the thing to click still looks like every other thing to
 * click.
 */

:root {
  --six76-bonus-accent: #ffc64d;
  --six76-bonus-accent-dim: rgba(255, 198, 77, 0.6);
  --six76-bonus-accent-faint: rgba(255, 198, 77, 0.14);
}

/* ---------------------------------------------------------------------------
   Shared
   --------------------------------------------------------------------------- */

.six76-bonus-icon {
  width: 1.125rem;
  height: 1.125rem;
  flex: 0 0 auto;
}

.six76-bonus-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  color: var(--six76-bonus-accent);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

/* ---------------------------------------------------------------------------
   Pinned banner on a qualifying competition page
   --------------------------------------------------------------------------- */

/* Pinned so the offer is still on screen when the buyer reaches the quantity
 * slider and the basket button, which sit a long way down on a phone.
 *
 * The offset has to be the height of whatever is pinned above it, and that
 * changes with the breakpoint: below lg only the masthead is sticky (the top
 * bar scrolls away with the page — see _header.css), from lg up both bars are.
 * Both heights are measured into custom properties by js/header-offset.js
 * because neither is a constant — the top bar grows by a line when a signed-in
 * customer's wallet balance lands, and the masthead rewraps. The fallbacks are
 * the logged-out heights, for the no-JS case.
 *
 * z-index sits below the masthead's 30 so that if the two ever do meet, the
 * header wins. */
.six76-bonus-strip {
  position: sticky;
  top: var(--six76-masthead-h, 4rem);
  z-index: 20;
  background-color: rgba(13, 13, 13, 0.94);
  background-image: linear-gradient(
    100deg,
    var(--six76-bonus-accent-faint) 0%,
    rgba(13, 13, 13, 0) 55%
  );
  border-top: 1px solid rgba(255, 198, 77, 0.22);
  border-bottom: 1px solid rgba(255, 198, 77, 0.28);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(8px);
}

@media (min-width: 1024px) {
  .six76-bonus-strip {
    top: calc(var(--six76-topbar-h, 3.5rem) + var(--six76-masthead-h, 4.5rem));
  }
}

.six76-bonus-strip-inner {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  max-width: 80rem;
  margin: 0 auto;
  padding: 0.625rem 1rem;
}

.six76-bonus-strip-mark {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 999px;
  background-color: var(--six76-bonus-accent-faint);
  border: 1px solid var(--six76-bonus-accent-dim);
  color: var(--six76-bonus-accent);
}

.six76-bonus-strip-body {
  flex: 1 1 auto;
  min-width: 0;
}

/* The eyebrow is redundant on a phone: the gift mark and the wording already
 * say what this is, and the pinned banner is stealing viewport the whole way
 * down the page. Two lines is the budget. */
.six76-bonus-strip-body .six76-bonus-eyebrow {
  display: none;
}

.six76-bonus-strip-headline {
  margin: 0;
  min-width: 0;
}

/* The prize leads on a phone: biggest text in the banner, in the promo accent,
 * on its own line. It is the only thing a customer must be able to read here —
 * "free entry with any ticket" is worthless if they cannot see what into. */
.six76-bonus-strip-prize {
  display: block;
  color: var(--six76-bonus-accent);
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.25;

  /* Two lines, so a longer prize name still arrives in full, but a pinned
   * element can never grow without limit. */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.six76-bonus-strip-offer {
  display: block;
  color: #f5f6f7;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Kept on a phone, not hidden. The limit and the draw date are the terms of the
 * offer being made in the line above, and a promise shown without them is the
 * one thing this banner must not do — so it is clamped to a single line rather
 * than dropped. */
.six76-bonus-strip-terms {
  margin: 0.125rem 0 0;
  color: #93a0a3;
  font-size: 0.625rem;
  line-height: 1.35;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.six76-bonus-strip-cta {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  /* 44px minimum touch target — the mobile accessibility floor the rest of the
   * theme holds to. */
  min-height: 44px;
  padding: 0.5rem 0.875rem;
  border: 1px solid rgba(57, 216, 224, 0.7);
  border-radius: 0.5rem;
  color: #39d8e0;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
  transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.six76-bonus-strip-cta:hover,
.six76-bonus-strip-cta:focus-visible {
  background-color: rgba(57, 216, 224, 0.14);
  color: #4df0fe;
  box-shadow: 0 0 12px rgba(57, 216, 224, 0.3);
}

@media (min-width: 640px) {
  .six76-bonus-strip-inner {
    gap: 1rem;
    padding: 0.75rem 1.5rem;
  }

  .six76-bonus-strip-body .six76-bonus-eyebrow {
    display: inline-flex;
  }

  .six76-bonus-strip-terms {
    margin-top: 0.25rem;
    font-size: 0.6875rem;
    white-space: normal;
  }

  /* Wide enough for one line: the prize and the offer read as a sentence again,
   * with an em dash supplied by CSS so the PHP does not have to build two
   * different strings. */
  .six76-bonus-strip-prize,
  .six76-bonus-strip-offer {
    display: inline;
    white-space: normal;
  }

  .six76-bonus-strip-prize {
    font-size: 1rem;
  }

  .six76-bonus-strip-offer {
    font-size: 0.9375rem;
  }

  .six76-bonus-strip-offer::before {
    content: '\2014\00a0';
  }
}

@media (min-width: 1024px) {
  .six76-bonus-strip-prize {
    font-size: 1.125rem;
  }

  .six76-bonus-strip-offer {
    font-size: 1.0625rem;
  }

  .six76-bonus-strip-cta {
    padding: 0.625rem 1.25rem;
    font-size: 0.8125rem;
  }
}

/* ---------------------------------------------------------------------------
   Homepage hero promo slide
   --------------------------------------------------------------------------- */

/* Warm wash over the standard slide overlay, so the promo slide is
 * recognisably not one of the competition slides it rotates with. Layered on
 * ::after rather than replacing the overlay so the per-competition overlay
 * strength setting still applies underneath. */
.six76-hero-slide--bonus::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image: linear-gradient(
    115deg,
    rgba(255, 198, 77, 0.16) 0%,
    rgba(255, 198, 77, 0) 60%
  );
  pointer-events: none;
}

/* Above the wash. The slide's own inner is positioned already; this only has to
 * beat the ::after. */
.six76-hero-slide--bonus .six76-hero-inner {
  z-index: 1;
}

.six76-hero-badge--bonus {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  border-color: var(--six76-bonus-accent-dim);
  background-color: var(--six76-bonus-accent-faint);
  color: var(--six76-bonus-accent);
}

.six76-bonus-hero-kicker {
  color: #93a0a3;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

/* The shared accent carries a cyan glow (_front-page.css); left alone, the
 * promo slide would be warm text wearing a cyan halo. */
.six76-hero-slide--bonus .six76-hero-accent {
  color: var(--six76-bonus-accent);
  text-shadow:
    0 0 12px rgba(255, 198, 77, 0.5),
    0 0 40px rgba(255, 198, 77, 0.26);
}

/* ---------------------------------------------------------------------------
   Card badge, in place of the price
   --------------------------------------------------------------------------- */

/* Let the prize competition back into the grids.
 *
 * A wdw-* plugin stylesheet hides every non-purchasable lottery product
 * site-wide with
 *
 *     body:not(.page-entry-lists) .product-type-lottery:not(.purchasable)
 *
 * which is meant for closed competitions but matches on purchasability. The
 * prize competition is never purchasable by design, so it was hidden from every
 * grid while being present in the page source — a failure with no visible cause.
 *
 * One class more than the plugin's selector, so this wins on specificity and does
 * not depend on which stylesheet loads last. Deliberately narrow: closed
 * competitions carry no such class and stay hidden, which is what that rule is
 * for. `list-item` matches what the sibling cards compute to.
 * See six76_bonus_card_class() in inc/bonus-entry-promo.php. */
body:not(.page-entry-lists) .product-type-lottery.six76-bonus-prize-card:not(.purchasable) {
  display: list-item;
}

.six76-bonus-card-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.3125rem;
  padding: 0.1875rem 0.5rem;
  border: 1px solid var(--six76-bonus-accent-dim);
  border-radius: 0.375rem;
  background-color: var(--six76-bonus-accent-faint);
  color: var(--six76-bonus-accent);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: 1.2;
}

.six76-bonus-card-badge .six76-bonus-icon {
  width: 0.875rem;
  height: 0.875rem;
}

/* ---------------------------------------------------------------------------
   "How to get in" panel, on the prize competition's own page
   --------------------------------------------------------------------------- */

.six76-bonus-howto {
  margin-top: 1.5rem;
  padding: 1.25rem;
  border: 1px solid var(--six76-bonus-accent-dim);
  border-radius: 0.875rem;
  background-color: var(--six76-bonus-accent-faint);
}

.six76-bonus-howto-lead {
  margin: 0.625rem 0 0;
  color: var(--theme-text, #f5f6f7);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
}

.six76-bonus-howto-steps {
  margin: 1rem 0 0;
  padding: 0;
  list-style: none;
}

.six76-bonus-howto-step {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  margin-bottom: 0.75rem;
  color: var(--theme-text-secondary, #93a0a3);
  font-size: 0.875rem;
  line-height: 1.5;
}

.six76-bonus-howto-step:last-child {
  margin-bottom: 0;
}

.six76-bonus-howto-num {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 999px;
  background-color: var(--six76-bonus-accent);
  color: #0d0d0d;
  font-size: 0.75rem;
  font-weight: 700;
}

.six76-bonus-howto-limit {
  margin: 1rem 0 0;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(255, 198, 77, 0.22);
  color: #93a0a3;
  font-size: 0.75rem;
  line-height: 1.5;
}

.six76-bonus-howto-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  margin-top: 1rem;
  padding: 0.75rem 1.25rem;
  border-radius: 0.5rem;
  background-color: #39d8e0;
  color: #0d0d0d;
  font-size: 0.9375rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-align: center;
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.six76-bonus-howto-cta:hover,
.six76-bonus-howto-cta:focus-visible {
  background-color: #4df0fe;
  color: #0d0d0d;
  box-shadow: 0 0 18px rgba(57, 216, 224, 0.4);
}

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

/* ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com *//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: Orbitron, sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Monaco, Consolas, Liberation Mono, Courier New, monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
  p {
    font-family: Helvetica Neue, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;
  }

  /* Mobile-first heading scale.
   *
   * Orbitron's squared, wide letterforms eat far more horizontal space than a
   * normal face at the same size, so unstyled headings (WordPress content,
   * Elementor blocks, plugin output) overflow or wrap awkwardly on a phone.
   * These are floors only - Tailwind utilities are emitted after this partial
   * and still win wherever a template sets an explicit size. */
  h1 {
    font-size: 1.75rem;
    line-height: 1.2;
  }

  h2 {
    font-size: 1.5rem;
    line-height: 1.25;
  }

  h3 {
    font-size: 1.25rem;
    line-height: 1.3;
  }

  h4 {
    font-size: 1.125rem;
    line-height: 1.35;
  }

  /* Long words (URLs, unbroken prize names) must not force a sideways scroll. */
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    overflow-wrap: break-word;
  }

  @media (min-width: 768px) {
    h1 {
      font-size: 2.25rem;
    }

    h2 {
      font-size: 1.875rem;
    }

    h3 {
      font-size: 1.5rem;
    }

    h4 {
      font-size: 1.25rem;
    }
  }
.container {
  width: 100%;
}
@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none {
  pointer-events: none;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: 0px;
}
.inset-y-0 {
  top: 0px;
  bottom: 0px;
}
.-right-2 {
  right: -0.5rem;
}
.-top-2 {
  top: -0.5rem;
}
.bottom-6 {
  bottom: 1.5rem;
}
.left-0 {
  left: 0px;
}
.right-6 {
  right: 1.5rem;
}
.top-0 {
  top: 0px;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.z-\[60\] {
  z-index: 60;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}
.col-span-full {
  grid-column: 1 / -1;
}
.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-16 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.mb-12 {
  margin-bottom: 3rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-4 {
  margin-left: 1rem;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-12 {
  margin-top: 3rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-8 {
  margin-top: 2rem;
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.\!grid {
  display: grid !important;
}
.grid {
  display: grid;
}
.contents {
  display: contents;
}
.hidden {
  display: none;
}
.aspect-square {
  aspect-ratio: 1 / 1;
}
.h-1\.5 {
  height: 0.375rem;
}
.h-10 {
  height: 2.5rem;
}
.h-11 {
  height: 2.75rem;
}
.h-12 {
  height: 3rem;
}
.h-16 {
  height: 4rem;
}
.h-2 {
  height: 0.5rem;
}
.h-20 {
  height: 5rem;
}
.h-24 {
  height: 6rem;
}
.h-3 {
  height: 0.75rem;
}
.h-4 {
  height: 1rem;
}
.h-5 {
  height: 1.25rem;
}
.h-6 {
  height: 1.5rem;
}
.h-7 {
  height: 1.75rem;
}
.h-8 {
  height: 2rem;
}
.h-auto {
  height: auto;
}
.h-full {
  height: 100%;
}
.h-px {
  height: 1px;
}
.min-h-\[44px\] {
  min-height: 44px;
}
.min-h-screen {
  min-height: 100vh;
}
.w-10 {
  width: 2.5rem;
}
.w-11 {
  width: 2.75rem;
}
.w-12 {
  width: 3rem;
}
.w-16 {
  width: 4rem;
}
.w-20 {
  width: 5rem;
}
.w-24 {
  width: 6rem;
}
.w-3 {
  width: 0.75rem;
}
.w-3\/5 {
  width: 60%;
}
.w-4 {
  width: 1rem;
}
.w-5 {
  width: 1.25rem;
}
.w-6 {
  width: 1.5rem;
}
.w-7 {
  width: 1.75rem;
}
.w-8 {
  width: 2rem;
}
.w-full {
  width: 100%;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-\[24px\] {
  min-width: 24px;
}
.max-w-2xl {
  max-width: 42rem;
}
.max-w-3xl {
  max-width: 48rem;
}
.max-w-4xl {
  max-width: 56rem;
}
.max-w-5xl {
  max-width: 64rem;
}
.max-w-6xl {
  max-width: 72rem;
}
.max-w-7xl {
  max-width: 80rem;
}
.max-w-md {
  max-width: 28rem;
}
.max-w-xl {
  max-width: 36rem;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.-translate-x-full {
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-0 {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-pointer {
  cursor: pointer;
}
.resize {
  resize: both;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-x-4 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.gap-y-2 {
  row-gap: 0.5rem;
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1.5rem * var(--tw-space-x-reverse));
  margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.overflow-hidden {
  overflow: hidden;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-r-2xl {
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
.border {
  border-width: 1px;
}
.border-2 {
  border-width: 2px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-r {
  border-right-width: 1px;
}
.border-t {
  border-top-width: 1px;
}
.border-six76-cyan-bright\/30 {
  border-color: rgb(77 240 254 / 0.3);
}
.border-six76-cyan-bright\/40 {
  border-color: rgb(77 240 254 / 0.4);
}
.border-six76-cyan\/25 {
  border-color: rgb(57 216 224 / 0.25);
}
.border-six76-gray-light {
  --tw-border-opacity: 1;
  border-color: rgb(35 42 44 / var(--tw-border-opacity, 1));
}
.border-theme-border {
  border-color: var(--theme-border);
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}
.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.bg-six76-carbon {
  --tw-bg-opacity: 1;
  background-color: rgb(20 26 28 / var(--tw-bg-opacity, 1));
}
.bg-six76-cyan {
  --tw-bg-opacity: 1;
  background-color: rgb(57 216 224 / var(--tw-bg-opacity, 1));
}
.bg-six76-cyan-bright {
  --tw-bg-opacity: 1;
  background-color: rgb(77 240 254 / var(--tw-bg-opacity, 1));
}
.bg-six76-cyan-bright\/20 {
  background-color: rgb(77 240 254 / 0.2);
}
.bg-six76-gray-light {
  --tw-bg-opacity: 1;
  background-color: rgb(35 42 44 / var(--tw-bg-opacity, 1));
}
.bg-six76-ink {
  --tw-bg-opacity: 1;
  background-color: rgb(13 13 13 / var(--tw-bg-opacity, 1));
}
.bg-theme-card {
  background-color: var(--theme-card-bg);
}
.bg-theme-primary {
  background-color: var(--theme-primary);
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-yellow-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1));
}
.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.from-gray-100 {
  --tw-gradient-from: #f3f4f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(243 244 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-six76-cyan {
  --tw-gradient-from: #39D8E0 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(57 216 224 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-six76-cyan-bright {
  --tw-gradient-from: #4DF0FE var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(77 240 254 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-gray-200 {
  --tw-gradient-to: #e5e7eb var(--tw-gradient-to-position);
}
.to-six76-cyan-dark {
  --tw-gradient-to: #22A9B5 var(--tw-gradient-to-position);
}
.to-six76-cyan-light {
  --tw-gradient-to: #6BE4EC var(--tw-gradient-to-position);
}
.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}
.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.object-center {
  -o-object-position: center;
     object-position: center;
}
.p-1 {
  padding: 0.25rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-8 {
  padding: 2rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-14 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-5xl {
  font-size: 3rem;
  line-height: 1;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[10rem\] {
  font-size: 10rem;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-black {
  font-weight: 900;
}
.font-bold {
  font-weight: 700;
}
.font-extrabold {
  font-weight: 800;
}
.font-medium {
  font-weight: 500;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.not-italic {
  font-style: normal;
}
.leading-none {
  line-height: 1;
}
.leading-relaxed {
  line-height: 1.625;
}
.leading-tight {
  line-height: 1.25;
}
.tracking-wide {
  letter-spacing: 0.025em;
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.text-current {
  color: currentColor;
}
.text-gray-300 {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-six76-cyan {
  --tw-text-opacity: 1;
  color: rgb(57 216 224 / var(--tw-text-opacity, 1));
}
.text-six76-cyan-bright {
  --tw-text-opacity: 1;
  color: rgb(77 240 254 / var(--tw-text-opacity, 1));
}
.text-six76-cyan-dark {
  --tw-text-opacity: 1;
  color: rgb(34 169 181 / var(--tw-text-opacity, 1));
}
.text-six76-gray-dark {
  --tw-text-opacity: 1;
  color: rgb(57 69 74 / var(--tw-text-opacity, 1));
}
.text-six76-gray-medium {
  --tw-text-opacity: 1;
  color: rgb(147 160 163 / var(--tw-text-opacity, 1));
}
.text-six76-ink {
  --tw-text-opacity: 1;
  color: rgb(13 13 13 / var(--tw-text-opacity, 1));
}
.text-six76-ink\/70 {
  color: rgb(13 13 13 / 0.7);
}
.text-theme-text {
  color: var(--theme-text);
}
.text-theme-text-on-color {
  color: var(--theme-text-on-color);
}
.text-theme-text-secondary {
  color: var(--theme-text-secondary);
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-white\/90 {
  color: rgb(255 255 255 / 0.9);
}
.underline {
  text-decoration-line: underline;
}
.opacity-0 {
  opacity: 0;
}
.opacity-100 {
  opacity: 1;
}
.opacity-90 {
  opacity: 0.9;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-filter {
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.duration-500 {
  transition-duration: 500ms;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.hover\:-translate-y-1:hover {
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:-translate-y-2:hover {
  --tw-translate-y: -0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-\[1\.02\]:hover {
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:border-six76-cyan:hover {
  --tw-border-opacity: 1;
  border-color: rgb(57 216 224 / var(--tw-border-opacity, 1));
}
.hover\:bg-red-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}
.hover\:bg-six76-cyan-dark:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(34 169 181 / var(--tw-bg-opacity, 1));
}
.hover\:bg-six76-gray-medium:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(147 160 163 / var(--tw-bg-opacity, 1));
}
.hover\:bg-white\/10:hover {
  background-color: rgb(255 255 255 / 0.1);
}
.hover\:bg-gradient-to-r:hover {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.hover\:from-six76-cyan-bright:hover {
  --tw-gradient-from: #4DF0FE var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(77 240 254 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-six76-cyan-dark:hover {
  --tw-gradient-from: #22A9B5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(34 169 181 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:to-six76-cyan-bright:hover {
  --tw-gradient-to: #4DF0FE var(--tw-gradient-to-position);
}
.hover\:to-six76-cyan-dark:hover {
  --tw-gradient-to: #22A9B5 var(--tw-gradient-to-position);
}
.hover\:text-six76-cyan:hover {
  --tw-text-opacity: 1;
  color: rgb(57 216 224 / var(--tw-text-opacity, 1));
}
.hover\:text-six76-cyan-bright:hover {
  --tw-text-opacity: 1;
  color: rgb(77 240 254 / var(--tw-text-opacity, 1));
}
.hover\:text-six76-cyan-dark:hover {
  --tw-text-opacity: 1;
  color: rgb(34 169 181 / var(--tw-text-opacity, 1));
}
.hover\:shadow-xl:hover {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus\:border-transparent:focus {
  border-color: transparent;
}
.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-six76-cyan:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(57 216 224 / var(--tw-ring-opacity, 1));
}
.group:hover .group-hover\:scale-105 {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (min-width: 640px) {
  .sm\:inline {
    display: inline;
  }
  .sm\:h-12 {
    height: 3rem;
  }
  .sm\:h-8 {
    height: 2rem;
  }
  .sm\:w-20 {
    width: 5rem;
  }
  .sm\:w-8 {
    width: 2rem;
  }
  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .sm\:flex-row {
    flex-direction: row;
  }
  .sm\:items-center {
    align-items: center;
  }
  .sm\:gap-3 {
    gap: 0.75rem;
  }
  .sm\:gap-6 {
    gap: 1.5rem;
  }
  .sm\:p-2 {
    padding: 0.5rem;
  }
  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .sm\:text-left {
    text-align: left;
  }
  .sm\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
@media (min-width: 768px) {
  .md\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .md\:mb-0 {
    margin-bottom: 0px;
  }
  .md\:inline {
    display: inline;
  }
  .md\:h-10 {
    height: 2.5rem;
  }
  .md\:h-14 {
    height: 3.5rem;
  }
  .md\:h-6 {
    height: 1.5rem;
  }
  .md\:w-10 {
    width: 2.5rem;
  }
  .md\:w-24 {
    width: 6rem;
  }
  .md\:w-6 {
    width: 1.5rem;
  }
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .md\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .md\:flex-row {
    flex-direction: row;
  }
  .md\:items-center {
    align-items: center;
  }
  .md\:justify-start {
    justify-content: flex-start;
  }
  .md\:justify-between {
    justify-content: space-between;
  }
  .md\:gap-12 {
    gap: 3rem;
  }
  .md\:gap-4 {
    gap: 1rem;
  }
  .md\:gap-6 {
    gap: 1.5rem;
  }
  .md\:p-8 {
    padding: 2rem;
  }
  .md\:px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
  .md\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .md\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .md\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .md\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .md\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .md\:text-left {
    text-align: left;
  }
  .md\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .md\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
  .md\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }
  .md\:text-6xl {
    font-size: 3.75rem;
    line-height: 1;
  }
  .md\:text-\[16rem\] {
    font-size: 16rem;
  }
  .md\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .md\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 1024px) {
  .lg\:sticky {
    position: sticky;
  }
  .lg\:top-0 {
    top: 0px;
  }
  .lg\:top-8 {
    top: 2rem;
  }
  .lg\:order-none {
    order: 0;
  }
  .lg\:col-span-1 {
    grid-column: span 1 / span 1;
  }
  .lg\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .lg\:block {
    display: block;
  }
  .lg\:flex {
    display: flex;
  }
  .lg\:hidden {
    display: none;
  }
  .lg\:h-12 {
    height: 3rem;
  }
  .lg\:h-16 {
    height: 4rem;
  }
  .lg\:w-12 {
    width: 3rem;
  }
  .lg\:w-28 {
    width: 7rem;
  }
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .lg\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .lg\:grid-cols-\[1\.15fr_0\.85fr\] {
    grid-template-columns: 1.15fr 0.85fr;
  }
  .lg\:flex-row {
    flex-direction: row;
  }
  .lg\:items-center {
    align-items: center;
  }
  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .lg\:text-\[20rem\] {
    font-size: 20rem;
  }
  .lg\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 1280px) {
  .xl\:w-32 {
    width: 8rem;
  }
  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.dark\:bg-six76-gray-dark:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-bg-opacity: 1;
  background-color: rgb(57 69 74 / var(--tw-bg-opacity, 1));
}
.dark\:bg-six76-ink:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-bg-opacity: 1;
  background-color: rgb(13 13 13 / var(--tw-bg-opacity, 1));
}
.dark\:text-six76-cyan-bright:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(77 240 254 / var(--tw-text-opacity, 1));
}
.dark\:text-white:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.dark\:text-white\/70:where([data-theme="dark"], [data-theme="dark"] *) {
  color: rgb(255 255 255 / 0.7);
}
.\[\&\>h1\]\:mb-4>h1 {
  margin-bottom: 1rem;
}
.\[\&\>h1\]\:text-3xl>h1 {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.\[\&\>h1\]\:font-bold>h1 {
  font-weight: 700;
}
.\[\&\>p\:last-child\]\:mb-0>p:last-child {
  margin-bottom: 0px;
}
.\[\&\>p\]\:mb-4>p {
  margin-bottom: 1rem;
}
.\[\&\>ul\>li\>p\]\:mb-0>ul>li>p {
  margin-bottom: 0px;
}
.\[\&\>ul\>li\]\:mb-2>ul>li {
  margin-bottom: 0.5rem;
}
.\[\&\>ul\]\:mb-4>ul {
  margin-bottom: 1rem;
}
.\[\&\>ul\]\:ml-0>ul {
  margin-left: 0px;
}
.\[\&\>ul\]\:list-none>ul {
  list-style-type: none;
}