/* Add your own CSS styles there */

body {
  font-family: 'ABCFavoritMono-Regular', monospace !important;
}

h1,
h2,
h3 {
  font-family: 'DisketMono-Frontier-Bold', monospace !important;
  font-weight: normal;
  /* Prevent browser from overriding with bold weight */
}

.font-default {
  font-family: 'ABCFavoritMono-Regular', monospace !important;
}

button[data-testid="ConnectButton"] .secondary-pill-button {
  font-family: 'DisketMono-Frontier-Bold', monospace !important;
  font-weight: normal !important;
}

.loyalty-quest {
  border: 1px solid hsla(60,68%,94%,.125) !important;
  /* Custom color and thickness */
  border-radius: 0px !important;
  /* Optional: increase rounded corners */
}

#loyalty-quest-root-external_rule {
  border: none !important;
}

/* Main button style */

button[data-testid="ConnectButton"] .secondary-pill-button {
  position: relative;
  background-color: #FF4F1F !important;
  /* Orange fill */
  color: #000000 !important;
  /* Black text */
  padding: 10px 24px !important;
  font-weight: 900 !important;
  text-transform: uppercase;
  font-family: 'Orbitron', 'sans-serif';
  letter-spacing: 1px;
  border: none !important;
  border-radius: 0 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 0;
  overflow: visible;
}

/* Top-left bracket */

button[data-testid="ConnectButton"] .secondary-pill-button::before {
  content: '';
  position: absolute;
  top: -6px;
  left: -6px;
  width: 12px;
  height: 12px;
  border-top: 2px solid #FF4F1F;
  border-left: 2px solid #FF4F1F;
}

/* Top-right bracket */

button[data-testid="ConnectButton"] .secondary-pill-button::after {
  content: '';
  position: absolute;
  top: -6px;
  right: -6px;
  width: 12px;
  height: 12px;
  border-top: 2px solid #FF4F1F;
  border-right: 2px solid #FF4F1F;
}

/* Bottom-left bracket */

button[data-testid="ConnectButton"] .secondary-pill-button::before,
button[data-testid="ConnectButton"] .secondary-pill-button::after {
  /* already defined above */
}

/* Extra pseudo-elements for bottom corners */

button[data-testid="ConnectButton"] .secondary-pill-button::after,
button[data-testid="ConnectButton"] .secondary-pill-button::before {
  pointer-events: none;
}

button[data-testid="ConnectButton"] .secondary-pill-button::before-bottom,
button[data-testid="ConnectButton"] .secondary-pill-button::after-bottom {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  bottom: -6px;
}

button[data-testid="ConnectButton"] .secondary-pill-button::before-bottom {
  left: -6px;
  border-bottom: 2px solid #FF4F1F;
  border-left: 2px solid #FF4F1F;
}

button[data-testid="ConnectButton"] .secondary-pill-button::after-bottom {
  right: -6px;
  border-bottom: 2px solid #FF4F1F;
  border-right: 2px solid #FF4F1F;
}

.primary-pill-button,
.secondary-pill-button,
.text-button {
  font-family: "FrontierDisketMonoBold", monospace;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px !important;
  color: black !important;
  background: rgba(255, 71, 0, 1) !important;
  width: 100%;
  padding: 15px;
  border: none;
  border-radius: 0 !important;
  position: relative;
  cursor: pointer;
  justify-content: center !important;
}

div #loyalty-leaderboard,
#loyalty-history-table {
  border: 1px solid rgba(255, 71, 0, 1);
  border-radius: 10px;
  padding: 16px;
  background-color: rgba(0, 0, 0, 0.4);
}

div #connect-wallet-to-view-history {
  border: none !important;
}

#title-bar-wrapper button.primary-pill-button {
  display: none;
}

#loyalty-quest-root-link_click,
#no-loyalty-history {
  border: none;
}

/* More specific: only the immediate parent */

*:has(> .loyalty-quest) {
  border: none !important;
}

#loyalty-referral  .secondary-pill-button {
  max-width: 40%;
}

div#loyaly-leaderboard__header::after {
  background: none;
}

#loyalty-leaderboard__container {
  padding-top: 16px;
}

.titlebar-right-buttons a.secondary-pill-button.text-tx-primary,
.titlebar-right-buttons a.secondary-pill-button.text-tx-primary *,
.titlebar-right-buttons a.secondary-pill-button.text-tx-primary span {
  color: #FF4F1F !important;
}

.titlebar-right-buttons button.secondary-pill-button.text-tx-primary,
.titlebar-right-buttons button.secondary-pill-button.text-tx-primary *,
.titlebar-right-buttons button.secondary-pill-button.text-tx-primary span {
  color: #FF4F1F !important;
}

#loyalty-history-table:has(#connect-wallet-to-view-history) {
  display: none;
}

.titlebar-right-buttons a.secondary-pill-button {
  background: transparent !important;
  border: #FF4F1F 1px solid;
  color: #FF4F1F !important;
  border-right: 0px;
}

.titlebar-right-buttons button.secondary-pill-button {
  background: transparent !important;
  border: #FF4F1F 1px solid;
  color: #FF4F1F !important;
  border-left: 0px;
}

.paper {
  display: none !important;
}

.leaderboard-detailed th:last-child,
.leaderboard-detailed td:last-child {
  display: none;
}

#earn-loyalty-points >  div:nth-of-type(2) > div > h1.font-bold {
  color: #FF4F1F !important;
}

.bg-ui-bg {
  background-color: rgba(0, 0, 0, 0.4);
}

td.py-3 .text-tx-primary span {
  font-size: 1rem;
}

.chained-text {
  pointer-events: none;
}

.chained-text div::after {
  content: "SEALED";
  font-weight: bold;
}

.chained-text div {
  color: transparent;
  /* Hide original text */
  position: relative;
}

.chained-text div i {
  color: var(--color-tx-primary);
}

.chained-text div::after {
  position: absolute;
  left: 1.5em;
  color: var(--color-tx-primary);
}