/* === EMP_THEME_GAMES === */
:root{
  --bg:#0A0A0B; --text:#E6EAF0; --card:#111216; --border:rgba(255,255,255,.06);
  --gold1:#E5C558; --gold2:#FFB72B; --cyan:#00C2FF;
}

/* Make any card we touch a positioning context; keep rounded edges */
.games .card, .games .game-card, .games a, .games article, .games .col, .games div{
  border-radius:16px;
}

/* Uniform image behavior inside games section */
.games img{
  width:100%;
  height:auto;
  object-fit:cover;
  border-radius:12px;
}

/* COMING SOON badge (over image area only; JS limits bottom) */
.emp-soon-badge{
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,.55);
  backdrop-filter:saturate(130%) blur(2px);
  pointer-events:none;
  z-index:5;
  border-top-left-radius:16px;
  border-top-right-radius:16px;
}
.emp-soon-badge span{
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background:linear-gradient(90deg,var(--gold1),var(--gold2));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  filter: drop-shadow(0 0 10px rgba(0,194,255,.35));
}

/* Hover soften */
.games :is(.card,.game-card,a,article,div):hover .emp-soon-badge{
  background:rgba(0,0,0,.38);
}
/* === /EMP_THEME_GAMES === */
/* Pricing card alignment */
.pricing-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.pricing-card .btn {
  margin-top: auto;
}

/* === PRICING_ALIGN_START ===
   Make pricing cards equal-height and pin the gold button to the bottom.
   Targets common patterns without touching the rest of the site. */
#pricing .card,
#pricing .plan,
#pricing .pricing-card,
section[id*="pricing"] .card,
section[id*="pricing"] .plan,
section[id*="pricing"] .pricing-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Ensure the grid stretches children so equal-height works */
#pricing .plans,
section[id*="pricing"] .plans,
#pricing [class*="grid"],
section[id*="pricing"] [class*="grid"] {
  align-items: stretch;
}

/* Push the CTA to the bottom of each card */
#pricing .card .btn,
#pricing .plan .btn,
#pricing .pricing-card .btn,
section[id*="pricing"] .card .btn,
section[id*="pricing"] .plan .btn,
section[id*="pricing"] .pricing-card .btn {
  margin-top: auto;
}

/* Optional: make the CTA the true last row for odd markups */
#pricing .card > :last-child,
#pricing .plan > :last-child,
#pricing .pricing-card > :last-child,
section[id*="pricing"] .card > :last-child,
section[id*="pricing"] .plan > :last-child,
section[id*="pricing"] .pricing-card > :last-child {
  margin-top: auto;
}
/* === PRICING_ALIGN_END === */