/**
 * Custom App Theme - Primary Color: #8F1E5C
 * RGB: 143, 30, 92
 */

:root, [data-bs-theme="light"], html {
    --bs-primary: #8F1E5C;
    --bs-primary-rgb: 143, 30, 92;
    --bs-primary-text-emphasis: #5a0e36;
    --bs-primary-bg-subtle: #fbf0f6;
    --bs-primary-border-subtle: #ebc0d7;
    --bs-link-color: #8F1E5C;
    --bs-link-color-rgb: 143, 30, 92;
    --bs-link-hover-color: #731448;
    --bs-link-hover-color-rgb: 115, 20, 72;
}

/* Primary Typography & Links */
.text-primary {
    color: #8F1E5C !important;
}

a.text-primary:hover, a.text-primary:focus {
    color: #731448 !important;
}

a {
    color: #8F1E5C;
}

a:hover {
    color: #731448;
}

/* Backgrounds & Borders */
.bg-primary {
    background-color: #8F1E5C !important;
}

.border-primary {
    border-color: #8F1E5C !important;
}

/* Buttons */
.btn-primary {
    color: #fff !important;
    background-color: #8F1E5C !important;
    border-color: #8F1E5C !important;
    box-shadow: 0 0.125rem 0.25rem 0 rgba(143, 30, 92, 0.4) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.show,
.show > .btn-primary.dropdown-toggle {
    color: #fff !important;
    background-color: #79174d !important;
    border-color: #79174d !important;
    box-shadow: 0 0.25rem 0.5rem 0 rgba(143, 30, 92, 0.45) !important;
}

.btn-outline-primary {
    color: #8F1E5C !important;
    border-color: #8F1E5C !important;
    background-color: transparent !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active,
.show > .btn-outline-primary.dropdown-toggle {
    color: #fff !important;
    background-color: #8F1E5C !important;
    border-color: #8F1E5C !important;
    box-shadow: 0 0.125rem 0.25rem 0 rgba(143, 30, 92, 0.4) !important;
}

.btn-label-primary {
    color: #8F1E5C !important;
    border-color: transparent !important;
    background-color: rgba(143, 30, 92, 0.12) !important;
}

.btn-label-primary:hover,
.btn-label-primary:focus,
.btn-label-primary:active {
    color: #fff !important;
    background-color: #8F1E5C !important;
    border-color: #8F1E5C !important;
}

/* Badges */
.bg-label-primary {
    background-color: rgba(143, 30, 92, 0.12) !important;
    color: #8F1E5C !important;
}

.badge.bg-primary {
    background-color: #8F1E5C !important;
    color: #fff !important;
}

/* Sidebar Menu */
.bg-menu-theme .menu-inner > .menu-item.active > .menu-link:not(.menu-toggle) {
    background: linear-gradient(72.47deg, #8F1E5C 22.16%, rgba(143, 30, 92, 0.7) 76.47%) !important;
    box-shadow: 0px 2px 6px 0px rgba(143, 30, 92, 0.48) !important;
    color: #fff !important;
}

.bg-menu-theme .menu-inner > .menu-item.active:before {
    background: #8F1E5C !important;
}

.bg-menu-theme .menu-sub > .menu-item.active > .menu-link:before {
    background-color: #8F1E5C !important;
}

.bg-menu-theme .menu-item.open:not(.active) > .menu-link,
.bg-menu-theme .menu-sub > .menu-item.active > .menu-link {
    color: #8F1E5C !important;
}

.bg-menu-theme .menu-link:hover,
.bg-menu-theme .menu-link:focus {
    color: #8F1E5C !important;
}

/* Form Elements & Inputs Focus */
.form-control:focus,
.form-select:focus {
    border-color: #8F1E5C !important;
    box-shadow: 0 0.125rem 0.25rem rgba(143, 30, 92, 0.25) !important;
}

.input-group:focus-within .form-control,
.input-group:focus-within .input-group-text {
    border-color: #8F1E5C !important;
}

.form-check-input:checked,
.form-check-input[type=checkbox]:indeterminate {
    background-color: #8F1E5C !important;
    border-color: #8F1E5C !important;
    box-shadow: 0 2px 4px 0 rgba(143, 30, 92, 0.4) !important;
}

.form-check-input:focus {
    border-color: #8F1E5C !important;
    box-shadow: 0 0 0.25rem 0.05rem rgba(143, 30, 92, 0.25) !important;
}

.switch-primary .switch-input:checked ~ .switch-toggle-slider {
    background-color: #8F1E5C !important;
    border-color: #8F1E5C !important;
}

/* Navigation, Tabs & Pills */
.nav-pills .nav-link.active,
.nav-pills .nav-link.active:hover,
.nav-pills .nav-link.active:focus {
    background-color: #8F1E5C !important;
    color: #fff !important;
    box-shadow: 0 2px 4px 0 rgba(143, 30, 92, 0.4) !important;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #8F1E5C !important;
    border-bottom-color: #8F1E5C !important;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    color: #8F1E5C !important;
}

/* Pagination */
.pagination .page-item.active .page-link,
.pagination .page-item.active .page-link:hover,
.pagination .page-item.active .page-link:focus {
    background-color: #8F1E5C !important;
    border-color: #8F1E5C !important;
    color: #fff !important;
    box-shadow: 0 0.125rem 0.25rem rgba(143, 30, 92, 0.4) !important;
}

.page-link:hover,
.page-link:focus {
    color: #8F1E5C !important;
}

/* Progress Bars & Spinners */
.progress-bar {
    background-color: #8F1E5C !important;
}

.spinner-border.text-primary,
.spinner-grow.text-primary {
    color: #8F1E5C !important;
}

/* Select2 Customization */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #8F1E5C !important;
    color: #fff !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--open .select2-selection--single {
    border-color: #8F1E5C !important;
}

/* Breadcrumbs */
.breadcrumb-item a:hover {
    color: #8F1E5C !important;
}

/* SweetAlert2 */
.swal2-confirm.btn-primary,
.swal2-styled.swal2-confirm {
    background-color: #8F1E5C !important;
    border-color: #8F1E5C !important;
    box-shadow: 0 0.125rem 0.25rem 0 rgba(143, 30, 92, 0.4) !important;
}