/* ==========================================================
   Edutrip Brand Theme Override
   Colors extracted directly from Edutrip logo (lsh-r-01.jpg)
   Load AFTER Adminty's assets/css/theme/style.css
   ========================================================== */

:root {
    --edutrip-blue: #2987C5;    /* primary - sidebar, buttons, links */
    --edutrip-orange: #E97808;  /* accent - active states, highlights */
    --edutrip-green: #86A72D;   /* success states, positive badges */
    --edutrip-dark: #2E2C2A;    /* body text, wordmark color */
    --edutrip-white: #FFFFFF;
}

/* ---------- Logo text fallback (until real logo.png is dropped in assets/images) ---------- */
.edutrip-logo-text {
    font-weight: 700;
    font-size: 20px;
    color: var(--edutrip-blue);
    letter-spacing: 0.5px;
}

/* ---------- Sidebar ---------- */
.pcoded-navbar {
    background-color: var(--edutrip-blue) !important;
}

.pcoded-navbar .pcoded-item > li > a {
    color: rgba(255, 255, 255, 0.85) !important;
}

.pcoded-navbar .pcoded-item > li.active > a,
.pcoded-navbar .pcoded-item > li.pcoded-trigger > a {
    background-color: var(--edutrip-orange) !important;
    color: var(--edutrip-white) !important;
}

.pcoded-navbar .pcoded-item > li > a:hover {
    background-color: rgba(233, 120, 8, 0.25) !important;
    color: var(--edutrip-white) !important;
}

.pcoded-navigatio-lavel {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* ---------- Topbar ---------- */
.header-navbar {
    background-color: var(--edutrip-white) !important;
    border-bottom: 1px solid #eee;
}

/* ---------- Buttons / Links / Primary actions ---------- */
.btn-primary {
    background-color: var(--edutrip-blue) !important;
    border-color: var(--edutrip-blue) !important;
}

.btn-primary:hover {
    background-color: var(--edutrip-orange) !important;
    border-color: var(--edutrip-orange) !important;
}

a {
    color: var(--edutrip-blue);
}

a:hover {
    color: var(--edutrip-orange);
}

/* ---------- Status / Badges ---------- */
.badge-success,
.bg-success {
    background-color: var(--edutrip-green) !important;
}

.badge-warning,
.bg-warning {
    background-color: var(--edutrip-orange) !important;
}

/* ---------- Body text ---------- */
body {
    color: var(--edutrip-dark);
}

.pcoded-navbar {
    right: 0;
    left: auto;
}

.pcoded-content {
    margin-right: 250px;
    margin-left: 0;
}

.pcoded-mtext {
    margin-right: 10px;
    margin-left: 0;
    float: right;
}

.step {
    color: var(--bs-secondary);
}

    .step .step-badge {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 28px;
        height: 28px;
        border-radius: 50%;
        background-color: var(--bs-secondary);
        color: #fff;
        font-weight: 600;
        font-size: 0.85rem;
        flex-shrink: 0;
    }

    .step.active {
        color: var(--bs-primary);
    }

        .step.active .step-badge {
            background-color: var(--bs-primary);
        }

    .step.done {
        color: var(--bs-success);
    }

        .step.done .step-badge {
            background-color: var(--bs-success);
        }

            .step.done .step-badge::before {
                content: "\2713";
            }