/* Go&Sit admin brand theme — orange #fe6822 / navy #061e43 */

:root,
[data-bs-theme=light] {
  --bs-primary: #fe6822;
  --bs-primary-rgb: 254, 104, 34;
  --bs-primary-text-emphasis: #061e43;
  --bs-primary-bg-subtle: #ffe4d3;
  --bs-primary-border-subtle: #ffb98a;
  --bs-link-color: #fe6822;
  --bs-link-color-rgb: 254, 104, 34;
  --bs-link-hover-color: #e65712;
  --bs-link-hover-color-rgb: 230, 87, 18;
  --bs-heading-color: #061e43;
}

.text-primary {
  color: #fe6822 !important;
}

.text-heading,
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  color: #061e43;
}

.bg-primary {
  background-color: #fe6822 !important;
}
a.bg-primary:hover, a.bg-primary:focus {
  background-color: #e65712 !important;
}

.bg-label-primary {
  background-color: #ffe4d3 !important;
  color: #fe6822 !important;
}

.page-item .page-link:hover, .page-item .page-link:focus,
.pagination li > a:not(.page-link):hover,
.pagination li > a:not(.page-link):focus {
  background-color: #ffe4d3;
  color: #fe6822;
}
.page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus, .page-item.active .page-link:disabled, .page-item.active .page-link.disabled,
.pagination li.active > a:not(.page-link),
.pagination li.active > a:not(.page-link):hover,
.pagination li.active > a:not(.page-link):focus,
.pagination li.active > a:not(.page-link):disabled,
.pagination li.active > a:not(.page-link).disabled {
  border-color: #fe6822;
  background-color: #fe6822;
  color: #fff;
}

.progress-bar {
  background-color: #fe6822;
}

.alert-primary {
  background-color: #ffe4d3;
  border-color: #ffe4d3;
  color: #a8420f;
}
.alert-primary .alert-link {
  color: #a8420f;
}
.alert-primary hr {
  background-color: #fe6822 !important;
}
.alert-primary .alert-icon {
  background-color: #fe6822;
}

.table-primary {
  --bs-table-bg: #ffe4d3;
  --bs-table-striped-bg: #ffd9c0;
  --bs-table-active-bg: #ffcbab;
  --bs-table-hover-bg: #ffd2b5;
  border-color: #ffc9a8;
}

.list-group-item-primary {
  border-color: #fe6822;
  background-color: #ffe4d3;
  color: #a8420f !important;
}
a.list-group-item-primary.active,
button.list-group-item-primary.active {
  border-color: #fe6822 !important;
  background-color: #fe6822 !important;
  color: #fff !important;
}
.list-group-item.active {
  background-color: #ffe4d3;
  color: #fe6822;
}

.btn-primary {
  color: #fff;
  background-color: #fe6822;
  border-color: #fe6822;
}
.btn-primary:hover {
  color: #fff !important;
  background-color: #e65712 !important;
  border-color: #e65712 !important;
}
.btn-check:focus + .btn-primary, .btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #e65712;
  border-color: #e65712;
}
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .btn-primary.show.dropdown-toggle, .show > .btn-primary.dropdown-toggle {
  color: #fff !important;
  background-color: #e65712 !important;
  border-color: #e65712 !important;
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff !important;
  background-color: #fe6822 !important;
  border-color: #fe6822 !important;
}

.btn-outline-primary {
  color: #fe6822;
  border-color: #fe6822;
}
.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus,
.btn-outline-primary:hover,
.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
  color: #fff !important;
  background-color: #fe6822 !important;
  border-color: #fe6822 !important;
}

.form-check-input:checked,
.form-check-input[type=checkbox]:indeterminate {
  background-color: #fe6822;
  border-color: #fe6822;
}
.form-control:focus,
.form-select:focus {
  border-color: #fe6822 !important;
}
.form-floating-outline .form-control:focus,
.form-floating-outline .form-select:focus {
  border-color: #fe6822 !important;
}
.form-control:focus ~ .form-label {
  border-color: #fe6822;
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:focus:not(:placeholder-shown) ~ label,
.form-floating > .form-select:focus ~ label,
.form-floating > .form-select:focus:not(:placeholder-shown) ~ label {
  color: #fe6822;
}
.form-floating-outline :not(select):focus + label,
.form-floating-outline :not(select):focus + span {
  color: #fe6822;
}
.form-switch .form-check-input:checked {
  background-color: #fe6822;
  border-color: #fe6822;
}

/* Sidebar menu font size */
.bg-menu-theme .menu-link {
  font-size: 14px !important;
}

/* Sidebar active menu item */
.bg-menu-theme .menu-item.active > .menu-link:not(.menu-toggle) {
  background: linear-gradient(270deg, #fe6822 0%, #ff9a5c 100%);
}
.bg-menu-theme.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle {
  background: linear-gradient(270deg, #fe6822 0%, #ff9a5c 100%);
}
.bg-menu-theme.menu-horizontal .menu-sub > .menu-item.active > .menu-link:not(.menu-toggle), .bg-menu-theme.menu-horizontal .menu-sub > .menu-item.active > .menu-link:not(.menu-toggle)::before {
  background: #ffe4d3;
  color: #fe6822 !important;
}

/* Duration picker (reusable dropdown-based duration selector) */
.duration-picker .duration-picker-menu {
  max-height: 320px;
  overflow-y: auto;
}
.duration-picker .duration-picker-menu::-webkit-scrollbar {
  width: 6px;
}
.duration-picker .duration-picker-menu::-webkit-scrollbar-thumb {
  background-color: #e0e0e0;
  border-radius: 3px;
}
.duration-picker .dropdown-header {
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #8a93a6;
  padding: 0.5rem 1rem 0.25rem;
}
.duration-picker .dropdown-item {
  cursor: pointer;
}
.duration-picker .dropdown-item.active,
.duration-picker .dropdown-item:active {
  background-color: #fe6822;
  color: #fff;
}
.duration-picker .dropdown-item.active .duration-check {
  color: #fff;
}
.duration-picker [data-duration-toggle] {
  cursor: pointer;
}
.duration-picker [data-duration-toggle].is-invalid {
  border-color: #ff3e1d;
}

/* Login page illustrations — vendor art is purple by default; hue-rotate
   shifts it to the brand orange without needing new image assets. */
.authentication-image-object-left,
.authentication-image-object-right {
  filter: hue-rotate(120deg);
}