@charset "UTF-8";

/*
 * Tipografia padronizada Apex Tale
 * Compensa html { font-size: 67% } (~10.7px) — mesma escala validada na wiki.
 */

body.site-premium-mmo {
  --site-text-scale: clamp(1.07rem, 1.01rem + 0.2vw, 1.16rem);
  --site-fs-2xs: 0.72em;
  --site-fs-xs: 0.82em;
  --site-fs-sm: 0.9em;
  --site-fs-base: 1em;
  --site-fs-md: 1.06em;
  --site-fs-lg: 1.14em;
  --site-fs-xl: 1.28em;
  --site-fs-2xl: 1.42em;
  --site-lh-body: 1.6;
  --site-lh-tight: 1.35;
  --site-lh-loose: 1.65;
  --site-hero-subtitle: clamp(0.9rem, 0.84rem + 0.3vw, 0.99rem);
  --site-hero-label: clamp(0.72rem, 0.68rem + 0.18vw, 0.8rem);
}

@media (max-width: 767.98px) {
  body.site-premium-mmo {
    --site-text-scale: clamp(1.05rem, 2.5vw, 1.13rem);
    --site-hero-subtitle: clamp(0.86rem, 2.35vw, 0.93rem);
    --site-hero-label: clamp(0.68rem, 2.1vw, 0.74rem);
  }
}

/* Containers de conteúdo — escala fluida compartilhada */
.guias-wiki,
.news-page,
.news-article,
.dl-page,
.rankings-page {
  font-size: var(--site-text-scale);
}

/* Subtítulos de hero */
.wiki-hero__subtitle,
.news-hero__subtitle:not(.news-hero__date),
.rankings-hero__subtitle {
  font-size: var(--site-hero-subtitle);
  line-height: 1.45;
}

@media (max-width: 767.98px) {
  .wiki-hero__subtitle,
  .news-hero__subtitle:not(.news-hero__date),
  .rankings-hero__subtitle {
    white-space: normal;
    letter-spacing: 0.16em;
  }
}

/* Barra inferior — crédito KLVN */
.footer-bar {
  width: 100%;
  background: #000;
  border-top: 1px solid rgba(166, 140, 90, 0.2);
  padding: 0.75rem 1.5rem;
  box-sizing: border-box;
  text-align: center;
  z-index: 3;
}

.footer-bar__credit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin: 0 auto;
  text-decoration: none;
  transition: opacity 0.2s ease;
}

.footer-bar__credit:hover {
  opacity: 0.88;
}

.footer-bar__credit:hover .footer-bar__brand {
  color: #feec97;
}

.footer-bar__logo {
  height: 3.25rem;
  width: auto;
  max-width: 9rem;
  object-fit: contain;
  flex-shrink: 0;
}

.footer-bar__divider {
  width: 1px;
  height: 2.5rem;
  align-self: center;
  background: rgba(122, 132, 148, 0.45);
  flex-shrink: 0;
}

.footer-bar__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
  line-height: 1.25;
  text-align: left;
}

.footer-bar__label {
  font-family: var(--font-0, "Intro", "Open Sans", Tahoma, Arial, sans-serif);
  font-size: 0.8125rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #7a8494;
}

.footer-bar__brand {
  font-family: var(--font-0, "Intro", "Open Sans", Tahoma, Arial, sans-serif);
  font-size: 1rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 600;
  color: #e8c373;
  transition: color 0.2s ease;
}

[data-section="footer"] .footer {
  padding-bottom: 3.5rem;
}