/* ============================================================
   Simple Tickets — Custom Branding & Style Overrides
   Loaded AFTER Metronic bundles to override defaults
   ============================================================ */

/* ── Primary Color Override (#662D91 purple) ── */
:root,
[data-bs-theme="light"] {
    --bs-primary: #662D91;
    --bs-primary-rgb: 102, 45, 145;
    --bs-primary-active: #552478;
    --bs-primary-light: #f3ecf8;
    --bs-primary-clarity: rgba(102, 45, 145, 0.2);
    --bs-primary-inverse: #ffffff;
    --bs-link-color: #662D91;
    --bs-link-color-rgb: 102, 45, 145;
    --bs-link-hover-color: #552478;
    --bs-link-hover-color-rgb: 85, 36, 120;
}

[data-bs-theme="dark"] {
    --bs-primary: #9b59b6;
    --bs-primary-rgb: 155, 89, 182;
    --bs-primary-active: #8e44ad;
    --bs-primary-light: #2d1f3d;
    --bs-primary-clarity: rgba(155, 89, 182, 0.2);
    --bs-primary-inverse: #ffffff;
    --bs-link-color: #9b59b6;
    --bs-link-color-rgb: 155, 89, 182;
    --bs-link-hover-color: #8e44ad;
    --bs-link-hover-color-rgb: 142, 68, 173;
}

/* ── Button Primary Overrides ── */
.btn-primary {
    --bs-btn-bg: #662D91;
    --bs-btn-border-color: #662D91;
    --bs-btn-hover-bg: #552478;
    --bs-btn-hover-border-color: #552478;
    --bs-btn-active-bg: #441b60;
    --bs-btn-active-border-color: #441b60;
    --bs-btn-disabled-bg: #662D91;
    --bs-btn-disabled-border-color: #662D91;
}

.btn-light-primary {
    --bs-btn-color: #662D91;
    --bs-btn-bg: #f3ecf8;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #662D91;
    --bs-btn-hover-border-color: #662D91;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #552478;
    --bs-btn-active-border-color: #552478;
}

.btn-outline-primary {
    --bs-btn-color: #662D91;
    --bs-btn-border-color: #662D91;
    --bs-btn-hover-bg: #662D91;
    --bs-btn-hover-border-color: #662D91;
    --bs-btn-active-bg: #552478;
    --bs-btn-active-border-color: #552478;
}

/* ── Badge Primary ── */
.badge.badge-primary,
.badge.bg-primary {
    background-color: #662D91 !important;
}

.badge.badge-light-primary {
    color: #662D91 !important;
    background-color: #f3ecf8 !important;
}

/* ── Text Primary ── */
.text-primary {
    color: #662D91 !important;
}

.text-hover-primary:hover {
    color: #662D91 !important;
}

/* ── Background Primary ── */
.bg-primary {
    background-color: #662D91 !important;
}

.bg-light-primary {
    background-color: #f3ecf8 !important;
}

/* ── Aside/Sidebar Active State ── */
.aside .menu .menu-item .menu-link.active {
    background-color: #662D91;
}

/* ── Utility Classes ── */
.cursor-pointer {
    cursor: pointer;
}

/* ── BlockUI Spinner Centering ── */
.blockUI.blockMsg {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

/* ── Toastr z-index (above BlockUI) ── */
#toast-container {
    z-index: 10001 !important;
}

/* ── Install Wizard Step Progress Indicator ── */
.install-steps {
    display: flex;
    justify-content: space-between;
    padding: 0;
    margin: 0;
    list-style: none;
    counter-reset: step;
}

.install-steps li {
    flex: 1;
    text-align: center;
    position: relative;
    font-size: 0.75rem;
    color: var(--bs-gray-500);
}

.install-steps li::before {
    counter-increment: step;
    content: counter(step);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    margin: 0 auto 0.5rem;
    border-radius: 50%;
    background: var(--bs-gray-200);
    color: var(--bs-gray-500);
    font-weight: 600;
    position: relative;
    z-index: 1;
}

.install-steps li::after {
    content: '';
    position: absolute;
    top: 1rem;
    left: 50%;
    width: 100%;
    height: 2px;
    background: var(--bs-gray-200);
    z-index: 0;
}

.install-steps li:last-child::after {
    display: none;
}

.install-steps li.active::before {
    background: var(--bs-primary);
    color: #fff;
}

.install-steps li.active::after {
    background: var(--bs-primary);
}

.install-steps li.current::before {
    background: var(--bs-primary);
    color: #fff;
    box-shadow: 0 0 0 4px var(--bs-primary-clarity);
}

.install-steps li.active,
.install-steps li.current {
    color: var(--bs-primary);
    font-weight: 500;
}