﻿/**
 * Store theme: Minecraft text, Discord-safe icons, dark blue theme.
 */
body.lucki-store-page,
.lucki-store-page,
.lucki-store-page *:not(.fa):not(.fas):not(.far):not(.fab):not(.fa-solid):not(.fa-regular):not(.fa-brands):not([class*="fa-"]):not(svg):not(path),
.lucki-store-page button,
.lucki-store-page input,
.lucki-store-page select,
.lucki-store-page textarea,
.lucki-store-modal,
.lucki-store-modal *:not(.fa):not(.fas):not(.far):not(.fab):not(.fa-solid):not(.fa-regular):not(.fa-brands):not([class*="fa-"]):not(svg):not(path) {
  font-family: var(--lk-font, 'Minecraft', monospace) !important;
  font-weight: normal !important;
  font-synthesis: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: geometricPrecision;
}

body.lucki-store-page .fa,
body.lucki-store-page .fas,
body.lucki-store-page .far,
body.lucki-store-page .fa-solid,
body.lucki-store-page .fa-regular,
body.lucki-store-page i.fas,
body.lucki-store-page i.far,
body.lucki-store-page i.fa-solid,
.lucki-store-modal .fa,
.lucki-store-modal .fas,
.lucki-store-modal .far,
.lucki-store-modal .fa-solid,
.lucki-store-modal .fa-regular {
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
  font-style: normal !important;
  -webkit-font-smoothing: antialiased !important;
  letter-spacing: normal !important;
}

body.lucki-store-page .fab,
body.lucki-store-page .fa-brands,
body.lucki-store-page i.fab,
body.lucki-store-page i.fa-brands,
.lucki-store-modal .fab,
.lucki-store-modal .fa-brands {
  font-family: "Font Awesome 6 Brands" !important;
  font-weight: 400 !important;
  font-style: normal !important;
  -webkit-font-smoothing: antialiased !important;
  letter-spacing: normal !important;
}

body.lucki-store-page .fab::before,
body.lucki-store-page .fa-brands::before,
.lucki-store-modal .fab::before,
.lucki-store-modal .fa-brands::before {
  font-family: "Font Awesome 6 Brands" !important;
  font-weight: 400 !important;
}

body.lucki-store-page,
.lucki-store-page {
  --store-ink: #f5f9ff;
  --store-ink-soft: #dcebff;
  --store-muted: #9db0c7;
  --store-blue: #3b9eff;
  --store-blue-deep: #1d7fe0;
  --store-blue-bright: #6bb6ff;
  --store-card: #141c28;
  --store-card-2: #1a2433;
  --store-media: #0b121c;
  --store-stroke: rgba(123, 176, 255, 0.16);
  --store-stroke-strong: rgba(59, 158, 255, 0.45);
  --store-shadow: 0 10px 28px rgba(0, 0, 0, 0.28);
  --store-page-bg: transparent;
  background: transparent !important;
  color: var(--store-ink);
  padding: 0 0 2rem !important;
  letter-spacing: 0.03em;
}

.lucki-store-inner {
  width: min(980px, calc(100% - 2rem));
  margin: 1.25rem auto 0;
}

.lucki-store-hero {
  text-align: left;
  margin-bottom: 1rem;
  padding: 0;
  background: none;
  border: none;
  box-shadow: none;
}

.lucki-store-hero__title {
  margin: 0;
  color: #fff;
  font-size: 1.05rem;
  line-height: 1.35;
  letter-spacing: 0.04em;
}

.lucki-store-hero__lead,
.lucki-store-sub,
.lucki-pack-card__desc,
.lucki-about-block,
.lucki-compare-block,
.lucki-rank-card__desc,
.lucki-rank-card__perks {
  display: none !important;
}

.lucki-store-catnav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  background: rgba(16, 24, 32, 0.75);
  border: 1px solid rgba(123, 176, 255, 0.16);
  border-radius: 14px;
  padding: 0.4rem;
  margin-bottom: 1rem;
  position: sticky;
  top: 4.6rem;
  z-index: 20;
}

.lucki-store-catnav button {
  color: #9db0c7;
  border: none;
  background: transparent;
  border-radius: 10px;
  padding: 0.5rem 0.7rem;
  font-size: 0.55rem;
  line-height: 1.35;
  cursor: pointer;
}

.lucki-store-catnav button.is-active,
.lucki-store-catnav button:hover {
  background: #3b9eff;
  color: #fff;
}

.lucki-store-cats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 0.75rem;
}

.lucki-store-cats a,
.lucki-store-cats button,
.lucki-store-card,
.lucki-pack-card,
.lucki-store-cat {
  background: #141c28 !important;
  border: 1px solid rgba(123, 176, 255, 0.16) !important;
  border-radius: 16px !important;
  color: #f5f9ff !important;
  transition: border-color 0.2s ease, transform 0.2s ease;
}

.lucki-store-cats a:hover,
.lucki-store-cats button:hover,
.lucki-pack-card:hover,
.lucki-store-cat:hover {
  border-color: rgba(59, 158, 255, 0.45) !important;
  transform: translateY(-2px);
}

.lucki-store-heading,
.lucki-pack-card h2,
.lucki-store-cat__name {
  color: #fff !important;
  font-size: 0.72rem !important;
  line-height: 1.4 !important;
  letter-spacing: 0.03em;
}

.lucki-pack-card__price,
.lucki-store-catnav,
.lucki-store-note,
.lucki-store-btn,
.lucki-store-modal__panel,
.lucki-store-modal__panel label,
.lucki-store-modal__panel p,
.lucki-store-modal__panel input,
.lucki-store-back,
.lucki-store-banner {
  font-size: 0.55rem !important;
  line-height: 1.45 !important;
}

.lucki-store-btn--buy,
.lucki-store-btn--primary {
  background: #3b9eff !important;
  color: #fff !important;
  border: none !important;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.25);
}

.lucki-store-btn--ghost {
  border-color: rgba(59, 158, 255, 0.45) !important;
  color: #f5f9ff !important;
}

.lucki-store-modal__panel {
  background: #141c28 !important;
  border: 1px solid rgba(123, 176, 255, 0.2);
  color: #f5f9ff;
  border-radius: 16px !important;
}

.lucki-store-modal__panel input {
  background: #070b11;
  border: 1px solid rgba(59, 158, 255, 0.35);
  color: #fff;
  border-radius: 10px;
}

.lucki-store-back {
  color: #6bb6ff !important;
  background: none;
  border: none;
  cursor: pointer;
  margin-bottom: 0.75rem;
  padding: 0;
  font-size: 14px;
}

.lucki-store-banner {
  border-radius: 12px;
  border: 1px solid rgba(59, 158, 255, 0.35);
  background: rgba(59, 158, 255, 0.12);
  color: #dcebff;
  margin-bottom: 0.75rem;
  font-size: 14px;
}

