/* Start:/local/templates/royalharvest/components/bitrix/system.auth.authorize/flat/style.css?17902443304429*/
.registration {
    max-width: 500px;
    margin: 0 auto;
    background-color: #ffffff;
    border-radius: 15px;
    padding: 15px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
    text-align:center;
}

.registration-title {
    text-align:center;
    font-size: 22px;
    margin-bottom: 20px;
    color:#424242;
}

.registration-field  {
    margin-bottom: 10px;
}

label {
    font-size: 14px !important;
    margin-bottom: 0 !important;
    padding-left: 5px;
    color: #ff6f00;
}

.form-control {
    background-color: #f3f3f3 !important;
    color: #424242 !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    color-scheme: dark;
}

.form-control::placeholder {
    color: #424242 !important;
    opacity: 0.5 !important;
    font-size: 14px;

}


.password-rules {
  font-size: 13px;
  margin-top: 6px;
  margin-bottom: 15px;
  color: #777;
  padding-left: 18px;
}
.password-rules li {
  list-style: none;
  margin-bottom: 4px;
}
.password-rules li::before {
  content: "• ";
}
.password-rules li.valid { color: #66e152; font-weight: 500; }
.password-rules li.invalid { color: #fd6775; }
.validation-error { color: #fd6775; font-size: 13px; margin-top: 5px; padding-left: 10px;}


.phone-rules {
  font-size: 13px;
  margin-top: 6px;
  margin-bottom: 15px;
  color: #777;
  padding-left: 18px;
}
.phone-rules li {
  list-style: none;
  margin-bottom: 4px;
}
.phone-rules li::before {
  content: "• ";
}
.phone-rules li.valid { color: #66e152; font-weight: 500; }
.phone-rules li.invalid { color: #fd6775; }

.submit-button {
    text-decoration: none;
    color: #282828;
    background-color: #ff6f00;
    padding: 10px 20px;
    border-radius: 3px;
    font-size: 14px;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%);
    border: none;
    cursor: pointer;
    opacity: 1;
}

.submit-button:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.registration-button {
    margin: 20px 0 !important;
    display:flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.policy-agree {
    font-size: 14px;
    margin-bottom: 25px;
}
.policy-agree input {
    margin-right: 5px;
}


/* Скрываем стандартный чекбокс */
.custom-checkbox input[type="checkbox"] {
  display: none;
}

/* Стилизация контейнера */
.custom-checkbox {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
  color: #fff; /* текст белый */
}

/* Квадратный чекбокс */
.custom-checkbox .checkmark {
    width: 20px;
    height: 20px;
  background-color: #282828; /* фон неактивного состояния */
  border: 2px solid #ccc; /* рамка */
  border-radius: 4px;
  margin-right: 8px;
  position: relative;
  transition: all 0.2s;
}

/* Галочка */
.custom-checkbox .checkmark::after {
    content: "";
    position: absolute;
    display: none;
    left: 5px;
    top: 1px;
    width: 7px;
    height: 10px;
    border: solid #ff6f00;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* Отображение галочки при checked */
.custom-checkbox input:checked + .checkmark::after {
  display: block;
}

/* Изменяем фон при активном состоянии */
.custom-checkbox input:checked + .checkmark {
  background-color: #282828; /* немного темнее */
  border-color: #ff6f00; /* желтая рамка */
}

/* Наведение */
.custom-checkbox:hover .checkmark {
  border-color: #ff6f00;
}

  .input-wrapper {
    position: relative;
  }

  .status-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    transition: opacity 0.3s ease;
  }

  .valid-icon {
    color: #27ae60;
  }

  .invalid-icon {
    color: #e74c3c;
  }

  /* .invalid-field {
    border: 1px solid #fd6775 !important;
  }

  .valid-field {
    border: 1px solid #66e152 !important;
  } */

  .success-icon {
    color: #66e152 !important;
  }

  .warning-icon {
    color: #fd6775 !important;
  }

.bx-authform-link-container {
    margin-bottom: 20px;
    text-align: center;
}

  .bx-authform-link-container a {
    color: #ff6f00;
    font-size: 14px;
    text-decoration:none;
  }

  .alert {
    background-color: #fd6775 !important;
  }
/* End */
/* /local/templates/royalharvest/components/bitrix/system.auth.authorize/flat/style.css?17902443304429 */