/* stylelint-disable declaration-no-important, selector-class-pattern */

/* Workstation HTML includes a container and row class at the root.
We reset to keep a full width container at all resolutions. */
body {
    > .container,
    > .container > .row {
        margin: 0 !important;
        max-width: 100% !important;
        padding: 0 !important;
        width: 100% !important;
    }
}

body.spaLogin > .container > .row {
    display: block !important;
    height: 100%;
}

/* Workstation HTML includes an initial loading indicator.
make it centered. */
body > .container > .row > .main-content {
    height: 100%;
    > div:first-child {
        height: 100%;
        > .LoadingIndicator {
            position: inherit;
        }
    }
}

/* Corrections for messed up module styles. */
.ButtonsRow {
    width: auto;
}

/* Corrections for other modules */
.BlogPreviewItem-post-meta-category {
    color: var(--midnight-650);
}

.dropdown.show > .btn-primary.dropdown-toggle {
    background-color: var(--midnight-650) !important;
    border-color: var(--midnight-650) !important;
}

.btn {
    font-size: 1rem;

    &.btn-primary {
        background-color: var(--midnight-650);
        border-color: var(--midnight-650);
        color: var(--white);

        &:not(:disabled) {
            &:hover {
                background-color: var(--midnight-700);
                filter: none;
            }

            &:active {
                background-color: var(--midnight-750);
            }

            &:focus-visible {
                outline-color: var(--midnight-500);

                &:active {
                    outline-color: var(--midnight-600);
                }
            }
        }

        &:disabled {
            background-color: var(--gray-500);
            border-color: var(--gray-500);
            color: var(--gray-150);
        }
    }
}

/* Override smaller header sizes in suite */
h1 {
    font-size: 2.2857rem;
    line-height: 2.7142rem;
}
h2 {
    font-size: 1.7142rem;
    line-height: 2.2857rem;
}