/* WISHGEE VI V3.2.1 current production role overrides. */
:root {
  --wg-vi-primary: #075b39;
  --wg-vi-primary-deep: #05452c;
  --wg-vi-commercial: #ffc53d;
  --wg-vi-formal: #c6a15b;
  --wg-vi-background: #f7f5ee;
  --wg-vi-foreground: #17211d;
  --wg-vi-body: #34453d;
  --wg-vi-muted: #5f6b62;
  --wg-vi-control-border: #858b83;
  --wg-vi-divider: #e3e0d6;
}

html body {
  background-color: #f7f5ee;
  color: #17211d;
}

html body .wishgee-site-header .wgs-brand img {
  width: 200px !important;
  max-width: 54vw !important;
  height: auto !important;
}

@media (max-width: 760px) {
  html body .wishgee-site-header .wgs-brand img {
    width: 196px !important;
    max-width: 54vw !important;
  }
}

html body .wg-btn:not(.wg-btn-ghost),
html body .site-main .hero-btn:not(.hero-btn-ghost),
html body button.wg-primary-action {
  border-color: #075b39 !important;
  background: #075b39 !important;
  color: #ffffff !important;
}

html body .wg-btn-ghost,
html body .site-main .hero-btn-ghost {
  border: 2px solid #075b39 !important;
  background: transparent !important;
  color: #075b39 !important;
}

html body .wg-cta-panel .wg-btn:not(.wg-btn-ghost),
html body .wg-answer .wg-btn:not(.wg-btn-ghost),
html body .hero-dark .hero-btn:not(.hero-btn-ghost),
html body [data-theme="dark"] .wg-btn:not(.wg-btn-ghost) {
  border-color: #17211d !important;
  background: #ffc53d !important;
  color: #17211d !important;
}

html body .wg-cta-panel .wg-btn-ghost,
html body .wg-answer .wg-btn-ghost,
html body .hero-dark .hero-btn-ghost,
html body [data-theme="dark"] .wg-btn-ghost {
  border: 2px solid #ffffff !important;
  background: transparent !important;
  color: #ffffff !important;
}

html body :is(a, button, summary, input, textarea, select):focus-visible {
  outline: 2px solid #17211d !important;
  outline-offset: 2px !important;
}

html body :is(.wg-cta-panel, .wg-answer, .hero-dark, [data-theme="dark"], .wishgee-global-footer)
  :is(a, button, summary, input, textarea, select):focus-visible {
  outline-color: #ffffff !important;
}

html body :is([role="status"], .wg-status-card, .status-card, .wg-alert) {
  border-width: 1px !important;
  border-style: solid !important;
  border-color: #858b83 !important;
}