/* Define a cor primária (laranja) via variáveis do Tabler/Bootstrap */
:root {
  --tblr-primary: #ff7a00;         /* base */
  --tblr-primary-rgb: 255, 122, 0; /* para variações */
}

/* Em tema escuro, reforce o contraste se quiser */
html[data-bs-theme="dark"] {
  --tblr-primary: #ff8b1f;
  --tblr-primary-rgb: 255, 139, 31;
}

/* Garante que .btn-primary use a cor definida */
.btn-primary {
  background-color: var(--tblr-primary) !important;
  border-color: var(--tblr-primary) !important;
}
.btn-primary:hover,
.btn-primary:focus {
  filter: brightness(1.05);
}

/* Links com foco no primário */
a {
  color: var(--tblr-primary);
}
a:hover {
  color: rgba(var(--tblr-primary-rgb), 0.85);
}

/* Opcional: bordas/realces */
.border-primary {
  border-color: var(--tblr-primary) !important;
}
.text-primary {
  color: var(--tblr-primary) !important;
}
.bg-primary {
  background-color: var(--tblr-primary) !important;
}

/* Linha reta na cor primária, sem “pill” branca */
.navbar .nav-underline .nav-link {
  border-bottom: .125rem solid transparent; /* garante underline */
  border-radius: 0 !important;              /* sem cantos arredondados */
  background: transparent !important;       /* remove qualquer pill */
  box-shadow: none !important;
}

/* ativo = barra laranja (ou sua --tblr-primary) */
.navbar .nav-underline .nav-link.active,
.navbar .nav-underline .show > .nav-link {
  border-bottom-color: var(--tblr-primary) !important;
}

/* opcional: animação mais suave */
.navbar .nav-underline .nav-link {
  transition: border-color .15s ease;
}

/* faz a linha de erro/ok percorrer TODO o input-group (inclui os addons) */
/* requer :has (Chrome/Edge/Firefox/Safari modernos) */
.input-group.input-group-flat:has(.form-control.is-invalid) .form-control{
  border-top-color: var(--tblr-danger) !important;
  border-bottom-color: var(--tblr-danger) !important;
  box-shadow: none; /* mantém “flat” */
}
.input-group.input-group-flat:has(.form-control.is-invalid) .input-group-text{
  border-top: 1px solid var(--tblr-danger) !important;
  border-bottom: 1px solid var(--tblr-danger) !important;
}

/* (opcional) mesma ideia para o estado válido (verde) */
.input-group.input-group-flat:has(.form-control.is-valid) .form-control{
  border-top-color: var(--tblr-success) !important;
  border-bottom-color: var(--tblr-success) !important;
}
.input-group.input-group-flat:has(.form-control.is-valid) .input-group-text{
  border-top: 1px solid var(--tblr-success) !important;
  border-bottom: 1px solid var(--tblr-success) !important;
}

/* Estilo do campo telefone usando a lib externa */
html[data-bs-theme="dark"] .iti__country-list,
html[data-bs-theme="dark"] .iti__dropdown-content {
  background-color: var(--tblr-bg-forms) !important;
  color: #e6edf3 !important;
  border: 1px solid #30363d !important;
}
html[data-bs-theme="dark"] .iti__country:hover,
html[data-bs-theme="dark"] .iti__country.iti__highlight {
  background-color: #161b22 !important;
}


html[data-bs-theme="dark"] .iti .iti__search-input {
  background-color: var(--tblr-bg-surface, #0d1117) !important;
  color: #e6edf3 !important;
  border-color: #5b5b5b !important;
}