/* kontakt-spam.css
   Lastes etter front-upgrade.css. Tar seg av de to nye tingene i
   kontaktskjemaet: spamfellen og Turnstile-boksen.

   Statusteksten står med vilje ikke her. front-upgrade.css har
   allerede .kontakt__status med is-ok og is-err, i riktige farger
   for både svart seksjon og paper. */


/* Spamfellen.
   display:none unngås med vilje: en del bots hopper over felter som
   er satt til none, og da fanger fella ingenting. Feltet flyttes
   ut av synsfeltet i stedet, og holdes utenfor tab og skjermlesere
   via tabindex og aria-hidden i markupen. */
.kontakt__honey {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}


/* Turnstile.
   Med data-appearance="interaction-only" står boksen tom mesteparten
   av tiden, og da skal den ikke legge igjen et hull i skjemaet.
   Derfor ingen fast høyde. Når Cloudflare faktisk viser widgeten,
   skyves knappen ned, og det er greit, det skjer sjelden. */
.kontakt__captcha:not(:empty) {
  margin-top: clamp(20px, 2.6vw, 30px);
}
.kontakt__captcha iframe {
  border: 1px solid rgba(20, 20, 15, 0.22);
}
.kontakt:not(.kontakt--paper) .kontakt__captcha iframe {
  border-color: rgba(255, 255, 255, 0.14);
}

/* Widgeten er 300px bred og sprenger kolonnen på små skjermer. */
@media (max-width: 400px) {
  .kontakt__captcha:not(:empty) {
    transform: scale(0.86);
    transform-origin: left top;
  }
}


/* Knappen mens det sendes. */
.kontakt__send:disabled {
  opacity: 0.45;
  cursor: default;
}