/* ============================================================
   QQALL.RU — typography.css
   Единый стиль текста по всему сайту.
   Подключать ПОСЛЕДНИМ в header.php
   ============================================================ */

/* ── БАЗОВЫЕ РАЗМЕРЫ ── */
body {
  font-size: 15px;
  line-height: 1.75;
  color: #e2e8f0;
}

/* ── НАВИГАЦИЯ ── */
.nav-links a {
  font-size: 13px;
  color: rgba(226,232,240,0.75);
}
.nav-links a:hover,
.nav-links a.active { color: #fff; }

/* ── HERO ГЛАВНАЯ ── */
.hero-title  { font-size: 52px; line-height: 1.05; }
.hero-title-grad { font-size: 52px; line-height: 1.05; }
.hero-sub {
  font-size: 16px;
  color: rgba(226,232,240,0.75);
  line-height: 1.8;
}
.hero-stat-label {
  font-size: 12px;
  color: rgba(226,232,240,0.6);
  letter-spacing: .5px;
}

/* ── TICKER ── */
.ticker-item {
  font-size: 12px;
  color: rgba(226,232,240,0.55);
}

/* ── КАРТОЧКИ КЛАНОВ ── */
.gc-eyebrow { font-size: 11px; }
.gc-title   { font-size: 24px; text-shadow: 0 2px 8px rgba(0,0,0,0.85); }
.game-card-d4   .gc-title,
.game-card-dota .gc-title { font-size: 22px; }
.gc-meta {
  font-size: 13px;
  color: rgba(255,255,255,0.6);
  line-height: 1.5;
}

/* ── DISCORD CTA ── */
.discord-cta-title { font-size: 22px; }
.discord-cta-sub {
  font-size: 15px;
  color: rgba(226,232,240,0.72);
  line-height: 1.75;
}
.discord-avatars-count {
  font-size: 14px;
  color: rgba(226,232,240,0.65);
}

/* ── FOOTER ── */
.footer-copy { font-size: 13px; color: rgba(226,232,240,0.45); }
.footer-links a {
  font-size: 13px;
  color: rgba(226,232,240,0.55);
}
.footer-links a:hover { color: rgba(226,232,240,0.9); }

/* ══════════════════════════════════════════════════
   СТРАНИЦА DIABLO® IV
   ══════════════════════════════════════════════════ */

/* Текст поверх баннера */
.d4-eyebrow {
  font-size: 11px;
  color: rgba(220,150,80,0.9);
  text-shadow: 0 1px 6px rgba(0,0,0,0.95);
}
.d4-hero-title {
  text-shadow: 0 0 60px rgba(180,30,10,0.7), 0 2px 6px rgba(0,0,0,0.95);
}
.d4-hero-subtitle {
  font-size: 15px;
  color: rgba(220,165,85,0.85);
  text-shadow: 0 1px 6px rgba(0,0,0,0.95);
  letter-spacing: 3px;
}
.d4-hero-desc {
  font-size: 15px;
  color: rgba(240,215,195,0.82);
  line-height: 1.8;
  text-shadow: 0 1px 5px rgba(0,0,0,0.9);
}

/* Season cards */
.d4-sc-label {
  font-size: 10px;
  color: rgba(210,130,65,0.65);
  letter-spacing: 1.8px;
}
.d4-sc-value {
  font-size: 17px;
  color: #e0aa70;
}
.d4-sc-sub {
  font-size: 12px;
  color: rgba(210,150,90,0.6);
}

/* Блок дополнения */
.d4-section-label {
  font-size: 10px;
  color: rgba(210,130,65,0.65);
  letter-spacing: 2px;
}
.d4-expansion-title { font-size: 24px; }
.d4-expansion-desc {
  font-size: 15px;
  color: rgba(240,215,195,0.72);
  line-height: 1.85;
}
.d4-tag {
  font-size: 12px;
  color: rgba(220,165,105,0.85);
}

/* Таймеры */
.d4-timer-name  { font-size: 13px; color: rgba(240,215,195,0.88); }
.d4-timer-sub   { font-size: 11px; color: rgba(210,165,120,0.55); }
.d4-timer-value { font-size: 26px; }
.d4-timer-badge { font-size: 10px; }

/* ══════════════════════════════════════════════════
   СТРАНИЦА DOTA 2
   ══════════════════════════════════════════════════ */

.guild-th {
  font-size: 11px;
  color: rgba(226,232,240,0.45);
  letter-spacing: .8px;
}
.player-name a {
  font-size: 14px;
  font-weight: 700;
  color: #e2e8f0;
}
.player-name a:hover { color: #86efac; }
.player-sub  { font-size: 12px; color: rgba(226,232,240,0.55); }
.player-pts  { font-size: 18px; }
.player-delta { font-size: 14px; }

/* Статы над таблицей */
.scard-l   { font-size: 11px; }
.scard-sub { font-size: 12px; color: rgba(226,232,240,0.45); }

/* ══════════════════════════════════════════════════
   СТРАНИЦА DANCE WORLD
   ══════════════════════════════════════════════════ */

.dw-clan-name {
  font-size: 32px;
  line-height: 1.2;
}
.dw-info-label {
  font-size: 11px;
  color: rgba(129,140,248,0.75);
  letter-spacing: .8px;
}
.dw-info-value {
  font-size: 15px;
  color: rgba(226,232,240,0.85);
  line-height: 1.65;
}
.pt-day-name {
  font-size: 11px;
  color: rgba(226,232,240,0.55);
}
.pt-day.active .pt-day-name { color: rgba(129,140,248,0.9); }
.pt-day-time {
  font-size: 11px;
  color: rgba(226,232,240,0.75);
  line-height: 1.5;
}
.pt-msk { font-size: 10px; color: rgba(226,232,240,0.35); }

/* ══════════════════════════════════════════════════
   ОБЩИЕ КОМПОНЕНТЫ
   ══════════════════════════════════════════════════ */

.badge { font-size: 11px; }
.btn   { font-size: 14px; }

.section-label {
  font-size: 11px;
  color: rgba(226,232,240,0.45);
  letter-spacing: 1.5px;
}

/* Карточки в админке — тоже читабельно */
.admin-label  { font-size: 12px; color: rgba(226,232,240,0.6); }
.admin-hint   { font-size: 12px; color: rgba(226,232,240,0.38); }
.admin-status { font-size: 12px; }