/**
 * EAFCC Theme Variables - Blue/Purple Color Scheme
 */
:root {
  --eafcc-primary-blue: #3b82f6;
  --eafcc-primary-purple: #8b5cf6;
  --eafcc-dark-blue: #1e3a8a;
  --eafcc-dark-purple: #4c1d95;
  --eafcc-near-black: #0f172a;
  --eafcc-dark-grey: #1e293b;
  --eafc-mid-grey: #334155;
  --eafc-light-grey: #475569;
  --eafc-border-grey: #334155;
  --eafc-text-white: #ffffff;
  --eafc-text-grey: #e2e8f0;
  --eafc-text-muted: #94a3b8;
  --eafc-accent: #60a5fa;
  --eafc-success: #10b981;
  --eafc-error: #ef4444;
}
body:not([data-theme="light"]) {
  --bg: var(--eafcc-near-black);
  --card: var(--eafcc-dark-grey);
  --card-bg: var(--eafcc-dark-grey);
  --text-primary: var(--eafc-text-white);
  --text-secondary: var(--eafc-text-grey);
  --border-color: var(--eafc-border-grey);
  --primary: var(--eafcc-primary-blue);
  --primary-600: var(--eafcc-primary-purple);
  --primary-color: var(--eafcc-primary-blue);
  --success-color: var(--eafc-success);
  --error-color: var(--eafc-error);
  --text: var(--eafc-text-white);
  --muted: var(--eafc-text-muted);
  --border: var(--eafc-border-grey);
  --accent: var(--eafc-accent);
}

/* CHRISTMAS THEME FOR CHAT - ULTRA HIGH SPECIFICITY */
/* Customer messages - Festive red bubble with white text */
body #chat-widget #chat-panel #chat-messages .chat-message.customer-message .message-content,
body #chat-widget #chat-messages .chat-message.customer-message .message-content,
body #chat-panel #chat-messages .chat-message.customer-message .message-content,
#chat-widget #chat-panel #chat-messages .chat-message.customer-message .message-content,
#chat-widget #chat-messages .chat-message.customer-message .message-content,
#chat-panel #chat-messages .chat-message.customer-message .message-content,
#chat-messages .chat-message.customer-message .message-content,
.chat-panel .chat-message.customer-message .message-content,
.chat-widget .chat-message.customer-message .message-content,
div.chat-message.customer-message div.message-content,
.chat-message.customer-message .message-content {
  background: #c41e3a !important; /* Christmas red */
  background-color: #c41e3a !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 500 !important;
  border-radius: 12px !important;
  padding: 12px 16px !important;
  box-shadow: 0 2px 8px rgba(196, 30, 58, 0.3) !important;
}

/* Admin messages - Christmas green */
body #chat-widget #chat-panel #chat-messages .chat-message.admin-message .message-content,
body #chat-widget #chat-messages .chat-message.admin-message .message-content,
body #chat-panel #chat-messages .chat-message.admin-message .message-content,
#chat-widget #chat-panel #chat-messages .chat-message.admin-message .message-content,
#chat-widget #chat-messages .chat-message.admin-message .message-content,
#chat-panel #chat-messages .chat-message.admin-message .message-content,
#chat-messages .chat-message.admin-message .message-content,
.chat-panel .chat-message.admin-message .message-content,
.chat-widget .chat-message.admin-message .message-content,
div.chat-message.admin-message div.message-content,
.chat-message.admin-message .message-content {
  background: #165b33 !important; /* Christmas green */
  background-color: #165b33 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 500 !important;
  border-radius: 12px !important;
  padding: 12px 16px !important;
  box-shadow: 0 2px 8px rgba(22, 91, 51, 0.3) !important;
}

/* Bot message override */
#chat-messages .chat-message.bot-message .message-content,
.chat-message.bot-message .message-content {
  background: #165b33 !important; /* Christmas green */
  background-color: #165b33 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Chat header - Festive styling */
.chat-header {
  background: linear-gradient(135deg, #c41e3a 0%, #165b33 100%) !important;
  color: #ffffff !important;
}

.chat-header h3 {
  color: #ffffff !important;
}