/**
 * @file
 * Styles for the Coop Login Modal.
 */
.ui-widget-overlay {
  opacity: 0.5 !important;
  background: var(--Noir, #000) !important;
}

.ui-dialog.coop-login-modal-dialog {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  z-index: 1055;
  border: unset;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));

  @media (max-width: 1023px) {
    left: 0 !important;
    top: 0 !important;
  }

  @media (min-width: 1024px) {
    max-width: 420px !important;
    height: auto !important;
    border-radius: 15px !important;
    overflow: hidden;
  }
}

.coop-login-modal-dialog .ui-dialog-titlebar {
  display: none;
}

.coop-login-modal-dialog .ui-dialog-content {
  padding: 0;
  max-height: 100% !important;
}

.coop-login-modal .button,
.coop-login-modal a {
  cursor: pointer;
  text-underline-offset: 4px;
}

.coop-login-modal .btn.btn-green {
  --font-family: var(--font-body);
  --line-height: 1;
  --font-size: 14px;

  font: var(--font-size) / var(--line-height) var(--font-family);
  font-weight: 600;
  width: 100%;
}

.coop-login-modal .ew-tab-button,
.coop-login-modal .login-prompt {
  font-size: var(--text-sm);
  font-family: var(--font-body), serif;
}

.coop-login-modal .ew-tab-content,
.coop-login-modal .mobile-header-title,
.coop-login-modal button {
  font-size: var(--text-base);
  font-family: var(--font-body), serif;
}

/*
* Tabs styling.
*/
.coop-login-modal .p-default {
  --font-size: var(--text-base);
}

.coop-login-modal .ew-tabs {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

.coop-login-modal .ew-tab-pane {
  display: none;
  }

.coop-login-modal .ew-tab-button {
  width: 100%;
  text-align: center;
  line-height: 1;
  color: var(--slate-green);
  border-radius: 35px;
  font-weight: 500;
  cursor: pointer;
  padding: 0.75rem 1rem;
}

.coop-login-modal .ew-tab-button.active {
  border: 0.5px solid var(--green-900);
  background-color: white;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.10);
  color: var(--green-900);
}

.coop-login-modal .ew-tab-pane.show {
  display: block;
}

.coop-login-modal .ew-tab-pane.active {
  display: block;
}

/* Register content styling */
.coop-login-modal .register-actions {
  text-align: center;
}

.coop-login-modal .login-prompt {
  text-align: center;
}

/* Login form styling */
.coop-login-modal .login-form-container {
  max-width: 400px;
  margin: 0 auto;
}

/* Forgot password and register prompt styling */
.cupe-modal-login-form a {
  text-decoration: underline;
  font-size: var(--text-sm);
  color: var(--green-900);
}

.forgot-password-link {
  text-align: center;
}

.register-prompt {
  text-align: center;
}

/* Loading state for submit button */
.coop-login-modal .form-actions input[type="submit"].is-disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.coop-login-modal .ajax-progress {
  display: inline-block;
  margin-left: 0.5rem;
}

.coop-login-modal .ajax-progress .throbber {
  background: url("data:image/gif;base64,R0lGODlhEAAQAPIAAP///wAAAMLCwkJCQgAAAGJiYoKCgpKSkiH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQJCgAAACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkECQoAAAAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkECQoAAAAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkECQoAAAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQJCgAAACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQJCgAAACwAAAAAEAAQAAADMgi63P7wjRLEuQRNnGNiIGRjLNnKUEeIIBToEGanRdWiQXdXFJFLY0ZjMLfJHnHjFmQAADs=") no-repeat;
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  margin: 0 4px;
}

/* Forgot Password Standalone View */
.forgot-password-form-container {
  margin-top: 0 !important;
}

.coop-login-modal .back-to-login {
  display: inline-flex;
}

.coop-login-modal .back-arrow {
  margin-right: 0.25rem;
  font-weight: bold;
}

.email-hidden .js-form-type-email {
  display: none;
}

#coop-forgot-password-form-wrapper .messages {
  display: none;
}

.forgot-password-header:has(.sollio-password-sent) .back-to-login {
  display: none;
}

.sollio-password-sent .email-entered {
  font-weight: 600;
}

.sollio-password-sent p:last-child {
  margin-bottom: 0;
}