/* =========================================================
   1. ЗАГРУЗЧИКИ ФАЙЛОВ
   ========================================================= */

/* Внешняя область загрузчика */
.jaz-upload-widget {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
  margin-bottom: 0 !important;
}

/* Контейнер загрузчика */
.jaz-upload-container {
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Основная кнопка загрузки */
.jaz-upload-container
> .t-upwidget-container__button.t-text {
  box-sizing: border-box !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;

  height: 42px !important;
  min-height: 42px !important;

  padding: 0 14px !important;

  border: 1px solid #e1e3e6 !important;
  border-radius: 6px !important;

  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;

  box-shadow: none !important;

  color: #5f646c !important;

  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  white-space: nowrap !important;

  cursor: pointer !important;

  transition:
    border-color 0.3s cubic-bezier(.22, 1, .36, 1),
    background-color 0.3s cubic-bezier(.22, 1, .36, 1),
    color 0.3s cubic-bezier(.22, 1, .36, 1) !important;
}

/* Иконка загрузки */
.jaz-upload-container
> .t-upwidget-container__button.t-text::before {
  content: "";

  display: block;
  flex: 0 0 15px;

  width: 15px;
  height: 15px;

  background-color: currentColor;

  -webkit-mask:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 16V4'/%3E%3Cpath d='m7.5 8.5 4.5-4.5 4.5 4.5'/%3E%3Cpath d='M5 14v4a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-4'/%3E%3C/svg%3E")
    center / contain no-repeat;

  mask:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 16V4'/%3E%3Cpath d='m7.5 8.5 4.5-4.5 4.5 4.5'/%3E%3Cpath d='M5 14v4a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-4'/%3E%3C/svg%3E")
    center / contain no-repeat;
}

.jaz-upload-container
> .t-upwidget-container__button.t-text:hover {
  border-color: #bfc3c9 !important;

  background: #fafafa !important;
  background-color: #fafafa !important;
  background-image: none !important;

  color: #2f3540 !important;
}

.jaz-upload-container
> .t-upwidget-container__button.t-text:active {
  background: #f4f5f6 !important;
  background-color: #f4f5f6 !important;
  background-image: none !important;
}

.jaz-upload-container
> .t-upwidget-container__button.t-text:focus-visible {
  outline: 2px solid rgba(23, 35, 59, 0.22) !important;
  outline-offset: 2px !important;
}

/* Подпись с допустимыми форматами */
.jaz-upload-container::after {
  content: "Форматы: PDF, DOC, DOCX";

  display: block;
  margin-top: 6px;

  color: #8b9099;

  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;

  text-align: left;
  pointer-events: none;
}

/* Кнопка, которая появляется после выбора файла */
.jaz-upload-container
.t-upwidget-container__button-indiv.t-text {
  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
}

@media (prefers-reduced-motion: reduce) {
  .jaz-upload-container
  > .t-upwidget-container__button.t-text {
    transition: none !important;
  }
}

/* =========================================================
   2. КОРЗИНА
   ========================================================= */

/* Весь текст корзины — Montserrat */
html body #allrecords
.t706__cartwin
:where(
  div,
  span,
  a,
  label,
  input,
  textarea,
  select,
  button
) {
  font-family: "Montserrat", Arial, sans-serif !important;
}

/* Заголовок «Ваш заказ» оставляем в Foglihten */
html body #allrecords
.t706__cartwin
.t706__cartwin-heading,
html body #allrecords
.t706__cartwin
.t706__cartwin-heading * {
  font-family: "FoglihtenNo06", Arial, sans-serif !important;
}

/* Текст и подсказки внутри полей */
html body #allrecords
.t706__cartwin
.t-input,
html body #allrecords
.t706__cartwin
.t-input::placeholder,
html body #allrecords
.t706__cartwin
textarea::placeholder {
  font-family: "Montserrat", Arial, sans-serif !important;
}

/* Скругление полей корзины */
html body #allrecords
.t706__cartwin
input.t-input,
html body #allrecords
.t706__cartwin
textarea.t-input,
html body #allrecords
.t706__cartwin
select.t-input {
  border-radius: 12px !important;
}

/* =========================================================
   3. КНОПКИ В ПОДВАЛЕ
   ========================================================= */
.footer-arrow-button
  .tn-atom__button-content {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;

    box-sizing: border-box !important;

    width: 100% !important;
    min-width: 0 !important;

    padding-right: 12px !important;
  }

  .footer-arrow-button
  .tn-atom__button-text {
    order: 1 !important;
    flex: 0 1 auto !important;

    min-width: 0 !important;
    margin: 0 !important;

    text-align: left !important;
  }

  .footer-arrow-button
  .tn-atom__button-icon {
    order: 2 !important;
    flex: 0 0 auto !important;

    margin-left: auto !important;
    margin-right: 0 !important;

    translate: 0 0;

    transition:
      translate 450ms
      cubic-bezier(.22, 1, .36, 1) !important;
  }

  @media (hover: hover) and (pointer: fine) {
    .footer-arrow-button:hover
    .tn-atom__button-icon {
      translate: 4px 0;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .footer-arrow-button
    .tn-atom__button-icon {
      translate: 0 0 !important;
      transition: none !important;
    }
  }
  .t-checkbox__control {
  align-items: flex-start !important;
}

.t-checkbox__indicator {
  top: 2px !important;
  transform: none !important;
  flex: 0 0 auto !important;
}
