/* ==========================================
   WoW + High-Tech + IRC Design System
   За Сърцето на Дупница (redesign)
   ========================================== */

:root {
  --wow-gold: #ffd700;
  --wow-legendary: #ff8000;
  --wow-epic: #a335ee;
  --wow-rare: #0070dd;
  --wow-uncommon: #1eff00;
  --cyber-blue: #00d9ff;
  --cyber-purple: #b537f2;
  --cyber-pink: #ff2a6d;
  --cyber-green: #05ffa1;
  --terminal-green: #00ff00;
  --terminal-amber: #ffb000;
  --terminal-white: #f0f0f0;
  --terminal-dim: #808080;
  --bg-darkest: #0a0e1a;
  --bg-dark: #131825;
  --bg-medium: #1a2332;
  --bg-light: #243447;
  --accent: #00d9ff;
  --text: #f0f0f0;
  --glow-blue: 0 0 20px rgba(0, 217, 255, 0.5);
  --glow-purple: 0 0 20px rgba(181, 55, 242, 0.5);
  --glow-gold: 0 0 20px rgba(255, 215, 0, 0.6);
}

/* Base - apply when body has redesign class; uses theme variables */
body.redesign {
  background: linear-gradient(135deg, var(--bg-darkest) 0%, var(--bg-dark) 50%, var(--bg-medium) 100%);
  font-family: 'Courier New', 'Consolas', monospace;
  color: var(--text);
  position: relative;
  overflow-x: hidden;
}

body.redesign::before {
  content: '';
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-image:
    linear-gradient(rgba(0, 217, 255, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 217, 255, 0.03) 1px, transparent 1px);
  background-size: 50px 50px;
  pointer-events: none;
  z-index: 0;
  animation: gridMove 20s linear infinite;
}

@keyframes gridMove {
  0% { transform: translate(0, 0); }
  100% { transform: translate(50px, 50px); }
}

body.redesign::after {
  content: '';
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: repeating-linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.1) 0px,
    transparent 1px,
    transparent 2px,
    rgba(0, 0, 0, 0.1) 3px
  );
  pointer-events: none;
  z-index: 9999;
  opacity: 0.15;
}

/* WoW cards - use theme background vars */
.wow-card {
  background: linear-gradient(145deg, var(--bg-dark) 0%, var(--bg-medium) 100%);
  border: 2px solid transparent;
  border-image: linear-gradient(
    135deg,
    var(--wow-gold) 0%,
    var(--cyber-blue) 50%,
    var(--wow-gold) 100%
  ) 1;
  border-radius: 12px;
  padding: 20px;
  position: relative;
  box-shadow: var(--glow-blue), inset 0 2px 10px rgba(0, 0, 0, 0.5);
  overflow: hidden;
}

.wow-card::before,
.wow-card::after {
  content: '◆';
  position: absolute;
  font-size: 20px;
  color: var(--wow-gold);
  text-shadow: var(--glow-gold);
}

.wow-card::before { top: -5px; left: -5px; }
.wow-card::after { bottom: -5px; right: -5px; transform: rotate(180deg); }

/* Site header (redesign) - uses --accent for border */
body.redesign .header.site-header,
.site-header {
  background: linear-gradient(
    180deg,
    var(--bg-medium) 0%,
    var(--bg-dark) 100%
  );
  backdrop-filter: blur(10px);
  border-bottom: 2px solid var(--accent);
  box-shadow: 0 4px 20px rgba(0, 217, 255, 0.25);
}

/* ========== Страници (Услуги, Работа, Пазар, Събития) – същата цветова схема ========== */
body.redesign .header:not(.site-header) {
  background: linear-gradient(180deg, var(--bg-medium) 0%, var(--bg-dark) 100%);
  border-bottom: 2px solid var(--accent);
  color: var(--text);
}

body.redesign .header:not(.site-header) .header-content {
  color: var(--text);
}

body.redesign .header:not(.site-header) .logo a,
body.redesign .header:not(.site-header) .logo h1 {
  color: var(--text);
}

body.redesign .header:not(.site-header) .subtitle {
  color: var(--accent);
  opacity: 0.9;
}

body.redesign .main-content {
  background: var(--bg-darkest);
  color: var(--text);
}

