/* Pokhara Tourism Admin – colorful sidebar theme (v2) */

/* ── Sidebar shell: solid teal background ── */
.fi-main-sidebar .fi-sidebar,
aside.fi-sidebar {
    background: #0f766e !important;
    background-color: #0f766e !important;
    border-inline-end: none !important;
    box-shadow: 4px 0 24px rgba(15, 118, 110, 0.3) !important;
    --tw-ring-shadow: 0 0 #0000 !important;
    --tw-ring-color: transparent !important;
}

.fi-main-sidebar .fi-sidebar-header,
aside.fi-sidebar .fi-sidebar-header {
    background: rgba(0, 0, 0, 0.22) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: none !important;
    --tw-ring-shadow: 0 0 #0000 !important;
    --tw-ring-color: rgba(255, 255, 255, 0.1) !important;
}

.fi-main-sidebar .fi-logo,
.fi-main-sidebar .fi-logo span,
aside.fi-sidebar .fi-logo,
aside.fi-sidebar .fi-logo span {
    color: #fff !important;
    font-weight: 700 !important;
}

.fi-main-sidebar .fi-sidebar-header .fi-icon-btn,
aside.fi-sidebar .fi-sidebar-header .fi-icon-btn {
    color: rgba(255, 255, 255, 0.85) !important;
}

.fi-main-sidebar .fi-sidebar-nav,
aside.fi-sidebar .fi-sidebar-nav {
    scrollbar-color: rgba(255, 255, 255, 0.35) transparent;
}

/* ── Group headers ── */
.fi-main-sidebar .fi-sidebar-group-label,
aside.fi-sidebar .fi-sidebar-group-label {
    color: #fde68a !important;
    font-weight: 700 !important;
    font-size: 0.68rem !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
}

.fi-main-sidebar .fi-sidebar-group-icon,
aside.fi-sidebar .fi-sidebar-group-icon {
    color: #fcd34d !important;
}

.fi-main-sidebar .fi-sidebar-group-collapse-button,
aside.fi-sidebar .fi-sidebar-group-collapse-button {
    color: rgba(255, 255, 255, 0.65) !important;
}

/* ── Nav item labels & icons (override Tailwind gray/primary utilities) ── */
.fi-main-sidebar .fi-sidebar-item-label,
aside.fi-sidebar .fi-sidebar-item-label {
    color: rgba(255, 255, 255, 0.93) !important;
    font-weight: 500 !important;
}

.fi-main-sidebar .fi-sidebar-item-icon,
aside.fi-sidebar .fi-sidebar-item-icon {
    color: rgba(255, 255, 255, 0.85) !important;
}

.fi-main-sidebar .fi-sidebar-item-button,
aside.fi-sidebar .fi-sidebar-item-button {
    border-radius: 0.75rem !important;
    transition: all 0.2s ease !important;
}

.fi-main-sidebar .fi-sidebar-item-button:hover,
aside.fi-sidebar .fi-sidebar-item-button:hover {
    background: rgba(255, 255, 255, 0.15) !important;
}

.fi-main-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-button,
aside.fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-button {
    background: rgba(251, 191, 36, 0.35) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2) !important;
    border-inline-start: 3px solid #fbbf24 !important;
}

.fi-main-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-label,
aside.fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-label {
    color: #fff !important;
    font-weight: 600 !important;
}

.fi-main-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-icon,
aside.fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-icon {
    color: #fef08a !important;
}

/* Grouped tree connectors (dots & lines) */
.fi-main-sidebar .fi-sidebar-item-grouped-border .bg-gray-300,
.fi-main-sidebar .fi-sidebar-item-grouped-border .bg-gray-400,
aside.fi-sidebar .fi-sidebar-item-grouped-border .bg-gray-300,
aside.fi-sidebar .fi-sidebar-item-grouped-border .bg-gray-400 {
    background-color: rgba(255, 255, 255, 0.4) !important;
}

.fi-main-sidebar .fi-sidebar-item-grouped-border .rounded-full,
aside.fi-sidebar .fi-sidebar-item-grouped-border .rounded-full {
    background-color: #fcd34d !important;
}

.fi-main-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-grouped-border .rounded-full,
aside.fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-grouped-border .rounded-full {
    background-color: #fbbf24 !important;
}

/* ── Per-route icon colors ── */
.fi-main-sidebar a[href$="/admin"] .fi-sidebar-item-icon,
aside.fi-sidebar a[href$="/admin"] .fi-sidebar-item-icon {
    color: #fef08a !important;
}

