/* sticky actions */

.admin-interface.sticky-actions #changelist .actions {
    display: flex;
    align-items: center;
    width: auto;
    background: var(--body-bg);
    border-top: none;
    border-bottom: 1px solid #EEEEEE;
    padding: 10px;
    line-height: 1.5rem;
    color: var(--body-quiet-color);
    position: sticky;
    top: 0;
    z-index: 1;
    margin-bottom: -1px;
}

/* sticky pagination */

.admin-interface.sticky-pagination.change-list #content-main {
    padding-bottom: 4.375rem;
}

.admin-interface.sticky-pagination.change-list #changelist .changelist-footer {
    width: 100%;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 40;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: var(--body-bg);
    border-radius: 0;
    border-top: 1px solid #EEEEEE !important;
    border-bottom: none;
    margin: 0;
}

.admin-interface.sticky-pagination.change-list.popup #changelist .changelist-footer {
    padding-left: 20px;
    padding-right: 20px;
}

@media (min-width:768px) {
    .admin-interface.sticky-pagination.change-list:not(.popup) #changelist .changelist-footer {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (min-width:1024px) {
    .admin-interface.sticky-pagination.change-list:not(.popup) #changelist .changelist-footer {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media (min-width:1280px) {
    .admin-interface.sticky-pagination.change-list:not(.popup) #main.shifted > #nav-sidebar + .content #changelist .changelist-footer {
        width: calc(100% - 360px);
    }
}

/* sticky submit */

