/* Global Elementor / Hello overrides to remove the default pink accent. */
:root {
  --tps-brand-ink: #17304d;
  --tps-brand-accent: #c49f58;
  --tps-brand-accent-hover: #b08945;
  --tps-brand-surface: #f9f8f4;
  --tps-brand-info-bg: rgba(23, 48, 77, 0.06);
  --tps-brand-warning: #8a6a2f;
  --tps-brand-warning-bg: rgba(196, 159, 88, 0.16);
  --tps-brand-danger: #8b1e14;
  --tps-brand-danger-bg: rgba(180, 35, 24, 0.1);
  --tps-brand-success: #176d53;
  --tps-brand-success-bg: rgba(29, 158, 117, 0.12);
  --tps-brand-ring: rgba(196, 159, 88, 0.18);
}

:root,
body[class*="elementor-kit-"] {
  --e-global-color-primary: var(--tps-brand-ink) !important;
  --e-global-color-secondary: var(--tps-brand-accent-hover) !important;
  --e-global-color-text: var(--tps-brand-ink) !important;
  --e-global-color-accent: var(--tps-brand-accent) !important;
}

body .elementor a:not(.elementor-button),
body .elementor-widget-text-editor a,
body .elementor-widget-theme-post-content a,
body .elementor-widget-icon-list .elementor-icon-list-item > a {
  color: var(--tps-brand-accent);
}

body .elementor a:not(.elementor-button):hover,
body .elementor a:not(.elementor-button):focus,
body .elementor-widget-text-editor a:hover,
body .elementor-widget-text-editor a:focus,
body .elementor-widget-theme-post-content a:hover,
body .elementor-widget-theme-post-content a:focus,
body .elementor-widget-icon-list .elementor-icon-list-item > a:hover,
body .elementor-widget-icon-list .elementor-icon-list-item > a:focus {
  color: var(--tps-brand-accent-hover);
}

body .elementor-button,
body .elementor-button:visited,
body .elementor .elementor-button,
body .elementor .elementor-button:visited {
  background-color: var(--tps-brand-accent);
  border-color: var(--tps-brand-accent);
  color: #fff;
}

body .elementor-button:hover,
body .elementor-button:focus,
body .elementor-button:active,
body .elementor .elementor-button:hover,
body .elementor .elementor-button:focus,
body .elementor .elementor-button:active {
  background-color: var(--tps-brand-accent-hover);
  border-color: var(--tps-brand-accent-hover);
  color: #fff;
}

body .elementor-button:focus-visible,
body .elementor .elementor-button:focus-visible {
  box-shadow: 0 0 0 3px var(--tps-brand-ring);
  outline: none;
}

body .elementor-nav-menu--main .elementor-item.elementor-item-active,
body .elementor-nav-menu--main .elementor-item.highlighted,
body .elementor-nav-menu--main .elementor-item:hover,
body .elementor-nav-menu--main .elementor-item:focus,
body .elementor-tab-title.elementor-active,
body .elementor-accordion .elementor-tab-title.elementor-active,
body .elementor-toggle .elementor-tab-title.elementor-active,
body .elementor-widget-icon-list .elementor-icon-list-item:hover .elementor-icon-list-icon,
body .elementor-widget-icon-list .elementor-icon-list-item:hover .elementor-icon-list-text {
  color: var(--tps-brand-accent);
}

body .elementor-form .elementor-field,
body .elementor-form .elementor-field-textual,
body .elementor-form select.elementor-field {
  border-color: rgba(196, 159, 88, 0.45);
}

body .elementor-form .elementor-field:focus,
body .elementor-form .elementor-field-textual:focus,
body .elementor-form select.elementor-field:focus {
  border-color: var(--tps-brand-accent);
  box-shadow: 0 0 0 2px var(--tps-brand-ring);
  outline: none;
}

body .elementor-form input[type="checkbox"],
body .elementor-form input[type="radio"] {
  accent-color: var(--tps-brand-accent);
}

body .elementor-alert,
body .elementor-message {
  border-radius: 12px;
}

body .elementor-alert.elementor-alert-info,
body .elementor-message.elementor-message-info {
  background: var(--tps-brand-info-bg);
  border-color: rgba(23, 48, 77, 0.14);
  color: var(--tps-brand-ink);
}

body .elementor-alert.elementor-alert-warning,
body .elementor-message.elementor-message-warning {
  background: var(--tps-brand-warning-bg);
  border-color: rgba(196, 159, 88, 0.32);
  color: var(--tps-brand-warning);
}

body .elementor-alert.elementor-alert-danger,
body .elementor-message.elementor-message-danger,
body .elementor-field-group .elementor-message-danger {
  background: var(--tps-brand-danger-bg);
  border-color: rgba(139, 30, 20, 0.22);
  color: var(--tps-brand-danger);
}

body .elementor-alert.elementor-alert-success,
body .elementor-message.elementor-message-success {
  background: var(--tps-brand-success-bg);
  border-color: rgba(23, 109, 83, 0.22);
  color: var(--tps-brand-success);
}
