/* A calm, practical sign-in experience. */
.mr6-auth-page {
  background: #f7f4ee !important;
}

.mr6-auth-page main,
.mr6-auth-page .site-main {
  background: transparent !important;
}

.mr6-auth-page .woocommerce {
  display: grid !important;
  width: min(920px, calc(100% - 32px)) !important;
  min-height: 0 !important;
  margin: 42px auto 64px !important;
  grid-template-columns: minmax(260px, .72fr) minmax(420px, 1.28fr) !important;
  overflow: hidden !important;
  border: 1px solid #e5ded2 !important;
  border-radius: 24px !important;
  background: #fff !important;
  box-shadow: 0 18px 50px rgba(16, 45, 85, .09) !important;
}

.mr6-auth-page .woocommerce-notices-wrapper {
  grid-column: 1 / -1;
}

.mr6-auth-page .mr6-auth-intro {
  display: flex !important;
  min-height: 0 !important;
  padding: 42px 34px !important;
  justify-content: center;
  flex-direction: column;
  background: #fbf7ef !important;
  color: #102d55 !important;
  border-right: 1px solid #ebe4d8;
}

.mr6-auth-page .mr6-auth-intro::before,
.mr6-auth-page .mr6-auth-intro::after,
.mr6-auth-page .mr6-auth-art,
.mr6-auth-page .mr6-auth-benefits {
  display: none !important;
}

.mr6-auth-page .mr6-auth-brand {
  margin: 0 0 34px !important;
}

.mr6-auth-page .mr6-auth-brand .custom-logo-link {
  padding: 6px !important;
  border: 1px solid #e6ded0;
  border-radius: 14px !important;
  background: #fff !important;
}

.mr6-auth-page .mr6-auth-brand .custom-logo {
  width: 64px !important;
  height: 64px !important;
  max-width: 64px !important;
}

.mr6-auth-page .mr6-auth-kicker {
  margin: 0 !important;
  color: #a95f00 !important;
  font-size: 11px !important;
  letter-spacing: .14em !important;
}

.mr6-auth-page .mr6-auth-intro h1 {
  margin: 10px 0 13px !important;
  color: #102d55 !important;
  font-size: clamp(30px, 4vw, 42px) !important;
  line-height: 1.08 !important;
}

.mr6-auth-page .mr6-auth-intro > p {
  margin: 0 !important;
  color: #63748a !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}

.mr6-auth-page .mr6-auth-switch {
  margin-top: 30px !important;
  padding-top: 20px !important;
  border-top: 1px solid #e6ded0 !important;
  color: #63748a !important;
  font-size: 12px !important;
}

.mr6-auth-page .mr6-auth-switch a {
  color: #a95f00 !important;
}

.mr6-auth-page #customer_login {
  padding: 48px 48px 42px !important;
}

.mr6-auth-page #customer_login h2 {
  font-size: 32px !important;
}

.mr6-auth-page form.login,
.mr6-auth-page form.register {
  margin-top: 25px !important;
}

.mr6-auth-page button.woocommerce-button {
  background: #173b68 !important;
  box-shadow: 0 8px 18px rgba(23, 59, 104, .14) !important;
}

.mr6-auth-page .mr6-form-switch {
  margin: 22px 0 0 !important;
  padding-top: 18px !important;
  border-top: 1px solid #e7edf3;
  color: #63748a;
  font-size: 13px;
  text-align: center;
}

.mr6-auth-page .mr6-form-switch a {
  margin-left: 4px;
  color: #173b68;
  font-weight: 850;
  text-decoration: none;
}

.mr6-auth-page .mr6-form-switch a:hover,
.mr6-auth-page .mr6-form-switch a:focus-visible {
  color: #a95f00;
  text-decoration: underline;
}

/* The footer already contains the full site links; this promotional strip is
   unnecessary on a page where the visitor has chosen to sign in. */
.mr6-auth-page .mr6-footer-start {
  display: none !important;
}

/* Match the highlighted header action to the form currently being shown. */
.mr6-auth-login .mr6-nav-login,
.mr6-auth-register .mr6-nav-signup {
  border-color: #173b68 !important;
  background: #173b68 !important;
  color: #fff !important;
  box-shadow: none !important;
}

.mr6-auth-login .mr6-nav-signup,
.mr6-auth-register .mr6-nav-login {
  border: 1.5px solid #173b68 !important;
  background: transparent !important;
  color: #173b68 !important;
  box-shadow: none !important;
}

@media (max-width: 760px) {
  .mr6-auth-page .woocommerce {
    width: min(100% - 24px, 560px) !important;
    margin: 22px auto 44px !important;
    grid-template-columns: 1fr !important;
    border-radius: 20px !important;
  }

  .mr6-auth-page .mr6-auth-intro {
    display: none !important;
  }

  .mr6-auth-page .mr6-auth-brand {
    margin-bottom: 18px !important;
  }

  .mr6-auth-page .mr6-auth-brand .custom-logo {
    width: 54px !important;
    height: 54px !important;
    max-width: 54px !important;
  }

  .mr6-auth-page .mr6-auth-intro h1 {
    font-size: 31px !important;
  }

  .mr6-auth-page .mr6-auth-switch {
    margin-top: 20px !important;
  }

  .mr6-auth-page #customer_login {
    padding: 32px 24px 30px !important;
  }

  .mr6-auth-page #customer_login h2 {
    font-size: 28px !important;
  }
}