@media (min-width:768px) {
    .admin-interface.sticky-submit.change-form #content-main {
        padding-bottom: 4.375rem;
    }

    .admin-interface.sticky-submit.change-form .submit-row:last-of-type {
        width: 100%;
        position: fixed;
        bottom: 0;
        right: 0;
        z-index: 40;
        box-sizing: border-box;
        padding-left: 15px;
        padding-right: 15px;
        white-space: nowrap;
        text-overflow: ellipsis;
        border-radius: 0;
        border-top: 1px solid #EEEEEE;
        border-bottom: none !important;
        margin: 0;
    }

    .admin-interface.sticky-submit.change-form.popup .submit-row:last-of-type {
        padding-left: 20px;
        padding-right: 20px;
    }

    .admin-interface.sticky-submit.change-form:not(.popup) .submit-row:last-of-type {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (min-width:1024px) {
    .admin-interface.sticky-submit.change-form:not(.popup) .submit-row:last-of-type {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media (min-width:1280px) {
    .admin-interface.sticky-submit.change-form:not(.popup) #main.shifted > #nav-sidebar + .content .submit-row:last-of-type {
        width: calc(100% - 359px);
    }
}

/* sidebar submit */

@media (min-width: 768px) {
    .admin-interface.sidebar-submit.change-form:not(.popup) #content-main {
        display: flex;
        align-items: flex-start;
        gap: 24px;
    }

    .admin-interface.sidebar-submit.change-form:not(.popup) #content-main > form {
        flex: 1;
        min-width: 0;
    }

    /* fallback: if JS hasn't moved object-tools yet, reset its float */
    .admin-interface.sidebar-submit.change-form:not(.popup) #content-main > .object-tools {
        float: none;
        margin-top: 0;
    }

    /* suppress sticky-submit bottom bar when sidebar-submit is also active */
    .admin-interface.sidebar-submit.sticky-submit.change-form .submit-row {
        position: static !important;
        width: 100% !important;
        bottom: auto !important;
        padding: 0 !important;
    }

    /* Sidebar: flex column of cards */
    .admin-interface.sidebar-submit.change-form:not(.popup) #submit-sidebar {
        width: 240px;
        flex-shrink: 0;
        margin-left: auto;
        display: flex;
        flex-direction: column;
    }

    /* Sticky only when sticky-submit is also enabled */
    .admin-interface.sidebar-submit.sticky-submit.change-form:not(.popup) #submit-sidebar {
        position: sticky;
        top: 16px;
    }

    /* Each card */
    .admin-interface.sidebar-submit.change-form:not(.popup) .submit-card {
        background: var(--darkened-bg);
        border: none;
        border-radius: var(--admin-interface-module-border-radius);
        overflow: hidden;
    }

    /* Card header */
    .admin-interface.sidebar-submit.change-form:not(.popup) .submit-card-header {
        padding: 12px 16px;
        border-bottom: 1px solid var(--border-color);
    }

    .admin-interface.sidebar-submit.change-form:not(.popup) .submit-card-title {
        margin: 0;
        font-size: 0.8125rem;
        font-weight: 600;
        color: var(--body-loud-color);
        text-transform: none;
        letter-spacing: normal;
    }

    /* Tools section: border separator */
    .admin-interface.sidebar-submit.change-form:not(.popup) .submit-tools-section {
        border-top: 1px solid var(--hairline-color);
    }

    /* Card body */
    .admin-interface.sidebar-submit.change-form:not(.popup) .submit-card-body {
        padding: 16px;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    /* All submit inputs in sidebar */
    .admin-interface.sidebar-submit.change-form:not(.popup) #submit-sidebar input[type="submit"] {
        width: 100%;
        margin: 0;
        float: none;
        display: block;
        box-sizing: border-box;
        border-radius: 8px !important;
        padding: 7px 12px;
        cursor: pointer;
        font-size: 0.8125rem;
        line-height: 1.5;
        text-align: center;
    }

    /* Secondary save buttons: outlined */
    .admin-interface.sidebar-submit.change-form:not(.popup) #submit-sidebar input[type="submit"]:not(.default) {
        background-color: var(--body-bg) !important;
        color: var(--body-fg) !important;
        border: 1px solid var(--border-color) !important;
    }
    .admin-interface.sidebar-submit.change-form:not(.popup) #submit-sidebar input[type="submit"]:not(.default):hover {
        background-color: var(--darkened-bg) !important;
    }

    /* Delete link: light red destructive style */
    .admin-interface.sidebar-submit.change-form:not(.popup) #submit-sidebar p.deletelink-box {
        margin: 0;
        padding: 0;
    }

    .admin-interface.sidebar-submit.change-form:not(.popup) #submit-sidebar p.deletelink-box a,
    .admin-interface.sidebar-submit.change-form:not(.popup) #submit-sidebar a.deletelink {
        display: inline !important;
        float: none !important;
        background: none !important;
        background-image: none !important;
        color: var(--admin-interface-generic-link-color) !important;
        border: none !important;
        border-radius: 0 !important;
        text-indent: 0 !important;
        text-align: left;
        padding: 4px 0 !important;
        margin: 0 !important;
        font-size: 0.8125rem;
        line-height: 1.5;
    }
    .admin-interface.sidebar-submit.change-form:not(.popup) #submit-sidebar p.deletelink-box a:hover,
    .admin-interface.sidebar-submit.change-form:not(.popup) #submit-sidebar a.deletelink:hover {
        color: var(--delete-button-bg, #ba2121) !important;
        background: none !important;
    }

    /* Object-tools in Tools card */
    .admin-interface.sidebar-submit.change-form:not(.popup) #submit-sidebar .object-tools {
        margin: 0;
        padding: 0;
        float: none;
        display: flex;
        flex-direction: column;
        justify-content: initial;
        align-items: stretch;
        gap: 8px;
        border: none;
    }

    .admin-interface.sidebar-submit.change-form:not(.popup) #submit-sidebar .object-tools li {
        margin: 0;
        list-style: none;
    }

    .admin-interface.sidebar-submit.change-form:not(.popup) #submit-sidebar .object-tools a,
    .admin-interface.sidebar-submit.change-form:not(.popup) #submit-sidebar .object-tools a:link,
    .admin-interface.sidebar-submit.change-form:not(.popup) #submit-sidebar .object-tools a:visited {
        display: block !important;
        float: none !important;
        width: 100%;
        box-sizing: border-box;
        text-align: center;
        padding: 7px 12px !important;
        font-size: 0.8125rem;
        font-weight: 400;
        text-transform: none;
        letter-spacing: normal;
        border-radius: 8px;
        background-color: var(--body-bg) !important;
        color: var(--body-fg) !important;
        border: 1px solid var(--border-color) !important;
        line-height: 1.5;
    }

    .admin-interface.sidebar-submit.change-form:not(.popup) #submit-sidebar .object-tools a:hover,
    .admin-interface.sidebar-submit.change-form:not(.popup) #submit-sidebar .object-tools a:focus {
        background-color: var(--border-color);
        color: var(--link-hover-color);
    }
}