/* ==========================================================================
   ANYDAY GAMES / FREE FIRE SKINS THEME: CYBER GOLD YELLOW (ORIGINAL)
   ========================================================================== */

:root {
  /* Primary Theme Accent Color (Cyber Gold Yellow (Original) #FFE500) */
  --theme-color: #FFE500;
  --theme-color-rgb: 255, 229, 0;

  /* Text color inside primary buttons (#000000 for bright, #FFFFFF for dark) */
  --theme-btn-text: #000000;

  /* Glow shadow */
  --theme-glow: rgba(var(--theme-color-rgb), 0.35);

  /* Card Cyber Armor Background Image Filter */
  --theme-card-bg-filter: none;
}

/* Card Background Image Filter */
.card-bg-img {
  filter: var(--theme-card-bg-filter, none) !important;
}

/* ==========================================================================
   Reusable Theme Utility Classes
   ========================================================================== */

/* Text Colors */
.text-theme {
  color: var(--theme-color) !important;
}

/* Backgrounds */
.bg-theme {
  background-color: var(--theme-color) !important;
}

.bg-theme-10 {
  background-color: rgba(var(--theme-color-rgb), 0.1) !important;
}

.bg-theme-15 {
  background-color: rgba(var(--theme-color-rgb), 0.15) !important;
}

.bg-theme-20 {
  background-color: rgba(var(--theme-color-rgb), 0.2) !important;
}

/* Borders */
.border-theme {
  border-color: var(--theme-color) !important;
}

.border-theme-30 {
  border-color: rgba(var(--theme-color-rgb), 0.3) !important;
}

.border-theme-40 {
  border-color: rgba(var(--theme-color-rgb), 0.4) !important;
}

.border-theme-50 {
  border-color: rgba(var(--theme-color-rgb), 0.5) !important;
}

.border-theme-60 {
  border-color: rgba(var(--theme-color-rgb), 0.6) !important;
}

/* SVGs */
.fill-theme {
  fill: var(--theme-color) !important;
}

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

/* Primary Button CTA (Used on Next and Claim buttons) */
.btn-theme-cta {
  background-color: var(--theme-color) !important;
  background-image: none !important;
  color: var(--theme-btn-text) !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  outline: none !important;
}

.btn-theme-cta:hover,
.btn-theme-cta:focus,
.btn-theme-cta:active {
  background-color: #FFF176 !important;
  background-image: none !important;
  box-shadow: none !important;
  outline: none !important;
  text-decoration: none !important;
}

/* Secondary / Text Button */
.btn-theme-text {
  color: var(--theme-color) !important;
  font-size: 15px !important;
  text-decoration: none !important;
  outline: none !important;
}

.btn-theme-text:hover,
.btn-theme-text:focus,
.btn-theme-text:active {
  color: var(--theme-color) !important;
  text-decoration: none !important;
  outline: none !important;
  border-bottom: none !important;
}

/* Option, Rank, Player, Server & Role Cards Selected State */
.option-card.selected,
.rank-card.selected,
.player-card.selected,
.server-card.selected,
.role-card.selected {
  border-color: var(--theme-color) !important;
  background: rgba(var(--theme-color-rgb), 0.08) !important;
  box-shadow: 0 0 12px rgba(var(--theme-color-rgb), 0.2) !important;
}

/* Cyber Button Gold */
.cyber-btn-gold {
  background-color: rgba(var(--theme-color-rgb), 0.125) !important;
  border: 1px solid rgba(var(--theme-color-rgb), 0.375) !important;
}

.cyber-btn-gold svg {
  fill: var(--theme-color) !important;
}

/* Spinner */
.theme-spinner {
  border: 2px solid var(--theme-color) !important;
  border-top-color: transparent !important;
}

/* Focus input */
.theme-focus:focus {
  border-color: var(--theme-color) !important;
  box-shadow: 0 0 0 1px var(--theme-color) !important;
}