/* B2B registration compatibility deltas — 2026-09-08.
 * Load after the existing b2b-bundle.css registration styles. */

.in-registrace .b2b-registration-layout--with-heading {
  grid-template-areas:
    "heading heading"
    "form guide";
}

.in-registrace .b2b-registration-layout > .b2b-registration-layout__heading {
  grid-area: heading;
  min-width: 0;
  margin-block-end: 0;
}

.in-registrace .b2b-registration-layout > .b2b-registration-form,
.in-registrace .b2b-registration-layout > .place-registration-here > .b2b-registration-form {
  grid-area: form;
  min-width: 0;
}

.in-registrace .b2b-registration-layout .b2b-registration-form .form-group.smart-label-wrapper {
  display: grid;
  grid-template-columns: minmax(130px, 180px) minmax(0, 1fr);
  column-gap: 20px;
  align-items: center;
}

.in-registrace .b2b-registration-layout .b2b-registration-form .form-group.smart-label-wrapper > label {
  width: auto;
  max-width: none;
  margin: 0;
  line-height: 1.35;
}

.in-registrace .b2b-registration-layout .b2b-registration-form .form-group.smart-label-wrapper > .form-control-wrapper {
  width: 100%;
  min-width: 0;
}

.in-registrace .b2b-registration-layout .b2b-registration-form .form-group:not(.phone-form-group) .form-control-wrapper > input:not([type]),
.in-registrace .b2b-registration-layout .b2b-registration-form .form-group:not(.phone-form-group) .form-control-wrapper > input[type="text"],
.in-registrace .b2b-registration-layout .b2b-registration-form .form-group:not(.phone-form-group) .form-control-wrapper > input[type="email"],
.in-registrace .b2b-registration-layout .b2b-registration-form .form-group:not(.phone-form-group) .form-control-wrapper > input[type="password"],
.in-registrace .b2b-registration-layout .b2b-registration-form .form-group:not(.phone-form-group) .form-control-wrapper > input[type="tel"],
.in-registrace .b2b-registration-layout .b2b-registration-form .form-group:not(.phone-form-group) .form-control-wrapper > input[type="url"],
.in-registrace .b2b-registration-layout .b2b-registration-form .form-group:not(.phone-form-group) .form-control-wrapper > input[type="search"],
.in-registrace .b2b-registration-layout .b2b-registration-form .form-group:not(.phone-form-group) .form-control-wrapper > input[type="number"],
.in-registrace .b2b-registration-layout .b2b-registration-form .form-group:not(.phone-form-group) .form-control-wrapper > select,
.in-registrace .b2b-registration-layout .b2b-registration-form .form-group:not(.phone-form-group) .form-control-wrapper > textarea {
  width: 100%;
  max-width: none;
}

.in-registrace .b2b-registration-layout .b2b-registration-form .form-group:not(.phone-form-group) input:not([type]),
.in-registrace .b2b-registration-layout .b2b-registration-form .form-group:not(.phone-form-group) input[type="text"],
.in-registrace .b2b-registration-layout .b2b-registration-form .form-group:not(.phone-form-group) input[type="email"],
.in-registrace .b2b-registration-layout .b2b-registration-form .form-group:not(.phone-form-group) input[type="password"],
.in-registrace .b2b-registration-layout .b2b-registration-form .form-group:not(.phone-form-group) input[type="tel"],
.in-registrace .b2b-registration-layout .b2b-registration-form .form-group:not(.phone-form-group) input[type="url"],
.in-registrace .b2b-registration-layout .b2b-registration-form .form-group:not(.phone-form-group) input[type="search"],
.in-registrace .b2b-registration-layout .b2b-registration-form .form-group:not(.phone-form-group) input[type="number"],
.in-registrace .b2b-registration-layout .b2b-registration-form .form-group:not(.phone-form-group) select,
.in-registrace .b2b-registration-layout .b2b-registration-form button {
  min-height: 48px;
}

/* Counter the legacy bundle's broad input:not([type="hidden"]) selector. */
.in-registrace .b2b-registration-layout .b2b-registration-form input[type="checkbox"],
.in-registrace .b2b-registration-layout .b2b-registration-form input[type="radio"] {
  min-height: auto;
}

.in-registrace .b2b-registration-guide__details {
  margin: 14px 0 0;
}

.in-registrace .b2b-registration-guide__details > summary {
  min-height: 44px;
  display: list-item;
  padding-block: 12px 10px;
  cursor: pointer;
  color: var(--b2b-reg-ink);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.35;
}

.in-registrace .b2b-registration-guide__details > summary:focus-visible {
  outline: 3px solid var(--b2b-reg-yellow);
  outline-offset: 3px;
}

.in-registrace .b2b-registration-guide__help {
  margin: 20px 0 0;
  color: #504b4b;
  font-size: 14px;
  line-height: 1.55;
}

.in-registrace .b2b-registration-guide__help strong {
  display: block;
  color: var(--b2b-reg-ink);
}

.in-registrace .b2b-registration-guide__help a {
  color: var(--b2b-reg-red);
  font-weight: 700;
}

@media (max-width: 991px) {
  .in-registrace .b2b-registration-layout--with-heading {
    grid-template-areas:
      "heading"
      "guide"
      "form";
  }
}

@media (max-width: 767px) {
  .in-registrace .b2b-registration-layout .b2b-registration-form .form-group.smart-label-wrapper {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 8px;
    align-items: stretch;
  }

  .in-registrace .b2b-registration-guide {
    padding: 16px 14px;
  }

  .in-registrace .b2b-registration-guide__title {
    font-size: 22px;
  }

  .in-registrace .b2b-registration-guide__details {
    margin-top: 8px;
  }

  .in-registrace .b2b-registration-guide__proofs {
    gap: 6px;
    margin-top: 12px;
  }

  .in-registrace .b2b-registration-guide__proofs li {
    font-size: 13px;
  }

  .in-registrace .b2b-registration-guide__help {
    margin-top: 12px;
    font-size: 13px;
  }

  .in-registrace .b2b-registration-guide__login {
    min-height: 44px;
    margin-top: 14px;
    padding: 10px 12px;
  }

  .in-registrace .b2b-registration-layout .b2b-registration-form input:not([type]),
  .in-registrace .b2b-registration-layout .b2b-registration-form input[type="text"],
  .in-registrace .b2b-registration-layout .b2b-registration-form input[type="email"],
  .in-registrace .b2b-registration-layout .b2b-registration-form input[type="password"],
  .in-registrace .b2b-registration-layout .b2b-registration-form input[type="tel"],
  .in-registrace .b2b-registration-layout .b2b-registration-form input[type="url"],
  .in-registrace .b2b-registration-layout .b2b-registration-form input[type="search"],
  .in-registrace .b2b-registration-layout .b2b-registration-form input[type="number"],
  .in-registrace .b2b-registration-layout .b2b-registration-form select,
  .in-registrace .b2b-registration-layout .b2b-registration-form textarea,
  .in-registrace .b2b-registration-layout .b2b-registration-form button {
    font-size: 16px;
  }

  .in-registrace .b2b-registration-layout .b2b-registration-form input[type="checkbox"],
  .in-registrace .b2b-registration-layout .b2b-registration-form input[type="radio"] {
    font-size: inherit;
  }
}