/**
 * Impersonation banner
 *
 * #header uses 1% padding, which inset the old inline bar. When the banner is
 * present, that padding moves onto .header-inner so the orange bar can be a
 * normal block at 100% of the header — the same width as the green header.
 */

#header:has(.impersonation-bar) {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

#header:has(.impersonation-bar) > .header-inner {
    padding: 1%;
}

.impersonation-bar {
    box-sizing: border-box;
    display: block;
    width: 100%;
    background-color: #ff9800;
    color: #fff;
    text-align: center;
    padding: 10px 16px;
}

.impersonation-bar__stop {
    color: #000;
    text-decoration: underline;
    font-weight: bold;
    margin-left: 10px;
}