/* Catalog contact dialog. Reuses .login-modal and widens it for the message field. */
.contact-modal.login-modal .login-modal__dialog {
  max-width: 560px;
}

.contact-modal__identity {
  margin: -8px 0 16px;
}

.contact-modal__logo {
  display: block;
  max-width: 180px;
  max-height: 72px;
  margin: 0 auto 12px;
  object-fit: contain;
}

.contact-modal__name {
  margin: 0 0 12px;
  font-size: 1.15rem;
  font-weight: 700;
  text-align: center;
}

.contact-modal__row {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0 0 8px;
  font-size: 14px;
  line-height: 1.45;
}

.contact-modal__row > span {
  flex: 1;
  min-width: 0;
}

.contact-modal__row svg {
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  margin-top: 1px;
  fill: currentColor;
}

.contact-modal__row a {
  color: inherit;
}

.contact-modal__row a:hover {
  text-decoration: underline;
}

.contact-modal textarea.form-control {
  height: auto;
  min-height: 120px;
  resize: vertical;
}

.contact-modal select.form-control {
  height: 44px;
}

.contact-modal__required {
  color: var(--main-color, #c0392b);
}

.contact-modal__success {
  margin: 0;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid var(--border-color, #ccc);
  background: var(--light-color, #f7f7f7);
  color: var(--dark-color, #222);
}

.contact-modal__success[hidden],
.contact-modal__field-error[hidden] {
  display: none !important;
}

.contact-modal__field-error {
  margin: 0;
  font-size: 13px;
}

.contact-modal__captcha .form-group {
  margin-left: 0;
  margin-right: 0;
}

.contact-modal__captcha .control-label,
.contact-modal__captcha .col-sm-2,
.contact-modal__captcha .col-sm-10 {
  width: 100%;
  float: none;
  padding-left: 0;
  padding-right: 0;
  text-align: left;
}

.contact-modal__captcha fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.contact-modal__captcha legend {
  margin-bottom: 8px;
  border: 0;
  font-size: 14px;
  font-weight: 600;
}

.contact-modal__captcha .form-control {
  max-width: 100%;
}

body.contact-modal-open {
  overflow: hidden;
}