/**
 * IWB HiveKey WP SSO - Login Page Styles
 * Critical native-form hiding is inlined in the document head by PHP.
 */

#hivekey-sso-wrap[hidden],
#hivekey-retry[hidden],
#hivekey-qr-link[hidden] {
    display: none !important;
}

#hivekey-sso-wrap {
    text-align: center;
    margin-bottom: 20px;
    padding: 20px 12px;
    background: #f0f0f1;
    border-radius: 4px;
}

#hivekey-sso-wrap h2 {
    margin-top: 0;
    font-size: 1.2em;
}

#hivekey-qr {
    display: block;
    box-sizing: content-box;
    width: 220px;
    max-width: calc(100% - 32px);
    margin: 16px auto;
    padding: 16px;
    background: #fff;
    line-height: 0;
}

#hivekey-qr-link {
    display: block;
    width: fit-content;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 4px;
}

#hivekey-qr-link:focus-visible {
    outline: 3px solid #2271b1;
    outline-offset: 3px;
}

#hivekey-qr:empty {
    display: none;
}

#hivekey-qr canvas,
#hivekey-qr img,
#hivekey-qr svg {
    max-width: 100%;
    height: auto;
}

#hivekey-status,
#hivekey-countdown {
    font-size: 0.9em;
    line-height: 1.5;
    color: #50575e;
}

#hivekey-countdown {
    margin-top: 8px;
}

.hivekey-sso-error #hivekey-status {
    color: #8a2424;
}

#hivekey-retry {
    margin-top: 12px;
}

#hivekey-classic-toggle {
    margin-top: 15px;
    font-size: 0.9em;
}

#hivekey-classic-toggle a {
    text-decoration: underline;
    color: #2271b1;
}

#hivekey-classic-toggle a:hover {
    color: #135e96;
}