body.redesign .page-header {
  color: var(--text);
  border-bottom: 1px solid var(--accent);
}

body.redesign .page-header h1 {
  color: var(--accent);
}

body.redesign .page-header p {
  color: var(--text);
  opacity: 0.9;
}

body.redesign .card {
  background: linear-gradient(145deg, var(--bg-dark) 0%, var(--bg-medium) 100%);
  border: 1px solid var(--accent);
  color: var(--text);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

body.redesign .card-header,
body.redesign .card-footer {
  background: var(--bg-dark);
  border-color: var(--accent);
  color: var(--text);
}

body.redesign .card-body {
  color: var(--text);
}

/* Единен вид на бутоните на Начало и на всички страници (Услуги, Работа, Пазар, Събития) */
body.redesign .btn,
body.redesign .main-content .btn,
body.redesign button:not(.header-toggle-btn):not(.nav-tab) {
  border: 1px solid var(--accent);
  border-radius: 6px;
  padding: 8px 16px;
  color: var(--text);
  transition: all 0.3s ease;
  font-weight: 500;
}

body.redesign .btn-primary,
body.redesign .login-section .login-dropdown button#loginBtn,
body.redesign .login-section .login-dropdown .btn-primary,
body.redesign .main-content .btn-primary,
body.redesign .business-list .btn-primary,
body.redesign .business-actions .btn-primary,
body.redesign .card .btn-primary,
body.redesign .search-container .btn-primary,
body.redesign .add-business-section .btn-primary {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: var(--bg-darkest) !important;
}

body.redesign .btn-primary:hover,
body.redesign .login-section .login-dropdown button#loginBtn:hover,
body.redesign .login-section .login-dropdown .btn-primary:hover,
body.redesign .main-content .btn-primary:hover,
body.redesign .business-list .btn-primary:hover,
body.redesign .business-actions .btn-primary:hover,
body.redesign .card .btn-primary:hover,
body.redesign .search-container .btn-primary:hover,
body.redesign .add-business-section .btn-primary:hover {
  filter: brightness(1.15);
  box-shadow: 0 0 15px var(--accent);
}

body.redesign .btn-secondary,
body.redesign .main-content .btn-secondary,
body.redesign .business-list .btn-secondary,
body.redesign .business-actions .btn-secondary,
body.redesign .card .btn-secondary {
  border-color: var(--accent) !important;
  color: var(--accent) !important;
  background: transparent !important;
}

body.redesign .btn-secondary:hover,
body.redesign .main-content .btn-secondary:hover,
body.redesign .business-list .btn-secondary:hover,
body.redesign .business-actions .btn-secondary:hover,
body.redesign .card .btn-secondary:hover {
  background: rgba(0, 0, 0, 0.2) !important;
  color: var(--text) !important;
}

body.redesign .btn-success,
body.redesign .main-content .btn-success,
body.redesign .business-list .btn-success,
body.redesign .business-actions .btn-success,
body.redesign .card .btn-success {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: var(--bg-darkest) !important;
}

body.redesign .btn-success:hover,
body.redesign .main-content .btn-success:hover,
body.redesign .business-list .btn-success:hover,
body.redesign .business-actions .btn-success:hover,
body.redesign .card .btn-success:hover {
  filter: brightness(1.15);
  box-shadow: 0 0 12px var(--accent);
}

body.redesign .btn-warning {
  background: var(--terminal-amber);
  border-color: var(--terminal-amber);
  color: var(--bg-darkest);
}

body.redesign .btn-warning:hover {
  filter: brightness(1.1);
  box-shadow: 0 0 12px var(--terminal-amber);
}

body.redesign .btn-danger {
  background: var(--cyber-pink);
  border-color: var(--cyber-pink);
  color: var(--bg-darkest);
}

body.redesign .btn-danger:hover {
  filter: brightness(1.1);
  box-shadow: 0 0 12px var(--cyber-pink);
}

body.redesign .btn-logout {
  background: var(--accent);
  border-color: var(--accent);
  color: #fff !important;
}

body.redesign .btn-logout:hover {
  filter: brightness(1.15);
  box-shadow: 0 0 10px var(--accent);
  color: #fff !important;
}

body.redesign .auth-section .btn,
body.redesign .user-menu {
  color: var(--text);
}

body.redesign .login-section .login-dropdown.hidden {
  display: none !important;
}

/* Dropdown Вход (Начало) – фон и бутони от темата */
body.redesign .login-section .dropdown-content {
  background: var(--bg-dark);
  border: 2px solid var(--accent);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

body.redesign .login-section .login-option button {
  background: var(--bg-darkest);
  border-color: var(--accent);
  color: var(--text);
}

body.redesign .login-section .login-option button:hover {
  background: var(--bg-medium);
  border-color: var(--accent);
  color: var(--accent);
}

/* Логнат акаунт (Начало и страници Услуги, Работа, Пазар, Събития) – единен вид, под темата */
body.redesign .login-section .user-menu,
body.redesign .header .user-menu {
  display: flex;
  align-items: center;
  gap: 12px;
  background: var(--bg-dark) !important;
  border: 2px solid var(--accent) !important;
  border-radius: 8px;
  padding: 8px 12px;
  color: var(--text) !important;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
}

body.redesign .login-section .user-info,
body.redesign .header .user-info {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--text) !important;
}

body.redesign .login-section .user-avatar,
body.redesign .header .user-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid var(--accent);
}

