/* ═══════════════════════════════════════════════════════
   Warcraft II Theme — CSS overrides
   Scoped under body[data-theme="warcraft"]
   ═══════════════════════════════════════════════════════ */

/* ── Global font ────────────────────────────────────── */
body[data-theme="warcraft"] {
  font-family: "Sorts Mill Goudy", Georgia, serif;
}

/* ── Headings use Cinzel ────────────────────────────── */
body[data-theme="warcraft"] h1,
body[data-theme="warcraft"] h2,
body[data-theme="warcraft"] h3,
body[data-theme="warcraft"] .sidebar-header h3,
body[data-theme="warcraft"] .chat-welcome h3,
body[data-theme="warcraft"] .auth-logo h1,
body[data-theme="warcraft"] .auth-panel h2 {
  font-family: "Cinzel", Georgia, serif;
  letter-spacing: 0.04em;
}

/* ── Server rail — stone texture ────────────────────── */
body[data-theme="warcraft"] .server-rail {
  background: linear-gradient(180deg, #1a1008 0%, #252015 50%, #1a1008 100%);
  border-right: 2px solid #5c4a2a;
}

body[data-theme="warcraft"] .server-icon {
  border: 2px solid #5c4a2a;
  box-shadow:
    inset 1px 1px 0 rgba(200,168,78,0.25),
    inset -1px -1px 0 rgba(0,0,0,0.4);
  font-family: "Cinzel", Georgia, serif;
}

body[data-theme="warcraft"] .server-icon:hover,
body[data-theme="warcraft"] .server-icon.active {
  border-color: #c8a84e;
  box-shadow:
    inset 1px 1px 0 rgba(255,248,231,0.3),
    inset -1px -1px 0 rgba(0,0,0,0.4),
    0 0 8px rgba(200,168,78,0.4);
}

body[data-theme="warcraft"] .rail-divider {
  background: #5c4a2a;
}

/* ── Channel sidebar — dark wood ────────────────────── */
body[data-theme="warcraft"] .channel-sidebar {
  border-right: 2px solid #5c4a2a;
}

body[data-theme="warcraft"] .sidebar-header {
  box-shadow: 0 2px 0 #5c4a2a;
  border-bottom: 1px solid rgba(200,168,78,0.2);
}

body[data-theme="warcraft"] .sidebar-header h3 {
  text-shadow: 1px 1px 2px rgba(0,0,0,0.6);
}

body[data-theme="warcraft"] .channel-item {
  font-family: "Sorts Mill Goudy", Georgia, serif;
}

body[data-theme="warcraft"] .channel-item.active {
  border-left: 3px solid #c8a84e;
  text-shadow: 0 0 6px rgba(200,168,78,0.4);
}

body[data-theme="warcraft"] .channel-item:hover {
  text-shadow: 0 0 4px rgba(200,168,78,0.3);
}

body[data-theme="warcraft"] .channel-category {
  font-family: "Cinzel", Georgia, serif;
  letter-spacing: 0.08em;
  color: #c8a84e;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

/* ── Main content — parchment chat area ─────────────── */
body[data-theme="warcraft"] .main-content {
  background: #3d2b1a;
}

body[data-theme="warcraft"] .chat-header {
  box-shadow: 0 2px 0 #5c4a2a;
  border-bottom: 1px solid rgba(200,168,78,0.2);
}

body[data-theme="warcraft"] .channel-hash {
  color: #c8a84e;
  font-family: "Cinzel", Georgia, serif;
}

body[data-theme="warcraft"] .chat-messages {
  background: rgba(62,44,26,0.3);
}

body[data-theme="warcraft"] .chat-msg:hover {
  background: rgba(200,168,78,0.08);
}

/* ── Message avatars — stone circle ─────────────────── */
body[data-theme="warcraft"] .msg-avatar,
body[data-theme="warcraft"] .member-avatar,
body[data-theme="warcraft"] .user-avatar,
body[data-theme="warcraft"] .voice-user-avatar {
  background: #5c4a2a;
  border: 2px solid #c8a84e;
  box-shadow:
    inset 1px 1px 0 rgba(200,168,78,0.3),
    inset -1px -1px 0 rgba(0,0,0,0.5);
  color: #f5e6c8;
  font-family: "Cinzel", Georgia, serif;
}

body[data-theme="warcraft"] .server-card-icon {
  background: #5c4a2a;
  border: 2px solid #c8a84e;
  font-family: "Cinzel", Georgia, serif;
}

body[data-theme="warcraft"] .msg-author {
  font-family: "Cinzel", Georgia, serif;
}

body[data-theme="warcraft"] .msg-author-self {
  color: #c8a84e;
}

/* ── Chat input — inset parchment ───────────────────── */
body[data-theme="warcraft"] .chat-input-form {
  border: 2px solid #5c4a2a;
  background: #2a1a0a;
  box-shadow:
    inset 2px 2px 4px rgba(0,0,0,0.5),
    inset -1px -1px 2px rgba(0,0,0,0.3);
}

body[data-theme="warcraft"] .chat-input-form:focus-within {
  border-color: #c8a84e;
  box-shadow:
    inset 2px 2px 4px rgba(0,0,0,0.5),
    0 0 6px rgba(200,168,78,0.3);
}

body[data-theme="warcraft"] .send-btn:hover {
  color: #c8a84e;
}

/* ── Buttons — metallic gold/bronze with beveled edges ── */
body[data-theme="warcraft"] .btn-primary {
  background: linear-gradient(180deg, #d4a017 0%, #a07818 50%, #8b6914 100%);
  color: #1a1008;
  font-family: "Cinzel", Georgia, serif;
  font-weight: 700;
  border: 2px solid #5c4a2a;
  box-shadow:
    inset 1px 1px 0 rgba(255,248,231,0.4),
    inset -1px -1px 0 rgba(0,0,0,0.3),
    0 2px 4px rgba(0,0,0,0.4);
  text-shadow: 0 1px 0 rgba(255,248,231,0.3);
  letter-spacing: 0.04em;
}

body[data-theme="warcraft"] .btn-primary:hover:not(:disabled) {
  background: linear-gradient(180deg, #e0b830 0%, #c8a84e 50%, #a07818 100%);
}

body[data-theme="warcraft"] .btn-primary:active:not(:disabled) {
  box-shadow:
    inset 2px 2px 4px rgba(0,0,0,0.5),
    inset -1px -1px 0 rgba(255,248,231,0.2);
}

body[data-theme="warcraft"] .btn-secondary {
  background: linear-gradient(180deg, #5c4a2a 0%, #3d2b1a 100%);
  border: 2px solid #5c4a2a;
  color: #e8d5b0;
  font-family: "Cinzel", Georgia, serif;
  box-shadow:
    inset 1px 1px 0 rgba(200,168,78,0.2),
    inset -1px -1px 0 rgba(0,0,0,0.3);
}

body[data-theme="warcraft"] .btn-secondary:hover {
  background: linear-gradient(180deg, #6b5a3a 0%, #4a3520 100%);
}

body[data-theme="warcraft"] .btn-link.active {
  color: #c8a84e;
}

/* ── Voice bar — ornate panel ───────────────────────── */
body[data-theme="warcraft"] .voice-bar {
  border-top: 2px solid #c8a84e;
  background: linear-gradient(180deg, #1a1008 0%, #150d05 100%);
  box-shadow: inset 0 1px 0 rgba(200,168,78,0.2);
}

body[data-theme="warcraft"] .voice-dot {
  background: #6b8e23;
  box-shadow: 0 0 6px rgba(107,142,35,0.6);
}

/* ── User panel ─────────────────────────────────────── */
body[data-theme="warcraft"] .user-panel {
  background: #150d05;
  border-top: 1px solid #5c4a2a;
}

body[data-theme="warcraft"] .control-btn:hover {
  background: rgba(200,168,78,0.12);
}

/* ── Members sidebar ────────────────────────────────── */
body[data-theme="warcraft"] .members-sidebar {
  border-left: 2px solid #5c4a2a;
}

body[data-theme="warcraft"] .members-header {
  box-shadow: 0 2px 0 #5c4a2a;
  font-family: "Cinzel", Georgia, serif;
}

body[data-theme="warcraft"] .member-category {
  font-family: "Cinzel", Georgia, serif;
  color: #c8a84e;
}

body[data-theme="warcraft"] .member-name {
  font-family: "Sorts Mill Goudy", Georgia, serif;
}

/* ── Auth & server select containers ────────────────── */
body[data-theme="warcraft"] .auth-container,
body[data-theme="warcraft"] .server-select-container {
  border: 2px solid #5c4a2a;
  box-shadow:
    inset 2px 2px 0 rgba(200,168,78,0.15),
    inset -2px -2px 0 rgba(0,0,0,0.3),
    0 4px 16px rgba(0,0,0,0.5);
}

body[data-theme="warcraft"] .form-group input[type="text"] {
  border: 1px solid #5c4a2a;
  background: #2a1a0a;
  box-shadow: inset 1px 1px 3px rgba(0,0,0,0.4);
}

body[data-theme="warcraft"] .form-group input[type="text"]:focus {
  border-color: #c8a84e;
  box-shadow:
    inset 1px 1px 3px rgba(0,0,0,0.4),
    0 0 4px rgba(200,168,78,0.3);
}

body[data-theme="warcraft"] .form-group label {
  font-family: "Cinzel", Georgia, serif;
  color: #c8a84e;
}

body[data-theme="warcraft"] .file-drop {
  border-color: #5c4a2a;
}

body[data-theme="warcraft"] .file-drop:hover,
body[data-theme="warcraft"] .file-drop.dragover {
  border-color: #c8a84e;
  background: rgba(200,168,78,0.08);
}

/* ── Scrollbar — dark bronze ────────────────────────── */
body[data-theme="warcraft"] ::-webkit-scrollbar-thumb {
  background: #5c4a2a;
}

body[data-theme="warcraft"] ::-webkit-scrollbar-thumb:hover {
  background: #7a6340;
}

body[data-theme="warcraft"] ::-webkit-scrollbar-track {
  background: #2a1a0a;
}

/* ── Screen share overlay ───────────────────────────── */
body[data-theme="warcraft"] .screen-share-header {
  background: #150d05;
  border-bottom: 2px solid #5c4a2a;
}

/* ── Typing indicator ───────────────────────────────── */
body[data-theme="warcraft"] .typing-dots span {
  background: #c8a84e;
}

/* ── Theme dropdown itself — themed ─────────────────── */
body[data-theme="warcraft"] .theme-dropdown {
  border: 2px solid #5c4a2a;
  box-shadow:
    inset 1px 1px 0 rgba(200,168,78,0.15),
    0 4px 16px rgba(0,0,0,0.5);
}

body[data-theme="warcraft"] .theme-dropdown-header {
  font-family: "Cinzel", Georgia, serif;
}

/* ── Error messages ─────────────────────────────────── */
body[data-theme="warcraft"] .error-msg {
  border-color: #b22222;
  background: rgba(178,34,34,0.15);
}