/* discord-button.css — "Join the Discord" CTA button.
   Used in the KS hero + the global footer. Pure CSS — fantasy gold border
   on Discord blurple, painterly fit with the rest of the site. */

.discord-cta {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 14px 28px;
  background:
    linear-gradient(180deg, #6873f5 0%, #5865F2 45%, #4752c4 100%);
  color: #fff;
  font-family: "Cinzel", "Trajan Pro", Constantia, Garamond, serif;
  font-weight: 700;
  font-size: 17px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-decoration: none;
  border: 3px solid #d4af37;
  border-radius: 10px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.35),
    inset 0 -2px 0 rgba(0, 0, 0, 0.30),
    0 0 0 1px rgba(0, 0, 0, 0.35),
    0 6px 14px rgba(0, 0, 0, 0.40),
    0 0 18px rgba(212, 175, 55, 0.18);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.45);
  transition: transform .14s ease, box-shadow .14s ease, filter .14s ease;
  cursor: pointer;
}
.discord-cta:hover {
  transform: translateY(-1px);
  filter: brightness(1.08);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.45),
    inset 0 -2px 0 rgba(0, 0, 0, 0.25),
    0 0 0 1px rgba(0, 0, 0, 0.35),
    0 10px 22px rgba(0, 0, 0, 0.50),
    0 0 28px rgba(212, 175, 55, 0.35);
}
.discord-cta:active { transform: translateY(1px); filter: brightness(0.94); }

.discord-cta__icon {
  width: 22px;
  height: 22px;
  filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.4));
}

/* Footer variant — smaller, fits the sitefoot row */
.sitefoot .discord-cta {
  padding: 8px 18px;
  font-size: 13px;
  margin: 6px 0;
}
.sitefoot .discord-cta__icon { width: 18px; height: 18px; }

/* forum-cta — "Visit the Forum" CTA. Arcane-gold sibling of the Discord button. */
.forum-cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  margin-left: 12px;
  background:
    linear-gradient(180deg, #1a2a52 0%, #111d3d 50%, #0c1530 100%);
  color: #f0c95a;
  font-family: "Cinzel", "Trajan Pro", Constantia, Garamond, serif;
  font-weight: 700;
  font-size: 17px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-decoration: none;
  border: 3px solid #d4af37;
  border-radius: 10px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    inset 0 -2px 0 rgba(0, 0, 0, 0.35),
    0 0 0 1px rgba(0, 0, 0, 0.35),
    0 6px 14px rgba(0, 0, 0, 0.40),
    0 0 18px rgba(212, 175, 55, 0.18);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.55);
  transition: transform .14s ease, box-shadow .14s ease, filter .14s ease;
  cursor: pointer;
}
.forum-cta:hover {
  transform: translateY(-1px);
  filter: brightness(1.12);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 0 0 1px rgba(0, 0, 0, 0.35),
    0 10px 22px rgba(0, 0, 0, 0.50),
    0 0 28px rgba(212, 175, 55, 0.40);
}
.forum-cta:active { transform: translateY(1px); filter: brightness(0.94); }
.forum-cta__icon { font-size: 20px; line-height: 1; filter: drop-shadow(0 1px 0 rgba(0,0,0,.5)); }

/* Footer variant */
.sitefoot .forum-cta { padding: 8px 18px; font-size: 13px; margin: 6px 0 6px 10px; }
.sitefoot .forum-cta__icon { font-size: 16px; }

/* Top-nav forum link — subtle gold accent */
.mainnav .nav-forum { color: #d4af37; font-weight: 600; }
.mainnav .nav-forum:hover { color: #f0c95a; }