body.redesign .login-section .user-name,
body.redesign .header .user-name {
  color: var(--text) !important;
  font-size: 14px;
  font-weight: 500;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.redesign .login-section .user-menu .btn-logout,
body.redesign .header .user-menu .btn-logout {
  flex-shrink: 0;
  padding: 6px 14px;
  font-size: 12px;
  border-radius: 6px;
}

/* Load more, close, action – под темата */
body.redesign .load-more-btn {
  background: var(--accent) !important;
  border: 1px solid var(--accent) !important;
  color: var(--bg-darkest) !important;
}

body.redesign .load-more-btn:hover {
  filter: brightness(1.15);
  box-shadow: 0 0 15px var(--accent);
}

body.redesign .load-more-btn:disabled {
  background: var(--bg-medium) !important;
  border-color: var(--bg-medium) !important;
  color: var(--terminal-dim) !important;
}

body.redesign .close-btn {
  background: transparent !important;
  border: 1px solid var(--accent) !important;
  color: var(--accent) !important;
}

body.redesign .close-btn:hover {
  background: var(--bg-dark) !important;
  color: var(--text) !important;
  box-shadow: 0 0 8px var(--accent);
}

/* Бутони в съобщения (действия, редакция) – под темата */
body.redesign .action-btn,
body.redesign .like-btn,
body.redesign .reply-btn,
body.redesign .edit-btn,
body.redesign .delete-btn,
body.redesign .reaction-btn {
  color: var(--accent) !important;
  background: transparent !important;
}

body.redesign .action-btn:hover,
body.redesign .like-btn:hover,
body.redesign .reply-btn:hover,
body.redesign .edit-btn:hover,
body.redesign .delete-btn:hover,
body.redesign .reaction-btn:hover {
  background: var(--bg-dark) !important;
  color: var(--text) !important;
  box-shadow: 0 0 8px var(--accent);
}

body.redesign .save-edit-btn {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: var(--bg-darkest) !important;
}

body.redesign .save-edit-btn:hover {
  filter: brightness(1.15);
  box-shadow: 0 0 10px var(--accent);
}

body.redesign .cancel-edit-btn {
  background: var(--bg-dark) !important;
  border: 1px solid var(--accent) !important;
  color: var(--accent) !important;
}

body.redesign .cancel-edit-btn:hover {
  background: var(--bg-medium) !important;
  color: var(--text) !important;
}

body.redesign .settings-btn {
  color: var(--accent) !important;
  background: transparent !important;
}

body.redesign .settings-btn:hover {
  background: var(--bg-dark) !important;
  color: var(--text) !important;
}

/* Лични съобщения – бутон за личен чат и бутон Изпрати */
body.redesign .online-user .btn-private-msg,
body.redesign .sidebar-section .online-user .btn-private-msg {
  background: transparent !important;
  border: 1px solid var(--accent) !important;
  color: var(--accent) !important;
}

body.redesign .online-user .btn-private-msg:hover,
body.redesign .sidebar-section .online-user .btn-private-msg:hover {
  background: var(--bg-dark) !important;
  color: var(--text) !important;
  box-shadow: 0 0 8px var(--accent);
}

body.redesign .chat-section .private-chat-input-wrap #privateSendBtn,
body.redesign .chat-section .private-chat-input-wrap .btn.btn-primary {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: var(--bg-darkest) !important;
}

body.redesign .chat-section .private-chat-input-wrap #privateSendBtn:hover,
body.redesign .chat-section .private-chat-input-wrap .btn.btn-primary:hover {
  filter: brightness(1.15);
  box-shadow: 0 0 15px var(--accent);
}

/* Google/Facebook в dropdown – под темата */
body.redesign .google-login-btn,
body.redesign .facebook-login-btn {
  border-color: var(--accent) !important;
  color: var(--accent) !important;
  background: var(--bg-darkest) !important;
}

body.redesign .google-login-btn:hover,
body.redesign .facebook-login-btn:hover {
  background: var(--bg-dark) !important;
  color: var(--text) !important;
}

body.redesign input,
body.redesign select,
body.redesign textarea {
  background: var(--bg-darkest);
  border-color: var(--accent);
  color: var(--text);
}

body.redesign input:focus,
body.redesign select:focus,
body.redesign textarea:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 2px rgba(0, 217, 255, 0.2);
}

