/* =====================================================================
   Medlemskab: formularer, konto og tilmelding
   Bygget efter Figma ("Desktop Vers2"). Farver og skrifter arves fra
   Breakdance' globale indstillinger, så temaet kan ændres ét sted.
   ===================================================================== */

:root {
  --wk-bg: var(--bde-background-color, #f3ede4);
  --wk-surface: var(--background-2, #f9f6f1);
  --wk-white: var(--white, #ffffff);
  --wk-text: var(--bde-body-text-color, #232323);
  --wk-text-light: var(--text-light, #f8f4ee);
  --wk-accent: var(--accent, #be745c);
  --wk-button: var(--bde-brand-primary-color, #232323);
  --wk-button-hover: var(--button-hover, #be745c);
  --wk-line: rgba(35, 35, 35, 0.1);
  --wk-line-strong: rgba(35, 35, 35, 0.2);
  --wk-line-button: rgba(35, 35, 35, 0.3);
  --wk-placeholder: rgba(35, 35, 35, 0.3);
  --wk-error: #b42318;
  --wk-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  --wk-ease: 0.15s ease;
  --wk-icon-check-list: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' fill='none'%3E%3Cpath d='M18.7228 6.25406L8.22281 16.7541C8.13053 16.8462 8.00543 16.898 7.875 16.898C7.74457 16.898 7.61947 16.8462 7.52719 16.7541L2.93344 12.1603C2.8465 12.067 2.79917 11.9436 2.80142 11.8161C2.80367 11.6886 2.85532 11.5669 2.9455 11.4767C3.03568 11.3866 3.15733 11.3349 3.28484 11.3327C3.41235 11.3304 3.53576 11.3777 3.62906 11.4647L7.875 15.7098L18.0272 5.55844C18.1205 5.4715 18.2439 5.42417 18.3714 5.42642C18.4989 5.42867 18.6206 5.48032 18.7108 5.5705C18.8009 5.66068 18.8526 5.78233 18.8548 5.90984C18.8571 6.03735 18.8098 6.16076 18.7228 6.25406Z' fill='%23BE745C'/%3E%3C/svg%3E");
  --wk-icon-check-box: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='3.5' fill='%23232323' stroke='%23232323'/%3E%3Cpath d='M8.44036 11.4519L14.5316 5.36059C14.772 5.12023 15.0566 5.00005 15.3855 5.00005C15.7145 5.00005 15.9991 5.12023 16.2395 5.36059C16.4798 5.60095 16.6 5.88559 16.6 6.21451C16.6 6.54342 16.4798 6.82806 16.2395 7.06842L9.29428 14.0136C9.05392 14.254 8.76928 14.3741 8.44036 14.3741C8.11145 14.3741 7.82681 14.254 7.58645 14.0136L4.36054 10.7877C4.12018 10.5473 4 10.2627 4 9.93378C4 9.60487 4.12018 9.32023 4.36054 9.07987C4.6009 8.83951 4.88554 8.71933 5.21446 8.71933C5.54337 8.71933 5.82801 8.83951 6.06837 9.07987L8.44036 11.4519Z' fill='white'/%3E%3C/svg%3E");
  --wk-icon-eye-off: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14.001 14.0003' fill='none'%3E%3Cpath d='M0.186446 0.186391C0.434968 -0.0621305 0.838427 -0.0621305 1.08695 0.186391L13.8146 12.914C14.0629 13.1625 14.0629 13.5654 13.8146 13.8139C13.566 14.0624 13.1626 14.0624 12.914 13.8139L10.3816 11.2814C9.57341 11.6912 8.6969 11.9526 7.79318 12.0489C6.72682 12.1626 5.6483 12.0457 4.63116 11.7059C3.61405 11.366 2.68185 10.8113 1.89796 10.0795C1.11408 9.34766 0.496462 8.45578 0.0876335 7.46437C0.0847702 7.45742 0.0821702 7.45028 0.0795545 7.44324C-0.0265182 7.15748 -0.0265182 6.84278 0.0795545 6.55703L0.0876335 6.5359C0.601199 5.29051 1.44035 4.21261 2.50948 3.40931L0.186446 1.08627C-0.0618611 0.837792 -0.0618611 0.434873 0.186446 0.186391ZM3.41993 4.31976C2.46923 4.99159 1.72366 5.91921 1.27339 6.99951C1.61264 7.81389 2.12117 8.54699 2.76615 9.14916C3.41662 9.75644 4.19047 10.2164 5.03449 10.4984C5.87852 10.7804 6.77344 10.8779 7.65832 10.7836C8.26783 10.7186 8.86179 10.5614 9.42328 10.3231L8.29221 9.19204C7.89733 9.42476 7.44418 9.54968 6.97844 9.54565C6.31101 9.53985 5.67239 9.27186 5.20043 8.7999C4.72861 8.32799 4.46113 7.6898 4.45529 7.02251C4.45124 6.55661 4.57481 6.10248 4.80766 5.70749L3.41993 4.31976ZM6.11895 1.96192C7.73921 1.76884 9.37819 2.11124 10.7855 2.937C12.105 3.71122 13.1528 4.87062 13.7909 6.25562L13.9134 6.53528L13.9214 6.55641C14.0275 6.84216 14.0275 7.15686 13.9214 7.44262C13.9188 7.44967 13.9162 7.45679 13.9134 7.46375C13.6577 8.0835 13.3194 8.66609 12.9085 9.19577C12.693 9.47324 12.2936 9.52357 12.016 9.30825C11.7383 9.09281 11.6875 8.6929 11.9029 8.41521C12.2392 7.98184 12.516 7.50573 12.727 6.99951C12.2096 5.75718 11.3027 4.71645 10.1417 4.03512C8.97397 3.34992 7.61375 3.06576 6.26935 3.22598C5.92043 3.26745 5.6037 3.01807 5.56212 2.66914C5.52054 2.32016 5.76997 2.00351 6.11895 1.96192ZM5.77155 6.67138C5.74212 6.78134 5.72642 6.89553 5.72743 7.01132C5.73034 7.34494 5.86444 7.66406 6.10031 7.90001C6.33629 8.13599 6.65591 8.26999 6.98962 8.27289C7.10525 8.27388 7.21914 8.25814 7.32894 8.22877L5.77155 6.67138Z' fill='black'/%3E%3C/svg%3E");
  --wk-icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' fill='none'%3E%3Cpath d='M14.9018 10.9643L8.3393 17.5268C8.27833 17.5878 8.20594 17.6361 8.12628 17.6691C8.04661 17.7021 7.96123 17.7191 7.875 17.7191C7.78877 17.7191 7.70339 17.7021 7.62372 17.6691C7.54406 17.6361 7.47168 17.5878 7.4107 17.5268C7.34973 17.4658 7.30137 17.3934 7.26837 17.3138C7.23537 17.2341 7.21839 17.1487 7.21839 17.0625C7.21839 16.9763 7.23537 16.8909 7.26837 16.8112C7.30137 16.7316 7.34973 16.6592 7.4107 16.5982L13.5097 10.5L7.4107 4.4018C7.28756 4.27866 7.21839 4.11165 7.21839 3.9375C7.21839 3.76335 7.28756 3.59634 7.4107 3.4732C7.53384 3.35006 7.70086 3.28089 7.875 3.28089C8.04915 3.28089 8.21616 3.35006 8.3393 3.4732L14.9018 10.0357C14.9628 10.0967 15.0112 10.169 15.0442 10.2487C15.0773 10.3284 15.0943 10.4138 15.0943 10.5C15.0943 10.5862 15.0773 10.6716 15.0442 10.7513C15.0112 10.831 14.9628 10.9033 14.9018 10.9643Z' fill='black'/%3E%3C/svg%3E");
  --wk-icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.3075' height='6.7075' viewBox='0 0 11.3075 6.7075' fill='none'%3E%3Cpath d='M5.65375 6.7075L0 1.05375L1.05375 0L5.65375 4.6L10.2538 0L11.3075 1.05375L5.65375 6.7075Z' fill='%23232323'/%3E%3C/svg%3E");
  --wk-icon-logout: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' fill='none'%3E%3Cpath d='M9.84375 17.7188C9.84375 17.8928 9.77461 18.0597 9.65154 18.1828C9.52847 18.3059 9.36155 18.375 9.1875 18.375H3.9375C3.76345 18.375 3.59653 18.3059 3.47346 18.1828C3.35039 18.0597 3.28125 17.8928 3.28125 17.7188V3.28125C3.28125 3.1072 3.35039 2.94028 3.47346 2.81721C3.59653 2.69414 3.76345 2.625 3.9375 2.625H9.1875C9.36155 2.625 9.52847 2.69414 9.65154 2.81721C9.77461 2.94028 9.84375 3.1072 9.84375 3.28125C9.84375 3.4553 9.77461 3.62222 9.65154 3.74529C9.52847 3.86836 9.36155 3.9375 9.1875 3.9375H4.59375V17.0625H9.1875C9.36155 17.0625 9.52847 17.1316 9.65154 17.2547C9.77461 17.3778 9.84375 17.5447 9.84375 17.7188ZM18.8393 10.0357L15.558 6.75445C15.4349 6.63131 15.2679 6.56214 15.0938 6.56214C14.9196 6.56214 14.7526 6.63131 14.6295 6.75445C14.5063 6.87759 14.4371 7.0446 14.4371 7.21875C14.4371 7.3929 14.5063 7.55991 14.6295 7.68305L16.791 9.84375H9.1875C9.01345 9.84375 8.84653 9.91289 8.72346 10.036C8.60039 10.159 8.53125 10.326 8.53125 10.5C8.53125 10.674 8.60039 10.841 8.72346 10.964C8.84653 11.0871 9.01345 11.1562 9.1875 11.1562H16.791L14.6295 13.317C14.5063 13.4401 14.4371 13.6071 14.4371 13.7812C14.4371 13.9554 14.5063 14.1224 14.6295 14.2455C14.7526 14.3687 14.9196 14.4379 15.0938 14.4379C15.2679 14.4379 15.4349 14.3687 15.558 14.2455L18.8393 10.9643C18.9003 10.9033 18.9487 10.831 18.9817 10.7513C19.0148 10.6716 19.0318 10.5862 19.0318 10.5C19.0318 10.4138 19.0148 10.3284 18.9817 10.2487C18.9487 10.169 18.9003 10.0967 18.8393 10.0357Z' fill='black'/%3E%3C/svg%3E");
  --wk-icon-step-done: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Crect width='18' height='18' rx='9' fill='%23232323'/%3E%3Cpath d='M7.71836 12.5L4.5 9.17279L5.48948 8.14998L7.71836 10.4542L12.5105 5.5L13.5 6.52281L7.71836 12.5Z' fill='%23F8F4EE'/%3E%3C/svg%3E");
}

/* ---------- Base ---------- */
.wk-form,
.wk-checkout,
.wk-membership,
.wk-security,
.wk-notice {
  color: var(--wk-text);
  font-size: 15px;
  line-height: 1.5;
}

.wk-form *,
.wk-checkout *,
.wk-membership *,
.wk-security * {
  box-sizing: border-box;
}

.wk-form input,
.wk-form button,
.wk-form select,
.wk-form textarea,
.wk-checkout button {
  font-family: inherit;
}

/* Stand-alone forms (login, konto): fields stack with 10px between them. */
.wk-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}

/* Log ind, glemt adgangskode og "ikke aktivt" (samme opbygning som Figma "Login") */
.wk-form--auth {
  gap: 20px;
}

.wk-form__fields {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.wk-form__after {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.wk-form__links {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  font-size: 16px;
  line-height: 1.4;
  text-align: center;
}

.wk-form__links p {
  margin: 0;
}

.wk-form__text {
  margin: 0;
  font-size: 16px;
  line-height: 1.4;
  text-align: center;
}

.wk-link.wk-link--plain {
  text-decoration: none;
}

.wk-link.wk-link--plain:hover {
  text-decoration: underline;
}

/* Adgangskode med vis/skjul */
.wk-input-wrap {
  position: relative;
}

.wk-input-wrap .wk-input {
  padding-right: 44px;
}

.wk-input__toggle {
  position: absolute;
  top: 50%;
  right: 15px;
  width: 14px;
  height: 14px;
  margin: -7px 0 0;
  padding: 0;
  border: 0;
  background: var(--wk-text);
  opacity: 0.5;
  cursor: pointer;
  -webkit-mask: var(--wk-icon-eye-off) center / 14px 14px no-repeat;
  mask: var(--wk-icon-eye-off) center / 14px 14px no-repeat;
  transition: opacity var(--wk-ease);
}

.wk-input__toggle:hover,
.wk-input__toggle.is-visible {
  opacity: 1;
}

/* ---------- Typography helpers ---------- */
.wk-eyebrow {
  display: block;
  margin: 0;
  color: var(--wk-accent);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.wk-h2 {
  margin: 0;
  color: var(--wk-text);
  font-size: 50px;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: -0.03em;
}

.wk-intro {
  margin: 0;
  color: var(--wk-text);
  font-size: 16px;
  line-height: 1.4;
}

.wk-hint {
  margin: 0;
  font-size: 13px;
  line-height: 1.4;
  color: rgba(35, 35, 35, 0.6);
}

.wk-link {
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  color: var(--wk-text);
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
  transition: color var(--wk-ease);
}

.wk-link:hover {
  color: var(--wk-accent);
}

/* ---------- Fields ---------- */
.wk-field {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
  min-width: 0;
}

.wk-form__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.wk-label {
  display: flex;
  align-items: center;
  gap: 3px;
  margin: 0;
  color: var(--wk-text);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
}

.wk-label__req {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
}

.wk-input {
  display: block;
  width: 100%;
  height: 45px;
  margin: 0;
  padding: 0 14px;
  font-size: 15px;
  line-height: 1.3;
  color: var(--wk-text);
  background: var(--wk-white);
  border: 1px solid var(--wk-line-strong);
  border-radius: 6px;
  outline: none;
  box-shadow: none;
  transition: border-color var(--wk-ease), box-shadow var(--wk-ease);
  -webkit-appearance: none;
  appearance: none;
}

.wk-input::placeholder {
  color: var(--wk-placeholder);
  opacity: 1;
}

.wk-input:focus {
  border-color: var(--wk-text);
  box-shadow: 0 0 0 3px rgba(35, 35, 35, 0.06);
}

.wk-field.has-error .wk-input {
  border-color: var(--wk-error);
}

.wk-field__error {
  display: none;
  margin: 0;
  font-size: 13px;
  line-height: 1.4;
  color: var(--wk-error);
}

.wk-field__error.is-visible {
  display: block;
}

@media (max-width:767px) {
  .wk-input {
    font-size: 16px;
  }
}

/* ---------- Checkbox (20px, afrundet) ---------- */
.wk-check {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-size: 15px;
  line-height: 1.3;
  cursor: pointer;
}

.wk-check input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  opacity: 0;
  pointer-events: none;
}

.wk-check__box {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  background: var(--wk-white);
  border: 1px solid var(--wk-line-strong);
  border-radius: 4px;
  transition: border-color var(--wk-ease);
}

.wk-check:hover .wk-check__box {
  border-color: var(--wk-line-button);
}

.wk-check input:checked+.wk-check__box {
  border-color: transparent;
  background: var(--wk-icon-check-box) center / 20px 20px no-repeat;
}

.wk-check input:focus-visible+.wk-check__box {
  outline: 2px solid var(--wk-accent);
  outline-offset: 2px;
}

.wk-check__label {
  flex: 1 1 auto;
  min-width: 0;
}

/* ---------- Buttons ---------- */
.wk-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 60px;
  margin: 0;
  padding: 5px 35px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.6;
  white-space: nowrap;
  text-decoration: none;
  border-radius: 100px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: background-color var(--wk-ease), color var(--wk-ease), border-color var(--wk-ease), opacity var(--wk-ease);
}

.wk-btn--small {
  height: 40px;
  padding: 5px 20px;
  font-size: 15px;
}

.wk-btn--pay {
  height: 50px;
}

.wk-btn--block {
  display: flex;
  width: 100%;
}

.wk-btn--primary {
  background: var(--wk-button);
  border-color: var(--wk-button);
  color: var(--wk-text-light);
}

.wk-btn--primary:hover,
.wk-btn--primary:focus-visible {
  background: var(--wk-button-hover);
  border-color: var(--wk-button-hover);
  color: var(--wk-text-light);
}

.wk-btn--outline {
  background: transparent;
  border-color: var(--wk-line-button);
  color: var(--wk-text);
}

.wk-btn--outline:hover,
.wk-btn--outline:focus-visible {
  border-color: var(--wk-text);
  color: var(--wk-text);
}

.wk-btn[disabled],
.wk-btn.is-loading {
  opacity: 0.7;
  pointer-events: none;
}

.wk-btn__spinner {
  display: none;
  width: 18px;
  height: 18px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: wk-spin 0.7s linear infinite;
}

.wk-btn.is-loading .wk-btn__spinner {
  display: inline-block;
}

@keyframes wk-spin {
  to {
    transform: rotate(360deg);
  }
}

/* ---------- Messages ---------- */
.wk-form__message {
  display: none;
  margin: 0;
  padding: 12px 14px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
}

.wk-form__message.is-error {
  display: block;
  background: rgba(180, 35, 24, 0.08);
  color: var(--wk-error);
}

.wk-form__message.is-success {
  display: block;
  background: rgba(35, 35, 35, 0.06);
  color: var(--wk-text);
}

/* Sendt: felter og knap skjules, beskeden og linkene bliver stående */
.wk-form.is-done>*:not(.wk-form__message):not(.wk-form__footer):not(.wk-form__after),
.wk-form.is-done>.wk-form__after>*:not(.wk-form__message):not(.wk-form__links) {
  display: none;
}

.wk-notice {
  padding: 14px 16px;
  border-radius: 10px;
  background: var(--wk-surface);
  font-size: 14px;
}

.wk-notice--error {
  background: rgba(180, 35, 24, 0.08);
  color: var(--wk-error);
}

.wk-notice a {
  color: inherit;
}

.wk-form__row {
  display: flex;
  align-items: center;
  gap: 12px;
}

.wk-form__row--between {
  justify-content: space-between;
}

.wk-form__footer {
  margin: 6px 0 0;
  font-size: 14px;
  text-align: center;
}

/* ---------- Checklist (flueben i accentfarve) ---------- */
.wk-checklist {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
}

.wk-checklist--tight {
  gap: 7px;
}

.wk-checklist li {
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 0;
  font-size: 14px;
  line-height: 1.3;
}

.wk-checklist li::before {
  content: "";
  flex: 0 0 21px;
  width: 21px;
  height: 21px;
  background: var(--wk-icon-check-list) center / 21px 21px no-repeat;
}

/* ---------- Præferencer (Konto: afkrydsningsfelter, Tilmelding: kort) ---------- */
.wk-form--prefs,
.wk-form--account {
  gap: 20px;
}

.wk-form--prefs>.wk-btn,
.wk-form--account>.wk-btn {
  align-self: flex-start;
}

.wk-questions {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.wk-question {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}

.wk-question__head {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.wk-question__title {
  margin: 0;
  color: var(--wk-text);
  font-size: 21px;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: -0.03em;
}

.wk-options {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

.wk-form--account .wk-input {
  padding: 0 15px;
  font-size: 16px;
  line-height: 1.4;
  border-radius: 10px;
}

.wk-chips {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  width: 100%;
}

.wk-chip {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 20px;
  background: var(--wk-white);
  border-radius: 6px;
  box-shadow: var(--wk-shadow);
  cursor: pointer;
  transition: background-color var(--wk-ease), box-shadow var(--wk-ease);
}

.wk-chip:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.wk-chip input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  opacity: 0;
  pointer-events: none;
}

.wk-chip__box {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  background: var(--wk-white);
  border: 1px solid var(--wk-line-strong);
  border-radius: 4px;
}

.wk-chip__label {
  color: var(--wk-text);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  transition: color var(--wk-ease);
}

.wk-chip.is-checked {
  background: var(--wk-accent);
}

.wk-chip.is-checked .wk-chip__label {
  color: var(--wk-text-light);
}

.wk-chip.is-checked .wk-chip__box {
  border-color: transparent;
  background: var(--wk-icon-check-box) center / 20px 20px no-repeat;
}

.wk-chip input:focus-visible~.wk-chip__label {
  outline: 2px solid var(--wk-accent);
  outline-offset: 6px;
  border-radius: 2px;
}

/* ---------- Trin-navigation ---------- */
.wk-checkout {
  max-width: 1232px;
  margin: 0 auto;
}

.wk-steps {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  margin: 0 0 60px;
  padding: 0;
  list-style: none;
}

.wk-steps__item {
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 0;
  opacity: 0.5;
  transition: opacity var(--wk-ease);
}

.wk-steps__num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 100px;
  background: var(--wk-line-strong);
  color: var(--wk-text);
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
}

.wk-steps__label {
  color: var(--wk-text);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  white-space: nowrap;
}

.wk-steps__item.is-current,
.wk-steps__item.is-done {
  opacity: 1;
}

.wk-steps__item.is-current .wk-steps__num {
  background: var(--wk-text);
  color: var(--wk-text-light);
}

.wk-steps__item.is-done .wk-steps__num {
  background: var(--wk-icon-step-done) center / 18px 18px no-repeat;
  color: transparent;
}

/* ---------- Trin ---------- */
.wk-step {
  display: none;
}

.wk-step.is-active {
  display: block;
  animation: wk-fade 0.25s ease;
}

.wk-step--narrow.is-active {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 50px;
  width: 100%;
  max-width: 814px;
  margin: 0 auto;
}

@keyframes wk-fade {
  from {
    opacity: 0;
    transform: translateY(6px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.wk-step__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  width: 100%;
  text-align: center;
}

.wk-step__head--plans {
  max-width: 708px;
}

.wk-step__body {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 30px;
  width: 100%;
}

.wk-step__nav {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 5px;
}

/* Trin 1: ét spørgsmål ad gangen */
.wk-question-card {
  display: none;
}

.wk-question-card.is-active {
  animation: wk-fade 0.25s ease;
}

.wk-step__head.wk-question-card.is-active {
  display: flex;
}

.wk-chips.wk-question-card.is-active {
  display: grid;
}

.wk-progress {
  width: 100%;
  height: 6px;
  background: var(--wk-white);
  border-radius: 100px;
  overflow: hidden;
}

.wk-progress__bar {
  height: 100%;
  background: var(--wk-text);
  border-radius: 100px;
  transition: width 0.3s ease;
}

/* Trin 2: medlemskaber */
.wk-plans {
  display: flex;
  align-items: center;
  gap: 20px;
  width: 100%;
}

.wk-plan {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  min-width: 0;
  margin: 0;
  background: var(--wk-white);
  border: 1px solid var(--wk-line);
  border-radius: 10px;
  text-align: center;
}

.wk-plan__head {
  position: relative;
  padding: 25px 25px 20px;
  border-bottom: 1px solid var(--wk-line);
}

.wk-plan__title {
  margin: 0;
  color: var(--wk-text);
  font-size: 25px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.03em;
}

.wk-badge {
  position: absolute;
  top: -17px;
  right: 20px;
  padding: 8px 15px;
  background: var(--wk-accent);
  color: var(--wk-text-light);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  white-space: nowrap;
  border-radius: 100px;
}

.wk-plan__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  padding: 25px 25px 30px;
}

.wk-plan__pricing {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}

.wk-plan__price {
  display: flex;
  align-items: center;
  gap: 5px;
}

.wk-plan__amount {
  font-size: 50px;
  line-height: 1.3;
  letter-spacing: -0.03em;
}

.wk-plan__unit {
  font-size: 16px;
  line-height: 1.3;
  letter-spacing: -0.03em;
}

.wk-plan__billing {
  margin: 0;
  font-size: 16px;
  line-height: 1.3;
}

.wk-plan__cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}

.wk-plan__saving {
  margin: 0;
  font-size: 14px;
  line-height: normal;
}

.wk-plan__saving strong {
  font-weight: 700;
}

.wk-plan__features {
  padding: 25px;
  border-top: 1px solid var(--wk-line);
}

/* Medlemskaber på gæsteforsiden ([medlem_planer]) */
.wk-plans--landing {
  max-width: 814px;
  margin: 0 auto;
  color: var(--wk-text);
  font-size: 15px;
  line-height: 1.5;
}

.wk-plans--landing .wk-plan {
  background: var(--wk-surface);
}

/* Trin 3: betaling */
.wk-checkout__form {
  display: block;
}

.wk-checkout__cols {
  display: grid;
  grid-template-columns: minmax(0, 586px) minmax(0, 584px);
  justify-content: space-between;
  column-gap: 50px;
  align-items: start;
}

.wk-checkout__main {
  display: flex;
  flex-direction: column;
  gap: 40px;
  min-width: 0;
}

.wk-group {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.wk-group__intro {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.wk-group__title {
  margin: 0;
  color: var(--wk-text);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.wk-group__note {
  margin: 0;
  font-size: 12px;
  line-height: 1.6;
}

.wk-group__fields {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.wk-payment {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px;
  background: var(--wk-white);
  border-radius: 6px;
}

.wk-payment__express:empty {
  display: none;
}

.wk-payment__element {
  min-height: 60px;
}

.wk-checkout__actions {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 20px;
}

.wk-checkout__actions .wk-form__message:not(.is-error):not(.is-success),
.wk-checkout__actions .wk-field__error:not(.is-visible) {
  display: none;
}

.wk-checkout__note {
  margin: 0;
  font-size: 12px;
  line-height: 1.6;
  text-align: center;
}

/* Opsummering */
.wk-summary {
  position: sticky;
  top: calc(var(--wp-admin--admin-bar--height, 0px) + 40px);
  background: var(--wk-surface);
  border-radius: 10px;
  overflow: hidden;
}

.wk-summary__head {
  padding: 20px 25px;
  border-bottom: 1px solid var(--wk-line);
}

.wk-summary__title {
  margin: 0;
  color: var(--wk-text);
  font-size: 25px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.03em;
}

.wk-summary__body {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 25px;
}

.wk-summary__plan {
  display: flex;
  align-items: center;
  gap: 30px;
  padding: 10px;
  background: var(--wk-white);
  border-radius: 10px;
}

.wk-summary__info {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex: 1 1 0;
  gap: 10px;
  min-width: 0;
}

.wk-summary__thumb {
  display: block;
  flex: 0 0 58px;
  width: 58px;
  height: auto;
  align-self: stretch;
  object-fit: cover;
  border-radius: 3px;
}

.wk-summary__text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.wk-summary__name {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: -0.02em;
}

.wk-summary__desc {
  font-size: 12px;
  line-height: 1.3;
}

.wk-summary__price {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  white-space: nowrap;
}

.wk-summary__per-month {
  font-size: 16px;
  line-height: 1.3;
  letter-spacing: -0.03em;
}

.wk-summary__vat {
  font-size: 12px;
  line-height: 1.6;
  letter-spacing: 0.02em;
}

.wk-summary__totals {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.wk-summary__total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: -0.02em;
}

.wk-summary__renewal {
  margin: 0;
  font-size: 12px;
  line-height: 1.6;
}

.wk-summary__foot {
  padding: 20px 25px 25px;
  border-top: 1px solid var(--wk-line);
}

/* Afslutning */
.wk-done {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  max-width: 480px;
  margin: 40px auto;
  text-align: center;
}

.wk-done__spinner {
  width: 36px;
  height: 36px;
  margin: 0 0 10px;
  border: 3px solid rgba(35, 35, 35, 0.15);
  border-top-color: var(--wk-text);
  border-radius: 50%;
  animation: wk-spin 0.8s linear infinite;
}

/* ---------- Konto: medlemskab ---------- */
.wk-membership__body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 30px;
}

.wk-membership__rows {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin: 0;
  padding: 0;
}

.wk-membership__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 0;
}

.wk-membership__row dt {
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  opacity: 0.5;
}

.wk-membership__row dd {
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
  text-align: right;
}

.wk-membership__foot {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 20px 30px;
  border-top: 1px solid var(--wk-line);
}

.wk-textbtn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  font-size: 16px;
  line-height: 1.6;
  color: var(--wk-text);
  text-decoration: none;
  opacity: 0.7;
  cursor: pointer;
  transition: opacity var(--wk-ease);
}

.wk-textbtn:hover {
  opacity: 1;
  color: var(--wk-text);
}

.wk-textbtn .wk-btn__spinner {
  width: 14px;
  height: 14px;
}

/* ---------- Konto: login og sikkerhed ---------- */
.wk-security {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.wk-disclosure {
  margin: 0;
  border: 1px solid var(--wk-line);
  border-radius: 10px;
}

.wk-disclosure__summary,
.wk-logout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 15px 20px;
  color: var(--wk-text);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.02em;
  text-decoration: none;
  list-style: none;
  cursor: pointer;
}

.wk-disclosure__summary::-webkit-details-marker {
  display: none;
}

.wk-disclosure__icon,
.wk-logout__icon {
  flex: 0 0 21px;
  width: 21px;
  height: 21px;
  background: var(--wk-text);
  -webkit-mask: var(--wk-icon-chevron) center / 21px 21px no-repeat;
  mask: var(--wk-icon-chevron) center / 21px 21px no-repeat;
  transition: transform var(--wk-ease);
}

.wk-logout__icon {
  -webkit-mask-image: var(--wk-icon-logout);
  mask-image: var(--wk-icon-logout);
}

.wk-disclosure[open] .wk-disclosure__icon {
  transform: rotate(90deg);
}

.wk-disclosure__body {
  padding: 5px 20px 20px;
}

.wk-logout:hover {
  color: var(--wk-accent);
}

.wk-logout:hover .wk-logout__icon {
  background: var(--wk-accent);
}

/* "Vis introvideoerne igen" ([medlem_vis_introvideoer]): en række som "Log ud" */
.wk-intro-reset {
  margin-top: 10px;
}

.wk-intro-reset__btn {
  width: 100%;
  margin: 0;
  border: 0;
  background: none;
  font-family: inherit;
  text-align: left;
}

.wk-intro-reset__btn.is-loading {
  opacity: 0.7;
}

.wk-intro-reset__btn.is-loading .wk-btn__spinner {
  display: inline-block;
}

.wk-intro-reset.is-done .wk-intro-reset__btn {
  cursor: default;
  color: var(--wk-text);
  opacity: 0.7;
}


/* ---------- Indholdskort (medlemsforside) ---------- */
.jb-item__icon {
  display: inline-block;
  flex: 0 0 15px;
  width: 15px;
  height: 15px;
  background: currentColor;
  -webkit-mask: var(--wk-icon-card) center / 15px 15px no-repeat;
  mask: var(--wk-icon-card) center / 15px 15px no-repeat;
}

.jb-item__icon--opskrift {
  --wk-icon-card: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Frame' clip-path='url(%23clip0_0_87)'%3E%3Cg id='Vector'%3E%3Cpath d='M13.125 7.5C13.125 4.3934 10.6066 1.875 7.5 1.875C4.3934 1.875 1.875 4.3934 1.875 7.5C1.875 10.6066 4.3934 13.125 7.5 13.125C10.6066 13.125 13.125 10.6066 13.125 7.5ZM14.375 7.5C14.375 11.297 11.297 14.375 7.5 14.375C3.70304 14.375 0.625 11.297 0.625 7.5C0.625 3.70304 3.70304 0.625 7.5 0.625C11.297 0.625 14.375 3.70304 14.375 7.5Z' fill='black'/%3E%3Cpath d='M6.875 3.75C6.875 3.40482 7.15482 3.125 7.5 3.125C7.84518 3.125 8.125 3.40482 8.125 3.75V6.875H10C10.3452 6.875 10.625 7.15482 10.625 7.5C10.625 7.84518 10.3452 8.125 10 8.125H7.5C7.15482 8.125 6.875 7.84518 6.875 7.5V3.75Z' fill='black'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_0_87'%3E%3Crect width='15' height='15' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.jb-item__icon--madplan {
  --wk-icon-card: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Frame'%3E%3Cpath id='Vector (Stroke)' d='M4.375 3.75V1.25C4.375 0.904822 4.65482 0.625 5 0.625C5.34518 0.625 5.625 0.904822 5.625 1.25V3.75C5.625 4.09518 5.34518 4.375 5 4.375C4.65482 4.375 4.375 4.09518 4.375 3.75Z' fill='black'/%3E%3Cpath id='Vector (Stroke)_2' d='M9.375 3.75V1.25C9.375 0.904822 9.65482 0.625 10 0.625C10.3452 0.625 10.625 0.904822 10.625 1.25V3.75C10.625 4.09518 10.3452 4.375 10 4.375C9.65482 4.375 9.375 4.09518 9.375 3.75Z' fill='black'/%3E%3Cpath id='Vector (Stroke)_3' d='M12.5 3.75C12.5 3.40482 12.2202 3.125 11.875 3.125H3.125C2.77982 3.125 2.5 3.40482 2.5 3.75V12.5C2.5 12.8452 2.77982 13.125 3.125 13.125H11.875C12.2202 13.125 12.5 12.8452 12.5 12.5V3.75ZM13.75 12.5C13.75 13.5355 12.9105 14.375 11.875 14.375H3.125C2.08947 14.375 1.25 13.5355 1.25 12.5V3.75C1.25 2.71447 2.08947 1.875 3.125 1.875H11.875C12.9105 1.875 13.75 2.71447 13.75 3.75V12.5Z' fill='black'/%3E%3Cpath id='Vector (Stroke)_4' d='M13.125 5.625C13.4702 5.625 13.75 5.90482 13.75 6.25C13.75 6.59518 13.4702 6.875 13.125 6.875H1.875C1.52982 6.875 1.25 6.59518 1.25 6.25C1.25 5.90482 1.52982 5.625 1.875 5.625H13.125Z' fill='black'/%3E%3C/g%3E%3C/svg%3E");
}

.jb-item__icon--traening {
  --wk-icon-card: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Frame'%3E%3Cg id='Vector'%3E%3Cpath d='M8.75 0.625C9.09518 0.625 9.375 0.904822 9.375 1.25C9.375 1.59518 9.09518 1.875 8.75 1.875H6.25C5.90482 1.875 5.625 1.59518 5.625 1.25C5.625 0.904822 5.90482 0.625 6.25 0.625H8.75Z' fill='black'/%3E%3Cpath d='M8.93311 6.43311C9.17718 6.18903 9.57282 6.18903 9.81689 6.43311C10.061 6.67718 10.061 7.07282 9.81689 7.31689L7.94189 9.19189C7.69782 9.43597 7.30218 9.43597 7.05811 9.19189C6.81403 8.94782 6.81403 8.55218 7.05811 8.30811L8.93311 6.43311Z' fill='black'/%3E%3Cpath d='M11.875 8.75C11.875 6.33375 9.91625 4.375 7.5 4.375C5.08375 4.375 3.125 6.33375 3.125 8.75C3.125 11.1662 5.08375 13.125 7.5 13.125C9.91625 13.125 11.875 11.1662 11.875 8.75ZM13.125 8.75C13.125 11.8566 10.6066 14.375 7.5 14.375C4.3934 14.375 1.875 11.8566 1.875 8.75C1.875 5.6434 4.3934 3.125 7.5 3.125C10.6066 3.125 13.125 5.6434 13.125 8.75Z' fill='black'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.jb-item__icon--live {
  --wk-icon-card: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Frame'%3E%3Cg id='Vector'%3E%3Cpath d='M13.5571 3.98909C13.6384 3.99956 13.7181 4.02019 13.7939 4.05135L13.9044 4.10567L14.007 4.17403C14.1046 4.2487 14.1867 4.34221 14.2487 4.4493C14.3312 4.592 14.375 4.7538 14.375 4.91866V10.0413L14.3665 10.1677C14.3494 10.2928 14.3073 10.4138 14.2419 10.5229C14.1548 10.6684 14.0295 10.7877 13.88 10.8678C13.7306 10.9477 13.5622 10.9857 13.3929 10.9776C13.2236 10.9695 13.0593 10.9153 12.9181 10.8214L9.65332 8.64485C9.36618 8.45337 9.28853 8.06533 9.47998 7.77815C9.67146 7.49107 10.0595 7.41343 10.3467 7.60481L13.125 9.45723V5.46248L10.3149 7.1025C10.0168 7.27637 9.63438 7.17539 9.46045 6.87728C9.28652 6.57915 9.38695 6.19674 9.68506 6.02278L12.9651 4.10872L13.075 4.05379C13.1884 4.00624 13.3107 3.98158 13.4344 3.98116L13.5571 3.98909Z' fill='black'/%3E%3Cpath d='M9.375 5C9.375 4.65482 9.09518 4.375 8.75 4.375H2.5C2.15482 4.375 1.875 4.65482 1.875 5V10C1.875 10.3452 2.15482 10.625 2.5 10.625H8.75C9.09518 10.625 9.375 10.3452 9.375 10V5ZM10.625 10C10.625 11.0355 9.78553 11.875 8.75 11.875H2.5C1.46447 11.875 0.625 11.0355 0.625 10V5C0.625 3.96447 1.46447 3.125 2.5 3.125H8.75C9.78553 3.125 10.625 3.96447 10.625 5V10Z' fill='black'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.jb-item__icon--guide {
  --wk-icon-card: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Frame'%3E%3Cpath id='Vector (Stroke)' d='M4.375 3.75V1.25C4.375 0.904822 4.65482 0.625 5 0.625C5.34518 0.625 5.625 0.904822 5.625 1.25V3.75C5.625 4.09518 5.34518 4.375 5 4.375C4.65482 4.375 4.375 4.09518 4.375 3.75Z' fill='black'/%3E%3Cpath id='Vector (Stroke)_2' d='M9.375 3.75V1.25C9.375 0.904822 9.65482 0.625 10 0.625C10.3452 0.625 10.625 0.904822 10.625 1.25V3.75C10.625 4.09518 10.3452 4.375 10 4.375C9.65482 4.375 9.375 4.09518 9.375 3.75Z' fill='black'/%3E%3Cpath id='Vector (Stroke)_3' d='M12.5 3.75C12.5 3.40482 12.2202 3.125 11.875 3.125H3.125C2.77982 3.125 2.5 3.40482 2.5 3.75V12.5C2.5 12.8452 2.77982 13.125 3.125 13.125H11.875C12.2202 13.125 12.5 12.8452 12.5 12.5V3.75ZM13.75 12.5C13.75 13.5355 12.9105 14.375 11.875 14.375H3.125C2.08947 14.375 1.25 13.5355 1.25 12.5V3.75C1.25 2.71447 2.08947 1.875 3.125 1.875H11.875C12.9105 1.875 13.75 2.71447 13.75 3.75V12.5Z' fill='black'/%3E%3Cpath id='Vector (Stroke)_4' d='M13.125 5.625C13.4702 5.625 13.75 5.90482 13.75 6.25C13.75 6.59518 13.4702 6.875 13.125 6.875H1.875C1.52982 6.875 1.25 6.59518 1.25 6.25C1.25 5.90482 1.52982 5.625 1.875 5.625H13.125Z' fill='black'/%3E%3C/g%3E%3C/svg%3E");
}

/* ---------- Responsive ---------- */
@media (max-width: 1119px) {
  .wk-checkout__cols {
    grid-template-columns: minmax(0, 1fr) minmax(0, 420px);
    column-gap: 40px;
  }
}

@media (max-width: 1023px) {
  .wk-checkout__cols {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 40px;
  }

  .wk-checkout__summary {
    order: -1;
  }

  .wk-summary {
    position: static;
  }
}

@media (max-width: 767px) {
  .wk-h2 {
    font-size: 36px;
  }

  .wk-steps {
    gap: 16px;
    margin-bottom: 40px;
  }

  .wk-steps__label {
    font-size: 13px;
  }

  .wk-step--narrow.is-active {
    gap: 30px;
  }

  .wk-chips {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  .wk-chip {
    padding: 16px 18px;
  }

  .wk-plans {
    flex-direction: column;
    align-items: stretch;
    gap: 30px;
  }

  .wk-plan {
    flex: none;
  }

  .wk-plan__amount {
    font-size: 40px;
  }

  .wk-form__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .wk-summary__plan {
    gap: 15px;
  }

  .wk-summary__thumb {
    align-self: center;
    height: 57px;
  }

  .wk-membership__body {
    padding: 20px;
  }

  .wk-membership__row dd {
    font-size: 14px;
  }
}

@media (max-width: 479px) {
  .wk-step__nav {
    width: 100%;
  }

  .wk-step__nav .wk-btn {
    flex: 1 1 0;
  }

  .wk-badge {
    right: 12px;
  }
}

/* ---------- Radio buttons (Figma "Input Radio Buttons", Minimal) ---------- */
.wk-field--choice {
  gap: 5px;
}

.wk-radios {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
}

.wk-radio {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  cursor: pointer;
}

.wk-radio input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  opacity: 0;
  pointer-events: none;
}

.wk-radio__dot {
  flex: 0 0 15px;
  width: 15px;
  height: 15px;
  background: var(--wk-white);
  border: 1px solid var(--wk-line-strong);
  border-radius: 50%;
  transition: border var(--wk-ease);
}

.wk-radio:hover .wk-radio__dot {
  border-color: var(--wk-line-button);
}

.wk-radio input:checked+.wk-radio__dot {
  border: 5px solid var(--wk-text);
}

.wk-radio input:focus-visible+.wk-radio__dot {
  outline: 2px solid var(--wk-accent);
  outline-offset: 2px;
}

/* ---------- Dropdown, like the text fields (Figma "Konto": graviditet) ---------- */
.wk-form .wk-input.wk-select {
  padding-right: 42px;
  background-image: var(--wk-icon-chevron-down);
  background-position: right 15px center;
  background-size: 11.3px 6.7px;
  background-repeat: no-repeat;
  text-overflow: ellipsis;
  cursor: pointer;
}

/* ---------- [medlem_lidt_mere]: in the Breakdance popup "Lidt mere om dig" ----------
   A small version of checkout step 1 (Figma 367:2423): one question at a time, big cards, progress. */
.bde-shortcode:has(> .wk-form--details) {
  width: 100%;
}

.wk-form--details {
  gap: 30px;
  width: 100%;
}

.wk-details__title {
  margin: 0;
  color: var(--wk-text);
  font-size: 25px;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: -0.03em;
}

.wk-form--details .wk-chips>.wk-field__error {
  grid-column: 1 / -1;
}

/* One choice per question: round markers, like the radio buttons on Konto. */
.wk-chips--single .wk-chip__box {
  border-radius: 50%;
}

.wk-chips--single .wk-chip.is-checked .wk-chip__box {
  background: var(--wk-white);
  border: 5px solid var(--wk-text);
}

.wk-details__nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 15px 20px;
  width: 100%;
}

.wk-details__nav [hidden] {
  display: none;
}

.wk-text-btn {
  margin: 0;
  padding: 0;
  font: inherit;
  font-size: 16px;
  line-height: 1.6;
  color: var(--wk-text);
  opacity: 0.7;
  background: none;
  border: 0;
  cursor: pointer;
  transition: opacity var(--wk-ease);
}

.wk-text-btn:hover {
  opacity: 1;
}

.wk-text-btn:focus-visible {
  outline: 2px solid var(--wk-accent);
  outline-offset: 2px;
}

@media (max-width: 767px) {
  .wk-form--details .wk-chips {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  .wk-form--details .wk-chip {
    padding: 15px 20px;
  }
}

/* Parts that don't apply (data-wk-show-when), e.g. the pregnancy question unless "Kvinde" or "Andet". */
.wk-form [data-wk-show-when][hidden] {
  display: none;
}