:root {
  --custom-gradient: linear-gradient(90deg, #CB7DE9 0%, #38AEB2 50%, #00EF8B 100%);
  --primary-hover: #33f2a2 !important;
  --accent-hover: #33f2a2 !important;
}

#loyalty-navigation-bar,
#marketplace-link,
#title-bar-list-token-button,
.cart-button {
  display: none !important;
}

#loyalty-header h1,
.featured-heading-section div {
  background: var(--custom-gradient);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#loyalty-quests .secondary-pill-button,
.feature-section .pill-button.flex {
  --r: 100px;
  --b: 1px;
  background: var(--custom-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  border-radius: var(--r);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 0;
  text-decoration: none;
}

#loyalty-quests .secondary-pill-button i {
  -webkit-text-fill-color: var(--color-tx-accent);
  color: var(--color-tx-accent);
}

#loyalty-quests .secondary-pill-button:hover {
  color: #141414;
}

#loyalty-quests .secondary-pill-button::before,
.feature-section .pill-button.flex::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  border: var(--b) solid transparent;
  border-radius: var(--r);
  background: inherit;
  background-origin: border-box;
  background-clip: border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-mask-repeat: no-repeat;
}

#loyalty-quests .secondary-pill-button:hover::before,
.feature-section .pill-button.flex:hover::before {
  filter: brightness(1.1);
}

#modal-header-claim-your-prize h2 {
  visibility: hidden;
  position: relative;
}

#modal-header-claim-your-prize h2:after {
  content: "Claim your item";
  visibility: visible;
  position: absolute;
  display: block;
  top: 0;
}

#hero-minting-contracts-badge {
  display: none;
}

#minting-page-filter-container > .minting-page-filter-item:first-of-type {
  order: 3;
  border-top: 1px solid var(--separator);
  padding-top: 8px;
}

#minting-page-filter-container > .minting-page-filter-item:nth-of-type(2) {
  border: 0;
  padding-top: 0px;
}

/* Hide Loyalty Points text on user profile */

div#title-bar-wrapper + div.col-span-full div[class*="py-[18px]"] .inline-flex.gap-2.items-center.w-36 {
  width: fit-content;
}

div#title-bar-wrapper + div.col-span-full div[class*="py-[18px]"] .inline-flex.gap-2.items-center.w-36 span[class*="text-[10px]"] {
  display: none;
}

.collection-name-and-dropdown .flex-col.font-bold.gap-2 {
  position: relative;
  color: transparent;
  /* Hide the original text */
}

.collection-name-and-dropdown .flex-col.font-bold.gap-2::after {
  content: "Flow Rewards Store";
  /* Replace 'BURN-REDEEM' with desired text */
  position: absolute;
  top: 0;
  left: 0;
  white-space: nowrap;
  color: var(--primary-text);
  /* Match text color */
}

#loyalty-leaderboard {
  order: 3;
}