/* Flashgrub Pink Theme - Override AdminLTE primary to #d866e4 */
:root {
    --pink: #4c047d;
    --pink-light: rgba(76, 4, 125, 0.1);
    --pink-dark: #2e014d;
}

/* Button Outline Primary */
.btn-outline-primary {
    color: var(--pink) !important;
    border-color: var(--pink) !important;
    background-color: transparent !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active {
    color: #fff !important;
    background-color: var(--pink) !important;
    border-color: var(--pink) !important;
}

.btn-outline-primary:hover {
    background-color: var(--pink-dark) !important;
    border-color: var(--pink-dark) !important;
}

/* Navbar */
.navbar-primary {
    background-color: var(--pink) !important;
}

/* Brand text white */
.brand-link .brand-text {
    color: #fff !important;
}

/* Sidebar — dark skin background pink */
.sidebar-dark-primary,
.sidebar-dark-primary .brand-link {
    background-color: #4c047d !important;
}

.sidebar-dark-primary .user-panel,
.sidebar-dark-primary .info {
    color: #fff;
}

/* Inactive nav icons & text white */
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link {
    color: #fff !important;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link > i {
    color: #fff !important;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active {
    background-color: rgba(255, 255, 255, 0.15) !important;
    border-left: 3px solid #fff !important;
    color: #fff !important;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active > i {
    color: #fff !important;
}

.sidebar-dark-primary .nav-sidebar > .nav-item.menu-open > .nav-link,
.sidebar-dark-primary .nav-sidebar > .nav-item:hover > .nav-link {
    color: #fff !important;
}

/* Sub-menu items */
.sidebar-dark-primary .nav-sidebar .nav-item .nav-link p {
    color: #fff !important;
}

.sidebar-dark-primary .nav-sidebar .nav-treeview > .nav-item > .nav-link {
    color: #fff !important;
}

.sidebar-dark-primary .nav-sidebar .nav-header {
    color: rgba(255, 255, 255, 0.7);
}

/* Sidebar — light skin */
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
    background-color: var(--pink) !important;
    color: #fff !important;
}

.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link:hover,
.sidebar-light-primary .nav-sidebar > .nav-item.menu-open > .nav-link {
    color: var(--pink);
}

/* Cards */
.card-primary.card-outline {
    border-top-color: var(--pink) !important;
}

.card-primary:not(.card-outline) > .card-header {
    background-color: var(--pink) !important;
}

.card-primary:not(.card-outline) > .card-header a {
    color: #fff;
}

/* Text links */
a,
.btn-link,
a.text-primary,
.text-primary {
    color: var(--pink) !important;
}

a:hover,
.btn-link:hover {
    color: var(--pink-dark) !important;
}

/* Backgrounds */
.bg-primary {
    background-color: var(--pink) !important;
}

.border-primary {
    border-color: var(--pink) !important;
}

/* Badge */
.badge-primary {
    background-color: var(--pink) !important;
}

/* Callout */
.callout.callout-primary {
    border-left-color: var(--pink) !important;
}

/* Progress bar */
.progress-bar-primary {
    background-color: var(--pink) !important;
}

/* Pagination */
.page-item.active .page-link {
    background-color: var(--pink) !important;
    border-color: var(--pink) !important;
    color: #fff !important;
}

.page-item.active .page-link:hover {
    color: #fff !important;
}

/* Dropdown */
.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--pink) !important;
    color: #fff !important;
}

/* Nav tabs */
.nav-tabs .nav-link.active {
    color: var(--pink) !important;
    border-bottom-color: var(--pink) !important;
}

/* Custom control */
.custom-control-input:checked ~ .custom-control-label::before {
    border-color: var(--pink) !important;
    background-color: var(--pink) !important;
}

/* Select2 */
.select2-container--bootstrap4 .select2-results__option--highlighted,
.select2-container--bootstrap4
    .select2-results__option--highlighted.select2-results__option[aria-selected="true"] {
    background-color: var(--pink) !important;
}

/* Border info (used on cards) */
.border-info {
    border-color: var(--pink) !important;
}

/* Badge info */
.badge-info {
    background-color: var(--pink) !important;
}

/* Table */
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(76, 4, 125, 0.05);
}

/* Small boxes */
.small-box.bg-info {
    background: linear-gradient(
        135deg,
        var(--pink),
        var(--pink-dark)
    ) !important;
}

.small-box.bg-success {
    background: linear-gradient(135deg, #a855f7, var(--pink)) !important;
}

.small-box.bg-warning {
    background: linear-gradient(135deg, #f472b6, var(--pink)) !important;
}

.small-box.bg-warning .inner h3,
.small-box.bg-warning .inner p {
    color: #fff !important;
}

/* Modal header */
.modal-primary .modal-header {
    border-color: var(--pink);
}

/* Info box */
.info-box-icon.bg-primary {
    background-color: var(--pink) !important;
}

/* Direct chat */
.direct-chat-primary .right > .direct-chat-text {
    background: var(--pink) !important;
}

.direct-chat-primary .right > .direct-chat-text::after {
    border-left-color: var(--pink) !important;
}

/* Chart background fix */
.chartjs-render-monitor {
    transition: none;
}

/* DataTables action buttons — prevent pink override on green/red/blue buttons */
table.dataTable td .btn i,
table.dataTable td .btn {
    color: #fff !important;
}

table.dataTable td .btn-outline-warning i,
table.dataTable td .btn-outline-warning {
    color: #ffc107 !important;
}

table.dataTable td .btn-outline-info i,
table.dataTable td .btn-outline-info {
    color: #17a2b8 !important;
}