/* ============================= */
/* THEME: Spring Meadow           */
/* File: theme-spring-meadow.css */
/* ============================= */
:root {
  --talkativewp-primary: linear-gradient(90deg, #94d2bd, #cdeac0);
  --talkativewp-fab-bg: var(--talkativewp-primary);
  --talkativewp-start-button-bg: var(--talkativewp-primary);
  --talkativewp-user-bg: rgba(205, 234, 192, 0.4);
  --talkativewp-bot-bg: rgba(150, 220, 190, 0.25);
  --talkativewp-header-color: #2b3e2f;
  --talkativewp-border-color: rgba(148, 210, 189, 0.4);
  --talkativewp-button-color: #2b3e2f;
  --talkativewp-typing-bg: rgba(246, 255, 248, 0.7);
  --talkativewp-typing-color: #5e8564;
  --talkativewp-input-border: #a8d5ba;
  --talkativewp-muted-color: #7fa98d;
  --talkativewp-strong-color: #2b3e2f;
  --talkativewp-text-color: #3a5944;
  --talkativewp-message-color: #2e4b37;
  --talkativewp-font-size-base: 14px;
  --talkativewp-font-size-small: 13px;
  --talkativewp-font-size-large: 16px;
  --talkativewp-line-height: 1.6;
  --talkativewp-chat-bg: #f6fff8;
  --talkativewp-scrollbar-bg: #e8fbe5;
  --talkativewp-scrollbar-thumb: #94d2bd;
}

/* Chat Box */
#talkativewp-chat-box {
  background: var(--talkativewp-chat-bg);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.08);
}

/* Header */
.talkativewp-chat-header,
#talkativewp-chat-header {
  background: var(--talkativewp-primary);
  color: var(--talkativewp-header-color);
  font-weight: bold;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5);
}

/* FAB (floating button) */
#talkativewp-chat-button {
  background: var(--talkativewp-fab-bg);
  color: var(--talkativewp-button-color);
  transition: background 0.5s ease;
}

#talkativewp-chat-button:hover,
#talkativewp-start-chat:hover,
.talkativewp-send-button:hover {
  background: linear-gradient(270deg, #94d2bd, #cdeac0, #94d2bd);
  background-size: 600% 600%;
  animation: talkativewpGradientFlow 4s ease infinite;
}

@keyframes talkativewpGradientFlow {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Scrollbar */
#talkativewp-chat-log::-webkit-scrollbar {
  width: 4px;
}
#talkativewp-chat-log::-webkit-scrollbar-track {
  background: var(--talkativewp-scrollbar-bg);
}
#talkativewp-chat-log::-webkit-scrollbar-thumb {
  background-color: var(--talkativewp-scrollbar-thumb);
  border-radius: 0;
}

/* Glass effect removed */
.talkativewp-user-message,
.talkativewp-bot-reply {
  border: 1px solid rgba(148, 210, 189, 0.25);
  background-color: rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.05);
  transition: transform 0.2s ease;
}
.talkativewp-user-message:hover,
.talkativewp-bot-reply:hover {
  transform: translateY(-1px);
}

/* Hover effects */
.talkativewp-send-button:hover,
#talkativewp-chat-minimize:hover {
  box-shadow: 0 0 6px rgba(148, 210, 189, 0.6);
  transition: all 0.3s ease-in-out;
}

/* Consent Text */
.talkativewp-consent-wrapper {
  font-size: var(--talkativewp-font-size-small);
  color: var(--talkativewp-muted-color);
  text-align: center;
  padding: 6px 12px;
  line-height: 1.4;
  direction: var(--talkativewp-text-direction);
  font-family: var(--talkativewp-font-family);
}
.talkativewp-consent-wrapper a {
  color: var(--talkativewp-primary);
  text-decoration: underline;
}
.talkativewp-consent-wrapper input[type="checkbox"] {
  accent-color: var(--talkativewp-primary);
}

/* Label Color */
#talkativewp-chat-start label {
  display: block;
  margin-bottom: 6px;
  font-size: var(--talkativewp-font-size-small);
  font-family: var(--talkativewp-font-family);
  color: var(--talkativewp-text-color);
}

/* Start Chat Button */
#talkativewp-start-chat {
  background: var(--talkativewp-start-button-bg);
  color: var(--talkativewp-button-color);
  font-weight: bold;
  font-family: var(--talkativewp-font-family);
  transition: background 0.5s ease;
}