/* Byggsikt front, 2026-11-08: on the login and account pages the login button has no purpose, so the lead CTA takes its slot. */
html body:has(.auth-form) .site-header[data-bs-mobile-account-header] .header-action > .header-konto,
html body:has(.auth-form) .site-header[data-bs-mobile-account-header] .header-action > [data-bs-notification-badge] { display: none !important; }
html body:has(.auth-form) .site-header[data-bs-mobile-account-header] .header-action { grid-template-columns: auto !important; justify-content: end !important; width: auto !important; min-width: 0 !important; }
html body:has(.auth-form) .site-header[data-bs-mobile-account-header] .header-action > .header-cta { grid-area: 1 / 1 !important; grid-column: 1 !important; }

/* The login page keeps the dark-hero palette (body.image-hero-page) under a light header, so the directional flair painted
   cream on cream and the hover was invisible. Navy fill, cream text, as on every other light header. */
body.image-hero-page .site-header:not(.is-scrolled) .header-cta .cta-directional__flair::before { background-color: #173452; }
body.image-hero-page .site-header:not(.is-scrolled) .header-cta.is-directional-hover,
body.image-hero-page .site-header:not(.is-scrolled) .header-cta.is-directional-hover .cta-directional__label { color: #fff8ea; }