/* ── Pornalizer Admin — Custom CSS ───────────────────────────────────────────
   Dark-mode compatible (uses Jazzmin darkly theme).
   Do NOT hard-code light colors here — the darkly theme handles contrast.
─────────────────────────────────────────────────────────────────────────── */

/* ── List display tables: readable column values ─────────────────────────── */
#result_list td, #result_list th {
    font-size: 13px;
}

/* ── Jazzmin sidebar: ensure active item is clearly readable ─────────────── */
.nav-sidebar .nav-item > .nav-link.active {
    font-weight: 600;
}

/* ── Mobile: Django admin tables scroll horizontally ─────────────────────── */
@media (max-width: 767px) {
    .results {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    #result_list {
        min-width: 600px;
    }
    .aligned label {
        width: auto;
        display: block;
        padding: 0 0 4px 0;
        float: none;
    }
    .aligned .field-box, .aligned p {
        margin-left: 0;
    }
    .aligned input, .aligned select, .aligned textarea {
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box;
    }
    .submit-row {
        flex-wrap: wrap;
    }
    .submit-row input, .submit-row a.deletelink {
        margin-bottom: 6px;
    }
    .object-tools {
        float: none;
        margin: 0 0 10px 0;
    }
    .breadcrumbs {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .inline-related {
        overflow-x: auto;
    }
    .datetime .date, .datetime .time {
        width: 100%;
    }
}

@media (max-width: 575px) {
    .navbar-breadcrumb {
        display: none;
    }
    #changelist-filter {
        width: 100% !important;
        float: none !important;
    }
    #changelist {
        float: none !important;
        width: 100% !important;
    }
    .actions {
        flex-wrap: wrap;
    }
    .actions label {
        margin-bottom: 6px;
    }
}

@media (min-width: 576px) and (max-width: 991px) {
    #changelist-filter {
        width: 200px;
    }
}