.fi-main-sidebar a[href*="/attractions"] .fi-sidebar-item-icon,
aside.fi-sidebar a[href*="/attractions"] .fi-sidebar-item-icon { color: #5eead4 !important; }

.fi-main-sidebar a[href*="/places"] .fi-sidebar-item-icon,
aside.fi-sidebar a[href*="/places"] .fi-sidebar-item-icon { color: #86efac !important; }

.fi-main-sidebar a[href*="/events"] .fi-sidebar-item-icon,
aside.fi-sidebar a[href*="/events"] .fi-sidebar-item-icon { color: #fdba74 !important; }

.fi-main-sidebar a[href*="/adventure-activities"] .fi-sidebar-item-icon,
aside.fi-sidebar a[href*="/adventure-activities"] .fi-sidebar-item-icon { color: #fca5a5 !important; }

.fi-main-sidebar a[href*="/trek-routes"] .fi-sidebar-item-icon,
aside.fi-sidebar a[href*="/trek-routes"] .fi-sidebar-item-icon { color: #93c5fd !important; }

.fi-main-sidebar a[href*="/culture-sections"] .fi-sidebar-item-icon,
aside.fi-sidebar a[href*="/culture-sections"] .fi-sidebar-item-icon { color: #c4b5fd !important; }

.fi-main-sidebar a[href*="/feedback"] .fi-sidebar-item-icon,
aside.fi-sidebar a[href*="/feedback"] .fi-sidebar-item-icon { color: #f9a8d4 !important; }

.fi-main-sidebar a[href*="/map-pois"] .fi-sidebar-item-icon,
aside.fi-sidebar a[href*="/map-pois"] .fi-sidebar-item-icon { color: #67e8f9 !important; }

.fi-main-sidebar a[href*="/emergency-contacts"] .fi-sidebar-item-icon,
aside.fi-sidebar a[href*="/emergency-contacts"] .fi-sidebar-item-icon { color: #fca5a5 !important; }

.fi-main-sidebar a[href*="/hospitals"] .fi-sidebar-item-icon,
aside.fi-sidebar a[href*="/hospitals"] .fi-sidebar-item-icon { color: #fda4af !important; }

/* ── Group accent strips ── */
.fi-main-sidebar .fi-sidebar-nav-groups > .fi-sidebar-group:nth-child(1),
aside.fi-sidebar .fi-sidebar-nav-groups > .fi-sidebar-group:nth-child(1) {
    border-inline-start: 3px solid #fbbf24;
    padding-inline-start: 0.5rem;
}

.fi-main-sidebar .fi-sidebar-nav-groups > .fi-sidebar-group:nth-child(2),
aside.fi-sidebar .fi-sidebar-nav-groups > .fi-sidebar-group:nth-child(2) {
    border-inline-start: 3px solid #2dd4bf;
    padding-inline-start: 0.5rem;
}

.fi-main-sidebar .fi-sidebar-nav-groups > .fi-sidebar-group:nth-child(3),
aside.fi-sidebar .fi-sidebar-nav-groups > .fi-sidebar-group:nth-child(3) {
    border-inline-start: 3px solid #c084fc;
    padding-inline-start: 0.5rem;
}

.fi-main-sidebar .fi-sidebar-nav-groups > .fi-sidebar-group:nth-child(4),
aside.fi-sidebar .fi-sidebar-nav-groups > .fi-sidebar-group:nth-child(4) {
    border-inline-start: 3px solid #f472b6;
    padding-inline-start: 0.5rem;
}

.fi-main-sidebar .fi-sidebar-nav-groups > .fi-sidebar-group:nth-child(5),
aside.fi-sidebar .fi-sidebar-nav-groups > .fi-sidebar-group:nth-child(5) {
    border-inline-start: 3px solid #38bdf8;
    padding-inline-start: 0.5rem;
}

/* ── Badges ── */
.fi-main-sidebar .fi-sidebar-item .fi-badge,
aside.fi-sidebar .fi-sidebar-item .fi-badge {
    background: linear-gradient(135deg, #fbbf24, #f97316) !important;
    color: #1e293b !important;
    font-weight: 700 !important;
}

/* ── Top bar & body ── */
.fi-topbar {
    background: #f0fdfa !important;
    border-bottom: 1px solid #99f6e4 !important;
}

.fi-body {
    background: #f8fafc !important;
}

/* ── Login page ── */
.fi-simple-layout {
    background: #0f766e !important;
}

.fi-simple-main {
    background: rgba(255, 255, 255, 0.97) !important;
    border-radius: 1rem !important;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25) !important;
}