/**
 * MitID button — the ALWAYS-ON "Rum til pårørende" header button (and any front-of-site MitID CTA).
 * Loaded SITE-WIDE (every page), because the button lives in the site header, not only the portal.
 * Brand-blue button + the official white MitID mark per MitID guidelines — never themed. No !important:
 * `.nbr-mitid-btn` is its own class, so nothing in the design/ACSS fights it.
 * (Canonical copy of these rules also lives in room.css for portal self-containment.)
 */
.nbr-mitid-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 10px;
	height: 52px; padding: 0 28px; border-radius: 8px; line-height: 1;
	font-weight: 500; font-size: 16px; text-decoration: none; cursor: pointer;
	border: 2px solid #0060e6; background: #0060e6; color: #fff;
	box-shadow: 0 2px 4px rgba(0, 96, 230, .2);
	transition: background .15s, border-color .15s, box-shadow .15s;
}
.nbr-mitid-btn, .nbr-mitid-btn:hover, .nbr-mitid-btn:focus { color: #fff; }
.nbr-mitid-btn:hover { background: #0052cc; border-color: #0052cc; box-shadow: 0 4px 8px rgba(0, 96, 230, .3); }
/* Modifiers deliberately drop the `btn--` substring so ACSS's [class*="btn--"] matcher can't hijack the
   brand-blue background (the SiteCta__action gotcha). */
.nbr-mitid-btn--compact, .nbr-mitid-compact { height: 44px; padding: 0 18px; font-size: 14px; }
.nbr-mitid-logo { height: 18px; width: auto; flex: 0 0 auto; display: block; fill: currentColor; }
.nbr-mitid-btn--compact .nbr-mitid-logo, .nbr-mitid-compact .nbr-mitid-logo { height: 15px; }
/* Header/migrated button: the WP HTML sanitiser strips inline <svg> from the built chrome, so the mark is
   rendered from an SVG FILE via CSS mask (survives sanitisation) tinted white by the button's text colour. */
.nbr-mitid-mark {
	display: inline-block; flex: 0 0 auto; width: 56px; height: 15px; background: currentColor;
	-webkit-mask: url(../icons/mitid-mark.svg) center / contain no-repeat;
	        mask: url(../icons/mitid-mark.svg) center / contain no-repeat;
}
.nbr-mitid-btn--compact .nbr-mitid-mark, .nbr-mitid-compact .nbr-mitid-mark { width: 50px; height: 13px; }
/* Header placement: sit LEFT of the header CTA in the header's flex row. */
.nbr-mitid-header { white-space: nowrap; }