/* Hábeis Chat — CTAs + correção tema escuro (selects / menus) */
:root {
  --hc-brand: #1f4fd6;
  --hc-brand-deep: #1639a8;
  --hc-brand-bright: #2a5cf0;
  --hc-amber: #e39a2f;
  --hc-amber-hover: #d4913a;
  --hc-on-brand: #ffffff;
  --hc-menu-bg: #ffffff;
  --hc-menu-ink: #0f1b33;
  color-scheme: light;
}

/* Primários = azul da landing (não âmbar) */
button.bg-woot-500,
.bg-woot-500,
a.bg-woot-500,
.button--primary,
button.bg-n-brand,
.bg-n-brand,
a.bg-n-brand {
  background-color: var(--hc-brand) !important;
  background-image: linear-gradient(180deg, var(--hc-brand-bright), var(--hc-brand)) !important;
  border-color: var(--hc-brand) !important;
  color: var(--hc-on-brand) !important;
}

button.bg-woot-500:hover,
.bg-woot-500:hover,
a.bg-woot-500:hover,
.button--primary:hover,
button.bg-n-brand:hover,
.bg-n-brand:hover,
a.bg-n-brand:hover {
  background-color: var(--hc-brand-deep) !important;
  background-image: none !important;
  border-color: var(--hc-brand-deep) !important;
  color: var(--hc-on-brand) !important;
}

.text-woot-500,
a.text-woot-500,
.text-n-brand,
a.text-n-brand {
  color: var(--hc-brand) !important;
}

.border-woot-500,
.border-n-brand {
  border-color: var(--hc-brand) !important;
}

.hc-accent-amber,
[data-hc-accent='amber'] {
  color: var(--hc-amber);
}

/*
 * Tema escuro — dropdowns nativos (<select>) e menus flutuantes.
 * Sem color-scheme:dark o Chrome/Linux abre a lista clara com texto claro.
 */
html.dark,
body.dark,
html[data-hc-theme='dark'] {
  color-scheme: dark;
  --hc-brand: #2781f6;
  --hc-brand-deep: #1f6fe0;
  --hc-brand-bright: #3b8ff7;
  /* mesmos pretos do Chatwoot (.dark next-colors) */
  --hc-menu-bg: #1d1e24;
  --hc-menu-ink: #edf0f0;
}

html:not(.dark):not([data-hc-theme='dark']) body:not(.dark),
html[data-hc-theme='light'],
body:not(.dark) {
  color-scheme: light;
}

body.dark select,
body.dark select:focus,
html[data-hc-theme='dark'] select {
  color-scheme: dark;
  background-color: rgb(var(--solid-2, 29 30 36)) !important;
  color: var(--hc-menu-ink) !important;
}

body.dark select option,
body.dark select optgroup,
html[data-hc-theme='dark'] select option,
html[data-hc-theme='dark'] select optgroup {
  background-color: var(--hc-menu-bg) !important;
  color: var(--hc-menu-ink) !important;
}

/* Listas / popovers do Chatwoot (SelectMenu, Dropdown) no escuro */
body.dark .bg-n-alpha-3,
body.dark [class*='bg-n-alpha-3'] {
  background-color: rgba(36, 38, 45, 0.96) !important;
  color: var(--hc-menu-ink);
}

body.dark .bg-n-alpha-black2,
body.dark [class*='bg-n-alpha-black2'] {
  background-color: rgba(24, 25, 27, 0.96) !important;
}