/* Final polish for product/cart navigation and checkbox state */

/* The game detail page uses only the fixed bottom back control. */
.game-detail-page .game-detail-back {
  display: none !important;
}

/* Make the fixed bottom back button clean and visually aligned with the menu. */
.region-bottom-nav .region-nav-back {
  flex: 0 0 52px !important;
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 0 !important;
  align-self: center !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 18px !important;
  border: 1px solid rgba(93, 231, 255, 0.2) !important;
  background:
    radial-gradient(circle at 50% 12%, rgba(93, 231, 255, 0.22), transparent 46%),
    linear-gradient(180deg, rgba(18, 35, 58, 0.96), rgba(10, 15, 27, 0.96)) !important;
  color: #edf7ff !important;
  box-shadow:
    0 14px 34px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  font-size: 0 !important;
  line-height: 0 !important;
  transform: none !important;
}

.region-bottom-nav .region-nav-back::before {
  content: "" !important;
  width: 22px !important;
  height: 22px !important;
  display: block !important;
  background: currentColor !important;
  transform: none !important;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M15.7 4.3a1 1 0 0 1 0 1.4L10.42 11H20a1 1 0 1 1 0 2h-9.58l5.3 5.3a1 1 0 0 1-1.42 1.4l-7-7a1 1 0 0 1 0-1.4l7-7a1 1 0 0 1 1.4 0Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M15.7 4.3a1 1 0 0 1 0 1.4L10.42 11H20a1 1 0 1 1 0 2h-9.58l5.3 5.3a1 1 0 0 1-1.42 1.4l-7-7a1 1 0 0 1 0-1.4l7-7a1 1 0 0 1 1.4 0Z'/%3E%3C/svg%3E");
}

.region-bottom-nav .region-nav-back:active {
  transform: scale(0.97) !important;
}

/* Checked cart checkbox: show a clear checkmark, not only a filled square. */
.cart-check-row input[type="checkbox"] {
  position: relative !important;
  flex: 0 0 22px !important;
  width: 22px !important;
  height: 22px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 7px !important;
  border: 1px solid rgba(237, 243, 255, 0.34) !important;
  background: rgba(237, 243, 255, 0.1) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

.cart-check-row input[type="checkbox"]:checked {
  border-color: rgba(93, 231, 255, 0.78) !important;
  background:
    linear-gradient(135deg, #5de7ff, #4e80ff 58%, #f4d06f) !important;
  box-shadow:
    0 0 0 4px rgba(93, 231, 255, 0.11),
    0 8px 22px rgba(78, 128, 255, 0.24) !important;
}

.cart-check-row input[type="checkbox"]:checked::after {
  content: "" !important;
  width: 12px !important;
  height: 8px !important;
  border-left: 3px solid #07101d !important;
  border-bottom: 3px solid #07101d !important;
  transform: rotate(-45deg) translateY(-1px) !important;
  transform-origin: center !important;
}

@media (max-width: 560px) {
  .region-bottom-nav .region-nav-back {
    flex-basis: 50px !important;
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    min-height: 50px !important;
    border-radius: 17px !important;
  }

  .region-bottom-nav .region-nav-back::before {
    width: 21px !important;
    height: 21px !important;
  }
}