body.redesign .modal-content {
  background: var(--bg-dark);
  border: 2px solid var(--accent);
  color: var(--text);
}

body.redesign .modal-header {
  border-bottom-color: var(--accent);
  color: var(--accent);
}

body.redesign .modal-body {
  color: var(--text);
}

body.redesign .modal-footer {
  border-top-color: var(--accent);
}

body.redesign table,
body.redesign th,
body.redesign td {
  border-color: var(--accent);
  color: var(--text);
}

body.redesign th {
  background: var(--bg-dark);
  color: var(--accent);
}

body.redesign a:not(.nav-link) {
  color: var(--accent);
}

body.redesign a:not(.nav-link):hover {
  color: var(--text);
}

body.redesign .header .logo h1,
.site-title {
  font-family: 'Georgia', serif;
  font-size: 28px;
  font-weight: bold;
  background: linear-gradient(
    135deg,
    var(--wow-gold) 0%,
    var(--wow-legendary) 50%,
    var(--wow-gold) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: 2px;
}

/* Лого и подзаглавие – винаги бял текст, сърцето винаги червено (всички страници) */
body.redesign .header .logo h1,
body.redesign .header .logo .site-title {
  background: none !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: unset !important;
  color: #fff !important;
}
body.redesign .header .logo .logo-heart {
  color: #dc3545 !important;
  -webkit-text-fill-color: #dc3545 !important;
}
body.redesign .header .logo .subtitle {
  color: #fff !important;
  opacity: 1;
}

/* Nav links redesign */
body.redesign .nav .nav-link,
.nav-link.redesign {
  padding: 8px 16px;
  background: rgba(0, 217, 255, 0.05);
  border: 1px solid var(--accent);
  border-radius: 8px;
  color: var(--accent);
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 1px;
  transition: all 0.3s ease;
}

body.redesign .nav .nav-link:hover {
  background: rgba(0, 217, 255, 0.2);
  box-shadow: var(--glow-blue);
  border-color: var(--wow-gold);
  color: var(--wow-gold);
}

/* Chat section и контейнер – темите ги обхващат */
body.redesign .chat-section {
  background: var(--bg-darkest);
  color: var(--text);
}

.chat-container.wow-card,
body.redesign .chat-container {
  background: var(--bg-darkest);
  border: 2px solid var(--accent);
  border-radius: 8px;
  font-family: 'Courier New', monospace;
  box-shadow: var(--glow-blue), inset 0 0 60px rgba(0, 0, 0, 0.4);
}

/* Mobile: чат контейнерът запълва екрана, съобщенията пълна ширина */
@media (max-width: 768px) {
  .chat-container.wow-card,
  body.redesign .chat-container {
    padding: 0;
    border-radius: 0;
    border-left: none;
    border-right: none;
    width: 100%;
    max-width: 100%;
  }
  #chatMessages.message-list,
  body.redesign .chat-messages {
    padding: 10px 12px;
    width: 100%;
    max-width: 100%;
  }
  body.redesign .chat-messages .message,
  body.redesign .chat-messages .message-content {
    max-width: 100%;
    width: 100%;
  }
}

@media (max-width: 480px) {
  body.redesign .chat-messages {
    padding: 6px 8px;
  }
}

/* Съобщения в чата – текст и акценти от темата */
body.redesign .chat-messages .message,
body.redesign .chat-messages .message-content {
  color: var(--text);
}

body.redesign .chat-messages .message-username {
  color: var(--accent);
}

body.redesign .chat-messages .message-time {
  color: var(--terminal-dim);
}

body.redesign .chat-messages .message.system .message-content,
body.redesign .chat-messages .message.action .message-content {
  color: var(--terminal-amber);
}

/* Табове и индикатор за писане – от темата */
body.redesign .chat-tabs {
  border-color: var(--accent);
}

body.redesign .chat-tab {
  color: var(--text);
  border-color: var(--accent);
  background: transparent;
}

body.redesign .chat-tab:hover {
  background: rgba(0, 0, 0, 0.2);
  color: var(--accent);
}

body.redesign .chat-tab.active {
  background: var(--bg-dark);
  border-color: var(--accent);
  color: var(--accent);
}

body.redesign .typing-indicator,
body.redesign .typing-indicator .typing-text {
  color: var(--terminal-dim);
}

body.redesign .chat-load-more .load-more-btn {
  border-color: var(--accent);
  color: var(--accent);
}

body.redesign .chat-load-more .load-more-btn:hover {
  background: var(--bg-dark);
}

body.redesign .chat-section .chat-header {
  background: var(--bg-dark);
  border-bottom: 2px solid var(--accent);
  padding: 10px 15px;
  font-size: 12px;
  color: var(--text);
}

body.redesign .chat-section .chat-header h2,
body.redesign .chat-stats,
body.redesign .chat-stats span {
  color: var(--accent);
}

body.redesign .chat-section .chat-header h2 {
  text-shadow: 0 0 10px currentColor;
}

/* Message list area – фон и скролбар от темата */
#chatMessages.message-list,
body.redesign .chat-messages {
  padding: 15px;
  background: var(--bg-darkest);
  color: var(--text);
}

body.redesign .chat-messages::-webkit-scrollbar {
  width: 10px;
}

body.redesign .chat-messages::-webkit-scrollbar-track {
  background: var(--bg-darkest);
  border-left: 1px solid var(--accent);
}

body.redesign .chat-messages::-webkit-scrollbar-thumb {
  background: var(--accent);
  border-radius: 5px;
}

/* Chat input – граница и текст от темата */
body.redesign .chat-input-container {
  background: var(--bg-dark);
  border-top: 2px solid var(--accent);
}

body.redesign .chat-input-container input {
  background: var(--bg-darkest);
  border: 1px solid var(--accent);
  color: var(--text);
  font-family: 'Courier New', monospace;
}

body.redesign .chat-input-container input::placeholder {
  color: var(--terminal-dim);
}

body.redesign .chat-input-container input:focus {
  background: var(--bg-dark);
  box-shadow: 0 0 15px rgba(0, 217, 255, 0.25);
  border-color: var(--wow-gold);
}

body.redesign .btn-primary,
#sendMessageBtn.btn-send {
  padding: 12px 24px;
  background: linear-gradient(135deg, var(--wow-epic) 0%, var(--wow-rare) 100%);
  border: 2px solid var(--wow-gold);
  border-radius: 6px;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  transition: all 0.3s ease;
}

