/* Local restore fixes for offline/mirror copy */

@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");

body,
.body {
  font-family: Roboto, LatoRegular, system-ui, sans-serif;
}

/* Localize login decorative background (was remote on original) */
.content.login-bg,
.content.contact.login-bg {
  background-image: radial-gradient(
      circle at 100% 30%,
      var(--third-color),
      transparent 25%
    ),
    url("../form-right-bg.webp") !important;
  background-position: 0 0, 100% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, min(42vw, 480px) auto;
}

/* Login / sign-up pages use section.content-gradient */
.content-gradient {
  background-image: radial-gradient(
      circle at 85%,
      var(--third-color),
      transparent 43%
    ),
    url("../form-right-bg.webp");
  background-position: 0 0, 100% 10%;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, min(38vw, 420px) auto;
}

@media (max-width: 991px) {
  .content-gradient {
    background-image: radial-gradient(
      circle at 85%,
      var(--third-color),
      transparent 43%
    );
  }
}

/* Phone dropdown above form controls */
.iti {
  width: 100%;
  position: relative;
  display: block;
}

.iti__country-list {
  z-index: 20;
  max-height: 220px;
  overflow-y: auto;
}

.iti__flag-container {
  z-index: 2;
}

/* Navbar toggler icon stack (3 bars) */
.navbar-toggler {
  border: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 0.35rem 0.5rem;
}

.navbar-toggler:focus {
  box-shadow: none;
}

.navbar-toggler-icon {
  display: block;
  width: 22px;
  height: 2px;
  background-color: var(--text-color-main, #181818);
  background-image: none !important;
}

/* Keep form submit readable */
.form .btn-submit,
.btn.h-started-btn {
  text-decoration: none;
}

/* FAQ title affordance */
.faq-accordion-title {
  cursor: pointer;
  user-select: none;
}

.faq-accordion-title.is-open .faq-question {
  color: var(--second-color, #208b3a);
}

/* Avoid broken remote image flash */
img {
  max-width: 100%;
}