/* ================= DARK MODE ================= */
body.dark {
    background: #1e1e1e; /* page nzima background */
}

body.dark .title-container {
    background: #1e1e1e;
    border: 1px solid #2b2b3c;
}

body.dark .title-heading h1 {
    color: #e4e6eb;
}

body.dark .title-breadcrumb {
    color: #b0b3c5;
}

body.dark .title-breadcrumb a {
    color: #4dd0e1;
}

body.dark .title-breadcrumb a:hover {
    opacity: 0.85;
}

body.dark .title-breadcrumb span {
    color: #e4e6eb;
}

body.dark .breadcrumb-separator {
    color: #4dd0e1;
}

/* -------- DARK MODE MOBILE -------- */
@media (max-width: 768px) {
    body.dark .title-heading h1 {
        font-size: 20px;
    }
}

/* ================= FOOTER DARK MODE ================= */
body.dark .site-footer {
    background-color: #1e1e1e;
    color: #b0b3c5;
}

body.dark .site-footer a {
    color: #b0b3c5;
}

body.dark .site-footer a:hover {
    color: #e4e6eb;
}

/* ================= FOUND / EMPTY STATE ================= */
body.dark .found-card {
    background: #1e1e1e;
    border: 1px solid #2b2b3c;
}

body.dark .found-title {
    color: #4dd0e1;
}

/* ================= BUTTONS ================= */
body.dark .found-btn {
    background: #009688;
    color: #ffffff;
}

body.dark .found-btn:hover {
    background: #009688;
    color: #ffffff;
}

/* ===== DARK MODE: .container-custom ===== */
body.dark .container-custom {
    background: #1e1e1e;
    box-shadow: 0 6px 25px rgba(0, 0, 0, 0.5); 
    color: #e4e6eb;
}