/* Green Planet inspired palette for template1 */
:root {
  --gp-green-dark: #2a5c34;
  --gp-green: #4a8f54;
  --gp-green-light: #6baa5a;
  --gp-green-soft: #e8f3e4;
  --gp-cream: #f5f8f0;
  --gp-ink: #1f3324;
  --gp-muted: #5c7260;
  --gp-gradient: linear-gradient(135deg, #2d6a3e 0%, #4a8f54 45%, #6baa5a 100%);
  --gp-gradient-soft: linear-gradient(180deg, #f5faf3 0%, #edf6ea 100%);

  --messenger-blue: #3d7c47;
  --messenger-cyan: #6baa5a;
  --messenger-violet: #4a8f54;
  --messenger-pink: #5d9c4b;
  --messenger-orange: #7cb868;
  --messenger-ink: var(--gp-ink);
  --messenger-muted: var(--gp-muted);
  --messenger-panel: #ffffff;
  --messenger-line: #cfe3c8;
  --messenger-soft: var(--gp-green-soft);
  --messenger-gradient: var(--gp-gradient);
}

html,
body {
  background: var(--gp-gradient-soft) !important;
  color: var(--gp-ink);
}

.wrap {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(245, 250, 243, 0.98)) !important;
  box-shadow: 0 18px 50px rgba(42, 92, 52, 0.12);
}

.chat-header {
  background: var(--gp-gradient) !important;
  box-shadow: 0 14px 32px rgba(45, 106, 62, 0.28);
}

.chat-container {
  background: linear-gradient(180deg, #f7fbf5 0%, #eef6ea 100%) !important;
}

.box {
  border-color: rgba(207, 227, 200, 0.9) !important;
}

.box:after {
  border-left-color: rgba(207, 227, 200, 0.9) !important;
  border-bottom-color: rgba(207, 227, 200, 0.9) !important;
}

.box:has(.answers) {
  box-shadow: 0 12px 30px rgba(74, 143, 84, 0.22) !important;
}

.box:has(.answers)::after {
  background: #4a8f54 !important;
}

.answer {
  color: var(--gp-green-dark) !important;
}

.answer.active {
  color: var(--gp-green) !important;
}

.box.answer-big {
  background: var(--gp-gradient) !important;
  box-shadow: 0 12px 26px rgba(74, 143, 84, 0.24) !important;
}

.box.answer-big:after {
  background: #4a8f54 !important;
}

.audio-header {
  background: var(--gp-gradient) !important;
}

.api-form1 {
  background: #f0f6ec !important;
}

.api-form1 .form-body .text .offer-name,
.time_remains {
  color: #3d7c47 !important;
}

.api-form1 .submit,
.blg,
.btn1.px30 {
  background: linear-gradient(135deg, #3d7c47, #5a9e4b) !important;
}

.product-banner-text1 {
  background: var(--gp-green) !important;
}