/* Utility class overrides */
.text-primary {
  color: var(--bs-primary) !important;
}

.bg-primary {
  background-color: var(--bs-primary) !important;
}

.border-primary {
  border-color: var(--bs-primary) !important;
}

/* Buttons */
.btn-primary {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  color: white !important;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--bs-primary-hover) !important;
  border-color: var(--bs-primary-hover) !important;
  color: white !important;
}

.btn-primary:active {
  background-color: var(--bs-primary-active) !important;
  border-color: var(--bs-primary-active) !important;
}

.btn-magic-action {
  padding: 2px 6px !important;
  border: 1px solid #dae0e5 !important;
  border-radius: 3px !important;
  font-weight: 400;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  vertical-align: middle !important;
  line-height: 1.4 !important;
  min-width: 30px;
  min-height: 28px;
}

.btn-magic-action i {
  padding-right: 0 !important;
}

/* Nav links active and pills */
.nav-link.active,
.nav-pills .nav-link.active {
    /*color: white !important;*/
    /*background-color: var(--bs-primary) !important;*/
    /*border-color: var(--bs-primary) !important;*/
}

a.text-primary:hover,
a.text-primary:focus {
  color: var(--bs-primary-hover) !important;
}

/* Form check inputs */
.form-check-input:checked {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}

.form-check-input:checked:hover {
  background-color: var(--bs-primary-hover) !important;
  border-color: var(--bs-primary-hover) !important;
}

/* Optional: catch all primary utilities */
[class*="text-primary"] {
  color: var(--bs-primary) !important;
}

[class*="bg-primary"] {
  background-color: var(--bs-primary) !important;
}

[class*="border-primary"] {
  border-color: var(--bs-primary) !important;
}

/* Tabs active */
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  background-color: var(--bs-primary-light) !important;
}

.shade1 {
   color: var(--bs-primary-shade-1) !important;
}

.shade2 {
   color: var(--bs-primary-shade-2) !important;
}

.shade3 {
   color: var(--bs-primary-shade-3) !important;
}

.shade4 {
   color: var(--bs-primary-shade-4) !important;
}

.shade5 {
   color: var(--bs-primary-shade-5) !important;
}

.shade6 {
   color: var(--bs-primary-shade-6) !important;
}

.shade7 {
   color: var(--bs-primary-shade-7) !important;
}

.shade8 {
   color: var(--bs-primary-shade-8) !important;
}

.shade9 {
   color: var(--bs-primary-shade-9) !important;
}

.shade10 {
   color: var(--bs-primary-shade-10) !important;
}

.bgshade1 {
    background-color: var(--bs-primary-shade-1) !important;
}

.bgshade2 {
    background-color: var(--bs-primary-shade-2) !important;
}

.bgshade3 {
    background-color: var(--bs-primary-shade-3) !important;
}

.bgshade4 {
    background-color: var(--bs-primary-shade-4) !important;
}

.bgshade5 {
    background-color: var(--bs-primary-shade-5) !important;
}

.bgshade6 {
    background-color: var(--bs-primary-shade-6) !important;
}

.bgshade7 {
    background-color: var(--bs-primary-shade-7) !important;
}

.bgshade8 {
    background-color: var(--bs-primary-shade-8) !important;
}

.bgshade9 {
    background-color: var(--bs-primary-shade-9) !important;
}

.bgshade10 {
    background-color: var(--bs-primary-shade-10) !important;
}

.bgdark1 {
    background-color: var(--bs-primary-dark-1) !important;
}

.bgdark2 {
    background-color: var(--bs-primary-dark-2) !important;
}

.bgdark3 {
    background-color: var(--bs-primary-dark-3) !important;
}

.bgdark4 {
    background-color: var(--bs-primary-dark-4) !important;
}

.bgdark5 {
    background-color: var(--bs-primary-dark-5) !important;
}

.bgdark6 {
    background-color: var(--bs-primary-dark-6) !important;
}

.bgdark7 {
    background-color: var(--bs-primary-dark-7) !important;
}

.bgdark8 {
    background-color: var(--bs-primary-dark-8) !important;
}

.bgdark9 {
    background-color: var(--bs-primary-dark-9) !important;
}

.bgdark0 {
    background-color: var(--bs-primary-dark-10) !important;
}

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

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

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

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

.bg-shade-5 {
    background-color: var(--bs-primary-shade-6) !important;
}

.bg-dark-shade-1 {
    background-color: #B82600 !important;
}

.bg-dark-shade-2 {
    background-color: #991F00 !important;
}

.bg-dark-shade-3 {
    background-color: #7A1900 !important;
}

.bg-dark-shade-4 {
    background-color: #5C1200 !important;
}

.bg-dark-shade-5 {
    background-color: #5F2618 !important;
}

.header-credit-balance {
    min-height: 40px;
    padding: 0.55rem 0.85rem;
    border-radius: 0.475rem;
    white-space: nowrap;
}

.header-credit-balance__value {
    font-size: 1.15rem;
    font-weight: 500;
    color: var(--bs-gray-900);
    line-height: 1;
}

@media (max-width: 575.98px) {
    .header-credit-balance {
        padding: 0.55rem 0.7rem;
    }

    .header-credit-balance__value {
        font-size: 1rem;
    }
}

.secondary-nav-menu .menu-link {
    color: var(--bs-gray-600);
    background-color: transparent !important;
}

.secondary-nav-menu .menu-link .menu-title {
    color: inherit;
}

.secondary-nav-menu .menu-link:hover,
.secondary-nav-menu .menu-link.active {
    color: var(--bs-primary);
    background-color: transparent !important;
    box-shadow: none !important;
}

.secondary-nav-menu .menu-link:hover .menu-title,
.secondary-nav-menu .menu-link.active .menu-title {
    color: var(--bs-primary);
}

@media (min-width: 992px) {
    body.aside-secondary-enabled:not([data-kt-aside-minimize=on]) {
        --mx-primary-aside-width: 100px;
        --mx-secondary-aside-width: 216px;
        --mx-total-aside-width: calc(var(--mx-primary-aside-width) + var(--mx-secondary-aside-width));
    }

    body.aside-secondary-enabled:not([data-kt-aside-minimize=on]) .aside {
        width: var(--mx-total-aside-width) !important;
    }

    body.aside-secondary-enabled:not([data-kt-aside-minimize=on]) .aside .aside-secondary {
        width: var(--mx-secondary-aside-width);
        flex: 0 0 var(--mx-secondary-aside-width);
    }

    body.aside-secondary-enabled:not([data-kt-aside-minimize=on]) .aside .aside-secondary .aside-workspace {
        width: var(--mx-secondary-aside-width);
        max-width: var(--mx-secondary-aside-width);
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }

    body.aside-secondary-enabled.aside-fixed:not([data-kt-aside-minimize=on]) .wrapper {
        padding-left: var(--mx-total-aside-width) !important;
    }

    body.aside-fixed.aside-secondary-enabled:not([data-kt-aside-minimize=on])[data-kt-sticky-header=on] .header {
        left: var(--mx-total-aside-width) !important;
    }
}
