/* Customer-specific white-label overrides.
   Keep normal customer branding changes in this file and prefer overriding variables first.

   Example:
   :root {
       --brand-primary: #0057b8;
       --brand-primary-dark: #003f88;
       --brand-primary-mid: #0b65c2;
       --brand-primary-gradient-start: #1f7ad6;
       --brand-primary-soft: #dbeafe;
       --brand-primary-rgb: 0, 87, 184;
       --brand-primary-dark-rgb: 0, 63, 136;
   }
*/

#main-header .main-menu .site-logo .logo {
    width: 104px;
    max-width: 104px;
    max-height: 38px;
}

#main-header .module-menu {
    align-items: center;
    align-self: stretch;
}

#main-header .module-menu .menu {
    height: 100%;
}

body.is-logged-out .bank-id-modal .header-login-container .bankid-login-action--other-device,
body.update-insurances-page .bank-id-modal .header-login-container .bankid-fetch-action--other-device {
    border-color: var(--brand-primary);
    background: #fff;
    color: var(--brand-primary);
    transition: box-shadow 180ms ease;
}

body.is-logged-out .bank-id-modal .header-login-container .button.button--hover.bankid-login-action--other-device:hover,
body.is-logged-out .bank-id-modal .header-login-container .button.button--hover.bankid-login-action--other-device:focus,
body.is-logged-out .bank-id-modal .header-login-container .button.button--hover.bankid-login-action--other-device:focus-visible,
body.is-logged-out .bank-id-modal .header-login-container .button.button--hover.bankid-login-action--other-device:active,
body.update-insurances-page .bank-id-modal .header-login-container .button.button--hover.bankid-fetch-action--other-device:hover,
body.update-insurances-page .bank-id-modal .header-login-container .button.button--hover.bankid-fetch-action--other-device:focus,
body.update-insurances-page .bank-id-modal .header-login-container .button.button--hover.bankid-fetch-action--other-device:focus-visible,
body.update-insurances-page .bank-id-modal .header-login-container .button.button--hover.bankid-fetch-action--other-device:active {
    border-color: var(--brand-primary);
    background: #fff;
    color: var(--brand-primary);
}

body.is-logged-out .bank-id-modal .header-login-container .button.button--hover.bankid-login-action--other-device:hover,
body.is-logged-out .bank-id-modal .header-login-container .button.button--hover.bankid-login-action--other-device:focus-visible,
body.update-insurances-page .bank-id-modal .header-login-container .button.button--hover.bankid-fetch-action--other-device:hover,
body.update-insurances-page .bank-id-modal .header-login-container .button.button--hover.bankid-fetch-action--other-device:focus-visible {
    box-shadow: 0 4px 12px rgba(var(--brand-primary-rgb), .18);
}

@media (min-width: 900px) {
    #main-header .module-menu {
        display: flex;
    }
}

@media (max-width: 640px) {
    #main-header .main-menu .site-logo .logo {
        width: 82px;
        max-width: 82px;
        max-height: 30px;
    }
}

@media (max-width: 360px) {
    #main-header .main-menu .site-logo .logo {
        width: 68px;
        max-width: 68px;
        max-height: 26px;
    }
}