/* =========================================
   Schrifteria — Ecwid License Information
   ========================================= */


/* Section heading */

.sft-license-section-title {
  margin: 34px 0 24px !important;

  font-size: 22px !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em;

  color: #111 !important;
}


/* Field titles */

.sft-license-cell .ec-form__title {
  margin: 0 0 9px !important;

  font-size: 16px !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;

  color: #111 !important;
}


/* Inputs */

.sft-license-cell .form-control {
  margin: 0 !important;
}

.sft-license-cell .form-control__text {
  font-size: 16px !important;
}

.sft-license-cell .form-control__placeholder-inner {
  font-size: 16px !important;
  color: #858585 !important;
}


/* Helper text under inputs */

.sft-license-help {
  max-width: 760px;

  margin: 7px 0 0 !important;

  font-size: 15px !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;

  color: #8a8a8a !important;
}


/* Space between license fields */

.sft-license-cell {
  padding-bottom: 18px !important;
}


/* Last field */

.ec-form__row:last-child .sft-license-cell {
  padding-bottom: 10px !important;
}


/* =========================================
   Legal checkboxes
   ========================================= */

.ec-form__row.sft-legal-row {
  margin: 0 0 14px !important;
  padding: 0 !important;
}

.ec-form__row.sft-legal-row .ec-form__cell {
  margin: 0 !important;
  padding: 0 !important;
}

.ec-form__row.sft-legal-row .ec-form__title {
  display: none !important;
}

.sft-legal-row .form-control__inline-label,
.sft-legal-row .form-control__inline-label label,
.sft-legal-row .form-control__inline-label a {
  font-size: 16px !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;
  font-family: inherit !important;
}

.sft-legal-row .form-control__inline-label a {
  color: #ff6b61 !important;
  text-decoration: none !important;
}

.sft-legal-row .form-control__inline-label a:hover {
  text-decoration: underline !important;
}

.ec-form__row.sft-legal-row--license {
  margin-bottom: 24px !important;
}


/* =========================================
   Licensing Policy modal
   ========================================= */

html.sft-modal-open,
body.sft-modal-open {
  overflow: hidden !important;
}


/* Modal layer */

.sft-license-modal {
  display: none;

  position: fixed;
  inset: 0;

  z-index: 9999999;
}

.sft-license-modal--open {
  display: block;
}


/* =========================================
   Backdrop
   ========================================= */

.sft-license-modal__backdrop {
  position: absolute;
  inset: 0;

  background: rgba(0, 0, 0, 0.60);
}


/* =========================================
   Main white popup
   ========================================= */

.sft-license-modal__dialog {
  position: absolute;

  top: 50%;
  left: 50%;

  width: calc(100% - 80px);
  max-width: 980px;

  height: min(calc(100vh - 80px), 900px);

  transform: translate(-50%, -50%);

  background: #ffffff;
  color: #111111;

  display: flex;
  flex-direction: column;

  box-sizing: border-box;

  overflow: hidden;
}


/* =========================================
   Close — Tilda style
   ========================================= */

.sft-license-modal__close {
  position: fixed !important;

  top: 20px !important;
  right: 25px !important;

  width: 23px !important;
  height: 23px !important;

  padding: 0 !important;
  margin: 0 !important;

  z-index: 10000000;

  cursor: pointer;
}


.sft-license-modal__close-button {
  display: block !important;

  width: 23px !important;
  height: 23px !important;

  padding: 0 !important;
  margin: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: transparent !important;

  box-shadow: none !important;

  cursor: pointer;
}


.sft-license-modal__close-icon {
  display: block;

  width: 23px !important;
  height: 23px !important;

  opacity: 1;

  transition: opacity 0.2s ease-in-out;
}


.sft-license-modal__close-icon g {
  fill: #ffffff !important;
}


@media (hover: hover) {

  .sft-license-modal__close:hover
  .sft-license-modal__close-icon {
    opacity: 0.7;
  }

}


/* =========================================
   Content
   ========================================= */

.sft-license-modal__content {
  position: relative;

  flex: 1 1 auto;

  min-height: 0;

  overflow: hidden;

  background: #ffffff;
}


/* =========================================
   Loading state
   ========================================= */

.sft-license-modal__loader {
  position: absolute;
  inset: 0;

  z-index: 2;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  gap: 14px;

  background: #ffffff;

  opacity: 1;
  visibility: visible;

  transition:
    opacity 0.2s ease-in-out,
    visibility 0.2s ease-in-out;
}


.sft-license-modal__spinner {
  width: 24px;
  height: 24px;

  box-sizing: border-box;

  border: 2px solid #d9d9d9;
  border-top-color: #000000;

  border-radius: 50%;

  animation:
    sft-license-spinner 0.7s linear infinite;
}


@keyframes sft-license-spinner {

  to {
    transform: rotate(360deg);
  }

}


.sft-license-modal__loading-text {
  font-size: 14px !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;

  color: #777777 !important;
}


/* =========================================
   Iframe
   ========================================= */

.sft-license-modal__iframe {
  display: block;

  width: 100%;
  height: 100%;

  border: 0;

  background: #ffffff;

  opacity: 0;

  transition:
    opacity 0.2s ease-in-out;
}


/* Policy ready */

.sft-license-modal--ready
.sft-license-modal__iframe {
  opacity: 1;
}


.sft-license-modal--ready
.sft-license-modal__loader {
  opacity: 0;
  visibility: hidden;

  pointer-events: none;
}


/* =========================================
   Footer
   ========================================= */

.sft-license-modal__footer {
  flex: 0 0 auto;

  padding: 16px 28px 18px;

  border-top: 1px solid #e5e5e5;

  background: #ffffff;

  display: flex;
  justify-content: center;
  align-items: center;
}


/* =========================================
   Accept — Tilda-style button
   ========================================= */

.sft-license-modal__accept {
  min-width: 180px;

  padding: 10px 28px;

  color: #ffffff !important;
  background-color: #000000 !important;

  border: 0 !important;
  border-style: none !important;
  border-radius: 0 !important;

  box-shadow: none !important;

  cursor: pointer;

  transition-duration: 0.2s !important;

  transition-property:
    background-color,
    color,
    border-color,
    box-shadow,
    opacity,
    transform,
    gap !important;

  transition-timing-function:
    ease-in-out !important;
}


.sft-license-modal__accept
.t-btnflex__text {
  color: #ffffff !important;
}


/* Disabled while policy is loading */

.sft-license-modal__accept:disabled {
  opacity: 0.35 !important;
  cursor: default !important;
}


/* Hover only when enabled */

@media (hover: hover) {

  .sft-license-modal__accept:not(:disabled):hover,
  .sft-license-modal__accept:not(:disabled):focus-visible {
    background-color: #ff7366 !important;
  }

}


/* =========================================
   Mobile
   ========================================= */

@media (max-width: 640px) {

  .sft-license-modal__dialog {
    width: calc(100% - 20px);

    height: calc(100% - 70px);
    max-height: none;

    top: calc(50% + 15px);
  }


  .sft-license-modal__close {
    top: 18px !important;
    right: 18px !important;
  }


  .sft-license-modal__footer {
    padding: 16px 18px 18px;
  }


  .sft-license-modal__accept {
    width: 100%;
  }

}