/* Redeem invitation page - visual cleanup */

/* Gjør raden med ekstern innlogging smalere og sentrert */
.row:has(#ContentContainer_MainContent_MainContent_ExternalLogin) {
  max-width: 600px;
  margin: 0 auto;
}

/* Skjul tom venstre kolonne */
.row:has(#ContentContainer_MainContent_MainContent_ExternalLogin) > .col-lg-6:first-child {
  display: none;
}

/* La login-kolonnen bruke full bredde */
.row:has(#ContentContainer_MainContent_MainContent_ExternalLogin) > .col-lg-6:last-child {
  width: 100%;
  max-width: 100%;
  flex: 0 0 100%;
}

/* Blå innløsningskode-boks: skjul lang kode visuelt */
.alert.alert-info:has(strong) {
  max-width: 600px;
  margin: 16px auto 20px auto;
  text-align: left;
  font-size: 0;
}

/* Vis ny tekst i blå boks */
.alert.alert-info:has(strong)::before {
  content: "Invitasjonskode innløst";
  font-size: 14px;
  font-weight: 600;
}

/* Login-seksjonen */
#ContentContainer_MainContent_MainContent_ExternalLogin {
  max-width: 600px;
  margin: 0 auto;
  text-align: left;
}

/* Endre overskriften visuelt */
#ContentContainer_MainContent_MainContent_RegisterExternalLabel .xrm-attribute-value {
  font-size: 0;
}

#ContentContainer_MainContent_MainContent_RegisterExternalLabel .xrm-attribute-value::before {
  content: "Fortsett til innlogging";
  font-size: 20px;
  font-weight: 600;
}

/* Legg inn hjelpetekst under overskriften */
#ContentContainer_MainContent_MainContent_AzureADRebrandDisclaimer::after {
  content: "Klikk Fortsett for å gå videre til innlogging.\A Velg «Forgot password?» for å opprette passord.";
  white-space: pre-line;
  display: block;
  margin: 10px 0 20px 0;
  line-height: 1.55;
  font-size: 16px;
  font-weight: 500;
  text-align: left;
  max-width: 600px;
}

/* Venstrejuster knappeområdet */
#ContentContainer_MainContent_MainContent_ExternalLoginButtons {
  text-align: left;
}

/* Endre knappeteksten visuelt fra Logg inn til Fortsett */
#ContentContainer_MainContent_MainContent_ExternalLoginButtons button[name="provider"] {
  font-size: 0;
}

#ContentContainer_MainContent_MainContent_ExternalLoginButtons button[name="provider"]::before {
  content: "Fortsett";
  font-size: 14px;
}