:root {
  --bs-primary: #F15A24;
  --bs-primary-hover: #ED1C24;
  --bs-primary-ring: rgba(241, 90, 36, 0.25);
}

/* Password toggle */
.password-field {
  position: relative;
}

.password-field .pass-input {
  padding-right: 38px;
}

.password-field .toggle-password {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #6c757d;
  cursor: pointer;
  font-size: 14px;
  z-index: 2;
  line-height: 1;
}

.password-field .toggle-password:hover {
  color: var(--bs-primary);
}




/* Bootstrap-like Primary Button (Custom) */
.btn-bs-primary {
  background-color: var(--bs-primary);
  border: 1px solid var(--bs-primary);
  color:#fff;
  font-weight: 500;
  padding: 0.5rem 1.25rem;
  border-radius: 0.375rem; /* Bootstrap default */
  transition: all 0.15s ease-in-out;
}

/* Hover */
.btn-bs-primary:hover {
  background-color: var(--bs-primary-hover);
  border-color: var(--bs-primary-hover);
  color: #fff;
}

/* Focus */
.btn-bs-primary:focus {
  background-color: var(--bs-primary-hover);
  border-color: var(--bs-primary-hover);
  box-shadow: 0 0 0 0.25rem var(--bs-primary-ring);
}

/* Active */
.btn-bs-primary:active {
  background-color: var(--bs-primary-hover);
  border-color: var(--bs-primary-hover);
}

/* Disabled */
.btn-bs-primary:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}

/* Auth pages primary overrides (login + forgot password) */
.text-primary,
.text-primary-500,
a.text-primary-500,
a.text-primary {
  color: var(--bs-primary) !important;
}

.bg-primary-500 {
  background-color: var(--bs-primary) !important;
}

.form-check-input.input-primary:checked {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}

.form-check-input.input-primary:focus {
  border-color: var(--bs-primary) !important;
  box-shadow: 0 0 0 0.25rem var(--bs-primary-ring);
}

/* Auth forms: apply primary theme consistently */
.auth-main .form-control,
.auth-main .form-select,
.auth-main select.form-control {
  border-color: #d6dbe2;
}

.auth-main .form-control:focus,
.auth-main .form-select:focus,
.auth-main select.form-control:focus {
  border-color: var(--bs-primary) !important;
  box-shadow: 0 0 0 0.25rem var(--bs-primary-ring) !important;
}

.auth-main .btn-outline-secondary {
  color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}

.auth-main .btn-outline-secondary:hover,
.auth-main .btn-outline-secondary:focus,
.auth-main .btn-outline-secondary:active {
  color: #fff !important;
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  box-shadow: 0 0 0 0.25rem var(--bs-primary-ring) !important;
}

/* Bottom links */
.tx-brand-link,
#goToLogin,
a[href="forgot-password"] {
  color: var(--bs-primary) !important;
}

.tx-brand-link:hover,
#goToLogin:hover,
a[href="forgot-password"]:hover {
  color: var(--bs-primary-hover) !important;
}

/* Forgot page component polish */
#fpChannel {
  border-color: var(--bs-primary) !important;
  background-color: rgba(241, 90, 36, 0.08) !important;
  color: #212529 !important;
  padding-right: 0.75rem;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

#fpChannel:focus {
  border-color: var(--bs-primary) !important;
  box-shadow: 0 0 0 0.25rem var(--bs-primary-ring) !important;
}

#fpChannel + .select2 .select2-selection--single {
  height: 40px;
  border-radius: 0.375rem;
}

#fpChannel + .select2 .select2-selection--single .select2-selection__rendered {
  color: #212529;
  line-height: 38px;
  padding-left: 12px;
  padding-right: 12px;
}

#fpChannel + .select2 .select2-selection--single .select2-selection__arrow {
  display: none !important;
}

#fpChannel + .select2.select2-container--open .select2-selection--single,
#fpChannel + .select2.select2-container--focus .select2-selection--single {
  border-color: var(--bs-primary) !important;
  box-shadow: 0 0 0 0.25rem var(--bs-primary-ring) !important;
}

/* Apply dropdown option colors only for fpChannel (ID-based, no global Select2 override) */
.select2-container--open .select2-results__options#select2-fpChannel-results .select2-results__option {
  color: var(--bs-primary) !important;
  background: #fff !important;
}

.select2-container--open .select2-results__options#select2-fpChannel-results .select2-results__option--highlighted[aria-selected],
.select2-container--open .select2-results__options#select2-fpChannel-results .select2-results__option[aria-selected="false"]:hover {
  background: var(--bs-primary) !important;
  color: #fff !important;
}

.select2-container--open .select2-results__options#select2-fpChannel-results .select2-results__option[aria-selected="true"] {
  background: var(--bs-primary-hover) !important;
  color: #fff !important;
}

#forgotPasswordForm #fpTimerText {
  color: var(--bs-primary) !important;
  font-weight: 600;
}

#forgotPasswordForm .toggle-password {
  color: var(--bs-primary) !important;
}

#forgotPasswordForm .toggle-password:hover {
  color: var(--bs-primary-hover) !important;
}