body.redesign .btn-primary:hover,
#sendMessageBtn.btn-send:hover {
  box-shadow: var(--glow-purple), var(--glow-gold);
  transform: translateY(-2px);
}

/* Sidebar – премахване на бялото (components.css задава background: var(--white)) */
body.redesign .sidebar {
  background: var(--bg-darkest);
}

/* Sidebar section - WoW roster */
body.redesign .sidebar-section.wow-card,
.sidebar-section.wow-card {
  background: var(--bg-darkest);
  border: 2px solid var(--accent);
  border-radius: 8px;
  backdrop-filter: blur(10px);
}

body.redesign .sidebar-section h3 {
  color: var(--wow-gold);
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-bottom: 1px solid var(--accent);
  padding-bottom: 10px;
}

body.redesign .online-user .user-name {
  color: var(--text);
  font-size: 13px;
}

/* Онлайн потребители – при теми 2 и 3 hover да не е бял фон (четим текст) */
body.redesign .online-user:hover,
body.redesign .sidebar-section .online-user:hover {
  background: rgba(0, 0, 0, 0.25) !important;
}
body.redesign .online-user:hover .user-name,
body.redesign .sidebar-section .online-user:hover .user-name {
  color: var(--text) !important;
}

/* Cyber button (theme selector etc.) – следва темата */
body.redesign .btn-cyber {
  border-color: var(--accent);
  color: var(--accent);
}
body.redesign .btn-cyber:hover {
  background: rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 15px var(--accent);
  color: var(--text);
  border-color: var(--accent);
}

