/* ==========================================================
   World of Warcraft 3.3.5 Theme — Wrath of the Lich King
   Gothic dark-fantasy: icy blues, imperial gold, shadow purple
   ========================================================== */

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Cinzel+Decorative:wght@400;700&family=Crimson+Text:ital,wght@0,400;0,600;1,400&display=swap');

:root {
  --bg:       #04060f;
  --bg-card:  #080c1a;
  --bg-hover: #0d1428;
  --text:     #d0d8f0;
  --muted:    #6070a0;
  --border:   #1a2240;
  --accent:   #3a7bd5;     /* WoW blue */
  --accent2:  #d4af37;     /* WoW gold */
  --ice:      #9ecfff;
  --frost:    #c8e8ff;
  --shadow:   #4b0082;
  --link:     #7aabff;

  --font-h:      'Cinzel', serif;
  --font-body:   'Crimson Text', Georgia, serif;
  --font-accent: 'Cinzel Decorative', serif;
  --font-mono:   'Share Tech Mono', monospace;
}

/* ── Background: icy night ──────────────────────────────── */
body {
  background-color: var(--bg);
  background-image:
    radial-gradient(ellipse at 15% 85%, rgba(58,123,213,.07) 0%, transparent 45%),
    radial-gradient(ellipse at 85% 15%, rgba(75,0,130,.07) 0%, transparent 45%);
  font-family: var(--font-body);
  font-size: 1.05rem;
  line-height: 1.75;
}

/* ── Typography: gothic & heroic ───────────────────────── */
h1,h2,h3,h4 { font-family: var(--font-h); letter-spacing: .06em; }

h1 {
  font-size: clamp(1.9rem, 4vw, 3rem);
  color: var(--ice);
  text-shadow:
    0 0 20px rgba(158,207,255,.4),
    0 0 45px rgba(58,123,213,.2),
    2px 2px 4px #000;
}
h2 {
  font-size: clamp(1.3rem, 3vw, 1.9rem);
  color: var(--accent2);
  text-shadow: 0 0 15px rgba(212,175,55,.3), 1px 1px 3px #000;
}
h3 { font-size: 1.25rem; color: var(--frost); }
h4 { font-size: 1rem; color: var(--accent2); }

/* ── Navigation: WoW portal bar ─────────────────────────── */
.site-header {
  background: rgba(4,6,15,.97);
  border-bottom: 1px solid rgba(58,123,213,.3);
  box-shadow: 0 2px 24px rgba(58,123,213,.12);
  position: relative;
}
/* Gold shimmer line under nav */
.site-header::after {
  content: '';
  position: absolute;
  bottom: -1px; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, var(--accent2) 50%, transparent 100%);
}
.site-logo {
  font-family: var(--font-accent) !important;
  color: var(--accent2) !important;
  text-shadow: 0 0 20px rgba(212,175,55,.4) !important;
  font-size: 1.15rem !important;
}
.site-nav a {
  font-family: var(--font-h);
  letter-spacing: .06em;
  color: var(--muted);
}
.site-nav a:hover,
.site-nav a.active {
  background: rgba(58,123,213,.12);
  border-color: rgba(58,123,213,.4);
  color: var(--ice);
  opacity: 1;
}

/* ── Hero: throne room ──────────────────────────────────── */
.hero {
  background:
    radial-gradient(ellipse at center top, rgba(58,123,213,.12) 0%, transparent 55%),
    radial-gradient(ellipse at center, rgba(75,0,130,.08) 0%, transparent 65%),
    var(--bg);
  border-bottom: 1px solid rgba(212,175,55,.15);
}
.hero h1 {
  font-family: var(--font-accent);
  font-size: clamp(2.2rem, 5vw, 3.8rem);
}
/* Frost shimmer animation on hero */
.hero::before {
  background: radial-gradient(ellipse at center, rgba(158,207,255,.08) 0%, transparent 70%);
  animation: frost-shimmer 5s ease-in-out infinite;
}
@keyframes frost-shimmer {
  0%,100% { opacity: .5; }
  50%      { opacity: 1; }
}

/* ── Cards: illuminated parchment ───────────────────────── */
.game-card, .post-card, .section-card, .server-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  position: relative;
}
/* WoW corner ornament ✦ */
.section-card::before, .game-card::before {
  content: '✦';
  position: absolute;
  top: 8px; left: 10px;
  color: var(--accent2);
  font-size: .65rem;
  opacity: .55;
}
.section-card::after, .game-card::after {
  content: '✦';
  position: absolute;
  top: 8px; right: 10px;
  color: var(--accent2);
  font-size: .65rem;
  opacity: .55;
}
.game-card:hover, .section-card:hover {
  border-color: rgba(158,207,255,.3);
  box-shadow: 0 0 20px rgba(58,123,213,.2), 0 8px 40px rgba(0,0,0,.8);
  transform: translateY(-4px);
}

/* ── Info box: quest scroll ─────────────────────────────── */
.info-box {
  border-left: 3px solid var(--accent2);
  background: linear-gradient(90deg, rgba(212,175,55,.06) 0%, var(--bg-card) 35%);
}

/* ── Buttons: spellbook ─────────────────────────────────── */
.btn {
  font-family: var(--font-h) !important;
  letter-spacing: .08em !important;
  border-color: var(--accent2) !important;
  color: var(--accent2) !important;
}
.btn:hover {
  background: rgba(212,175,55,.15) !important;
  box-shadow: 0 0 18px rgba(212,175,55,.35) !important;
  color: var(--accent2) !important;
  opacity: 1;
}

/* ── Server card & IP ───────────────────────────────────── */
.server-card { border: 1px solid var(--border); border-top: 2px solid var(--accent2); }
.server-card__ip { color: var(--ice); text-shadow: 0 0 8px rgba(158,207,255,.4); font-size: 1.15rem; }

/* ── WoW class colors ───────────────────────────────────── */
.class-warrior  { color: #c69b3a; }
.class-paladin  { color: #f48cba; }
.class-hunter   { color: #aad372; }
.class-rogue    { color: #fff468; }
.class-priest   { color: #e0e0e0; }
.class-dk       { color: #c41e3a; }
.class-shaman   { color: #0070dd; }
.class-mage     { color: #68ccef; }
.class-warlock  { color: #9482c9; }
.class-druid    { color: #ff7c0a; }

/* ── Breadcrumb ─────────────────────────────────────────── */
.breadcrumb a { color: var(--muted); }
.breadcrumb a:hover { color: var(--frost); opacity: 1; }

/* ── Page content ────────────────────────────────────────── */
.page-content { font-family: var(--font-body); }
.page-content strong { color: var(--accent2); }
.page-content em     { color: var(--ice); }
.page-header__eyebrow { color: var(--accent); }

/* ── Section title ─────────────────────────────────────── */
.section-title { color: var(--muted); }

/* ── Footer ─────────────────────────────────────────────── */
.site-footer { border-top: 1px solid rgba(58,123,213,.2); }