.btn-cyber {
  padding: 8px 16px;
  background: transparent;
  border: 1px solid var(--cyber-blue);
  border-radius: 6px;
  color: var(--cyber-blue);
  font-family: 'Courier New', monospace;
  font-size: 11px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.btn-cyber:hover {
  background: rgba(0, 217, 255, 0.2);
  box-shadow: var(--glow-blue);
  color: var(--wow-gold);
  border-color: var(--wow-gold);
}

/* Theme selector – фиксиран отдолу */
body.redesign .theme-selector {
  border-top-color: var(--accent);
  flex-shrink: 0;
}

/* ========== Личен чат – темите го обхващат (по-висока специфичност от chat.css) ========== */
body.redesign .chat-section .private-messages-panel {
  background: var(--bg-darkest) !important;
}

body.redesign .chat-section .private-conversations-list {
  background: var(--bg-darkest) !important;
  border-right-color: var(--accent) !important;
}

body.redesign .chat-section .private-list-placeholder {
  color: var(--terminal-dim) !important;
}

body.redesign .chat-section .private-conversation-item {
  border-bottom-color: var(--bg-dark) !important;
  color: var(--text) !important;
}

body.redesign .chat-section .private-conversation-item:hover {
  background: rgba(0, 0, 0, 0.2) !important;
}

body.redesign .chat-section .private-conversation-item.active {
  background: var(--bg-dark) !important;
  border-left: 3px solid var(--accent) !important;
}

body.redesign .chat-section .private-conversation-item .conv-preview {
  color: var(--terminal-dim) !important;
}

body.redesign .chat-section .private-conversation-item .conv-unread {
  background: var(--accent) !important;
  color: var(--bg-darkest) !important;
}

body.redesign .chat-section .private-chat-view {
  background: var(--bg-darkest) !important;
}

body.redesign .chat-section .private-chat-empty {
  color: var(--terminal-dim) !important;
}

body.redesign .chat-section .private-chat-header {
  background: var(--bg-dark) !important;
  border-bottom-color: var(--accent) !important;
  color: var(--accent) !important;
}

body.redesign .chat-section .private-chat-messages {
  background: var(--bg-darkest) !important;
  color: var(--text) !important;
}

body.redesign .chat-section .private-msg-bubble {
  color: var(--text) !important;
}

body.redesign .chat-section .private-msg-bubble.sent {
  background: var(--bg-dark) !important;
  border-color: var(--accent) !important;
}

body.redesign .chat-section .private-msg-bubble.received {
  background: var(--bg-dark) !important;
  border-color: var(--accent) !important;
}

body.redesign .chat-section .private-msg-bubble .msg-time {
  color: var(--terminal-dim) !important;
}

body.redesign .chat-section .private-chat-input-wrap {
  background: var(--bg-dark) !important;
  border-top-color: var(--accent) !important;
}

body.redesign .chat-section .private-chat-input-wrap #privateMessageInput {
  background: var(--bg-darkest) !important;
  border-color: var(--accent) !important;
  color: var(--text) !important;
}

body.redesign .chat-section .private-chat-input-wrap #privateMessageInput:focus {
  border-color: var(--wow-gold) !important;
  box-shadow: 0 0 10px rgba(255, 215, 0, 0.2) !important;
}

/* Utility classes */
.text-gold { color: var(--wow-gold); }
.text-legendary { color: var(--wow-legendary); }
.text-epic { color: var(--wow-epic); }
.text-cyber { color: var(--cyber-blue); }
.text-terminal { color: var(--terminal-green); }

@media (max-width: 768px) {
  body.redesign .header .logo h1 { font-size: 22px; }
}