/* Motyl-Pro Theme — Account Page Styles v1.5.0
 * Logowanie / Rejestracja + Dashboard Moje Konto
 * Oparty na zmiennych CSS z main.css
 */

/* ======== PAGE WRAPPER ======== */
.gl-account-wrap {
  max-width: var(--mw, 1600px);
  margin: 0 auto;
  padding: 0 20px;
}

/* ======== BREADCRUMB ======== */
.gl-account-breadcrumb {
  padding: 22px 0 0;
  font-size: 12px;
  color: var(--gray-500, #888);
  text-transform: uppercase;
  letter-spacing: .5px;
}
.gl-account-breadcrumb a {
  color: var(--gray-500, #888);
  text-decoration: none;
  transition: color .18s ease;
}
.gl-account-breadcrumb a:hover { color: var(--black, #111); }
.gl-account-breadcrumb .sep { margin: 0 8px; color: var(--gray-300, #d5d5d5); }
.gl-account-breadcrumb .current { color: var(--black, #111); font-weight: 700; }

/* ======== NOTICES ======== */
.gl-account-notices {
  margin: 16px 0 0;
}
.gl-account-notices .woocommerce-message {
  background: #e8f5e9;
  border: 1px solid #a5d6a7;
  border-radius: var(--rlg, 10px);
  padding: 14px 20px;
  font-size: 13.5px;
  font-weight: 600;
  color: #2e7d32;
  display: flex;
  align-items: center;
  gap: 10px;
  animation: gl-notice-in .35s ease;
}
.gl-account-notices .woocommerce-message::before {
  content: '\2713';
  font-size: 18px;
  font-weight: 800;
  flex-shrink: 0;
}
.gl-account-notices .woocommerce-error {
  background: #fce4ec;
  border: 1px solid #ef9a9a;
  border-radius: var(--rlg, 10px);
  padding: 14px 20px;
  font-size: 13.5px;
  font-weight: 600;
  color: #c62828;
  list-style: none;
}
.gl-account-notices .woocommerce-error li { margin-bottom: 4px; }
.gl-account-notices .woocommerce-error li:last-child { margin-bottom: 0; }
.gl-account-notices .woocommerce-info {
  background: #e3f2fd;
  border: 1px solid #90caf9;
  border-radius: var(--rlg, 10px);
  padding: 14px 20px;
  font-size: 13.5px;
  font-weight: 600;
  color: #1565c0;
}

@keyframes gl-notice-in {
  from { opacity: 0; transform: translateY(-8px); }
  to   { opacity: 1; transform: translateY(0); }
}


/* ================================================================
   AUTH — LOGOWANIE / REJESTRACJA (niezalogowany)
   ================================================================ */

.gl-auth {
  padding: 32px 0 60px;
}

.gl-auth-heading {
  font-family: 'Poppins', system-ui, sans-serif;
  font-size: 28px;
  font-weight: 700;
  color: #000;
  margin-bottom: 32px;
}

.gl-auth-grid {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 0;
  align-items: start;
}

.gl-auth-col {
  padding: 36px 40px;
  background: var(--white, #fff);
  border: 1px solid var(--gray-100, #f4f4f4);
  border-radius: var(--rlg, 10px);
}

.gl-auth-col h2 {
  font-family: 'Poppins', system-ui, sans-serif;
  font-size: 22px;
  font-weight: 700;
  color: #000;
  margin: 0 0 6px;
}

.gl-auth-subtitle {
  font-size: 13.5px;
  color: var(--gray-500, #7a7a7a);
  margin: 0 0 28px;
  line-height: 1.5;
}

/* ---- DIVIDER ---- */
.gl-auth-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 28px;
  position: relative;
  align-self: stretch;
}
.gl-auth-divider::before {
  content: '';
  position: absolute;
  top: 40px;
  bottom: 40px;
  left: 50%;
  width: 1px;
  background: var(--gray-300, #d5d5d5);
}
.gl-auth-divider span {
  position: relative;
  z-index: 1;
  background: #fff;
  padding: 12px 0;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--gray-500, #7a7a7a);
}


/* ================================================================
   FORMULARZE WSPÓLNE
   ================================================================ */

.gl-form-row {
  margin-bottom: 20px;
}

.gl-form-row label {
  display: block;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .5px;
  color: var(--gray-700, #444);
  margin-bottom: 6px;
}

.gl-form-row label .req {
  color: var(--red, #fb9942);
}

.gl-form-row input[type="text"],
.gl-form-row input[type="email"],
.gl-form-row input[type="password"],
.gl-form-row input[type="tel"],
.gl-form-row select,
.gl-form-row textarea {
  width: 100%;
  border: 1.5px solid var(--gray-300, #d5d5d5);
  border-radius: var(--r, 5px);
  padding: 11px 14px;
  font-size: 13.5px;
  font-family: 'DM Sans', sans-serif;
  color: var(--black, #111);
  background: #fff;
  transition: border-color .18s ease, box-shadow .18s ease;
}

.gl-form-row input:focus,
.gl-form-row select:focus,
.gl-form-row textarea:focus {
  border-color: #888;
  outline: none;
  box-shadow: 0 0 0 3px rgba(0,0,0,.05);
}

.gl-form-row input::placeholder {
  color: var(--gray-500, #7a7a7a);
}

/* Half rows (Imię / Nazwisko) */
.gl-form-row--half {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

/* Inline row (Zapamiętaj + Forgot) */
.gl-form-row--inline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
}

/* Password field wrapper */
.gl-input-password {
  position: relative;
}
.gl-input-password input {
  width: 100%;
  padding-right: 44px;
}
.gl-toggle-pw {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  color: var(--gray-500, #7a7a7a);
  font-size: 15px;
  padding: 4px;
  transition: color .18s ease;
}
.gl-toggle-pw:hover {
  color: var(--black, #111);
}

/* Password strength meter */
.gl-pw-strength {
  margin-top: 8px;
  height: 4px;
  border-radius: 2px;
  background: var(--gray-100, #f4f4f4);
  overflow: hidden;
  transition: opacity .18s ease;
}
.gl-pw-strength .gl-pw-bar {
  height: 100%;
  border-radius: 2px;
  transition: width .3s ease, background .3s ease;
}
.gl-pw-strength[data-level="weak"] .gl-pw-bar { width: 33%; background: var(--red, #fb9942); }
.gl-pw-strength[data-level="medium"] .gl-pw-bar { width: 66%; background: var(--orange, #fb9942); }
.gl-pw-strength[data-level="strong"] .gl-pw-bar { width: 100%; background: var(--green, #fb9942); }

.gl-pw-strength-label {
  font-size: 11px;
  margin-top: 4px;
  color: var(--gray-500, #7a7a7a);
}

/* Checkbox */
.gl-checkbox {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  cursor: pointer;
  font-size: 13px;
  color: var(--gray-700, #444);
  line-height: 1.4;
}
.gl-checkbox input[type="checkbox"] {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  accent-color: var(--black, #111);
  margin-top: 1px;
}
.gl-checkbox a {
  color: var(--black, #111);
  font-weight: 600;
  text-decoration: underline;
}
.gl-checkbox a:hover {
  color: var(--red, #fb9942);
}

/* Forgot password link */
.gl-forgot-link {
  font-size: 12.5px;
  color: var(--gray-500, #7a7a7a);
  text-decoration: underline;
  transition: color .18s ease;
}
.gl-forgot-link:hover {
  color: var(--black, #111);
}


/* ================================================================
   BUTTONS
   ================================================================ */

.gl-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 13px 28px;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 700;
  border: none;
  border-radius: var(--r, 5px);
  cursor: pointer;
  transition: background .18s ease, transform .12s ease;
  text-transform: none;
  letter-spacing: .2px;
}
.gl-btn:active {
  transform: scale(.98);
}
.gl-btn--dark {
  background: var(--black, #111);
  color: #fff;
}
.gl-btn--dark:hover {
  background: #333;
}
.gl-btn--red {
  background: var(--red, #fb9942);
  color: #fff;
}
.gl-btn--red:hover {
  background: var(--red-dark, #e07d1f);
}
.gl-btn--full {
  width: 100%;
  margin-top: 8px;
}


/* ================================================================
   MY ACCOUNT DASHBOARD (zalogowany)
   ================================================================ */

.gl-myaccount {
  padding: 32px 0 60px;
}

.gl-myaccount-title {
  font-family: 'Poppins', system-ui, sans-serif;
  font-size: 28px;
  font-weight: 700;
  color: #000;
  margin-bottom: 32px;
}

.gl-myaccount-grid {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 32px;
  align-items: start;
}

/* ---- Sidebar ---- */
.gl-myaccount-sidebar {
  background: var(--gray-50, #f9f9f9);
  border-radius: var(--rlg, 10px);
  box-shadow: var(--sh, 0 1px 4px rgba(0,0,0,.07));
  overflow: hidden;
}

.gl-sidebar-profile {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 22px 20px;
  border-bottom: 1px solid var(--gray-100, #f4f4f4);
}

.gl-avatar {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: var(--teal, #000000);
  color: #fff;
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  letter-spacing: .5px;
}

.gl-profile-info {
  min-width: 0;
}
.gl-profile-info strong {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: var(--black, #111);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gl-profile-info span {
  display: block;
  font-size: 12px;
  color: var(--gray-500, #7a7a7a);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* WC navigation override */
.gl-sidebar-nav .woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.gl-sidebar-nav .woocommerce-MyAccount-navigation ul li {
  border-bottom: 1px solid var(--gray-100, #f4f4f4);
}
.gl-sidebar-nav .woocommerce-MyAccount-navigation ul li:last-child {
  border-bottom: none;
}
.gl-sidebar-nav .woocommerce-MyAccount-navigation ul li a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 13px 20px;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--gray-700, #444);
  text-decoration: none;
  border-left: 3px solid transparent;
  transition: background .18s ease, color .18s ease, border-color .18s ease;
}
.gl-sidebar-nav .woocommerce-MyAccount-navigation ul li a:hover {
  background: var(--gray-100, #f4f4f4);
  color: var(--black, #111);
}
.gl-sidebar-nav .woocommerce-MyAccount-navigation ul li.is-active a,
.gl-sidebar-nav .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard.is-active a {
  background: var(--gray-100, #f4f4f4);
  color: var(--black, #111);
  border-left-color: var(--red, #fb9942);
  font-weight: 700;
}

/* Wyloguj — wyróżnienie */
.gl-sidebar-nav .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a {
  color: var(--red, #fb9942);
}
.gl-sidebar-nav .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
  background: #fce4ec;
}

/* ---- Content area ---- */
.gl-myaccount-content {
  min-width: 0;
}

/* Dashboard greeting */
.gl-myaccount-content .woocommerce-MyAccount-content > p:first-child {
  font-size: 15px;
  line-height: 1.7;
  color: var(--gray-700, #444);
  margin-bottom: 24px;
}

/* Orders table */
.gl-myaccount-content .woocommerce-orders-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--gray-300, #d5d5d5);
  border-radius: var(--rlg, 10px);
  overflow: hidden;
}
.gl-myaccount-content .woocommerce-orders-table th {
  background: var(--gray-100, #f4f4f4);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .5px;
  padding: 14px 16px;
  color: var(--gray-700, #444);
  text-align: left;
}
.gl-myaccount-content .woocommerce-orders-table td {
  padding: 14px 16px;
  font-size: 13.5px;
  border-top: 1px solid var(--gray-100, #f4f4f4);
  color: var(--black, #111);
}
.gl-myaccount-content .woocommerce-orders-table td a {
  color: var(--black, #111);
  font-weight: 600;
  text-decoration: underline;
}
.gl-myaccount-content .woocommerce-orders-table td a:hover {
  color: var(--red, #fb9942);
}

/* Generic table override (addresses, etc.) */
.gl-myaccount-content table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

/* Buttons in content */
.gl-myaccount-content .woocommerce-Button,
.gl-myaccount-content .button {
  background: var(--black, #111);
  color: #fff;
  border: none;
  border-radius: var(--r, 5px);
  padding: 12px 24px;
  font-size: 13px;
  font-weight: 700;
  font-family: 'Poppins', sans-serif;
  cursor: pointer;
  transition: background .18s ease;
}
.gl-myaccount-content .woocommerce-Button:hover,
.gl-myaccount-content .button:hover {
  background: #333;
}

/* Forms in content (edit-account, edit-address) */
.gl-myaccount-content .woocommerce-EditAccountForm .form-row,
.gl-myaccount-content .woocommerce-address-fields .form-row {
  margin-bottom: 18px;
}
.gl-myaccount-content .woocommerce-EditAccountForm .form-row label,
.gl-myaccount-content .woocommerce-address-fields .form-row label {
  display: block;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .5px;
  color: var(--gray-700, #444);
  margin-bottom: 6px;
}
.gl-myaccount-content .woocommerce-EditAccountForm .form-row input,
.gl-myaccount-content .woocommerce-EditAccountForm .form-row select,
.gl-myaccount-content .woocommerce-address-fields .form-row input,
.gl-myaccount-content .woocommerce-address-fields .form-row select {
  width: 100%;
  border: 1.5px solid var(--gray-300, #d5d5d5);
  border-radius: var(--r, 5px);
  padding: 11px 14px;
  font-size: 13.5px;
  font-family: 'DM Sans', sans-serif;
  color: var(--black, #111);
  transition: border-color .18s ease, box-shadow .18s ease;
}
.gl-myaccount-content .woocommerce-EditAccountForm .form-row input:focus,
.gl-myaccount-content .woocommerce-address-fields .form-row input:focus,
.gl-myaccount-content .woocommerce-EditAccountForm .form-row select:focus,
.gl-myaccount-content .woocommerce-address-fields .form-row select:focus {
  border-color: #888;
  outline: none;
  box-shadow: 0 0 0 3px rgba(0,0,0,.05);
}

/* No orders / empty state */
.gl-myaccount-content .woocommerce-info {
  background: #e3f2fd;
  border: 1px solid #90caf9;
  border-radius: var(--rlg, 10px);
  padding: 20px 24px;
  font-size: 13.5px;
  font-weight: 600;
  color: #1565c0;
}


/* ================================================================
   CONSENT PAGE (Zgody) — endpoint /moje-konto/zgody/
   ================================================================ */

.gl-consents-page h2 {
  font-family: 'Poppins', system-ui, sans-serif;
  font-size: 22px;
  font-weight: 700;
  color: #000;
  margin: 0 0 8px;
}

.gl-consents-intro {
  font-size: 13.5px;
  color: var(--gray-500, #7a7a7a);
  line-height: 1.6;
  margin: 0 0 28px;
}

.gl-consents-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* Consent card */
.gl-consent-card {
  background: var(--gray-50, #f9f9f9);
  border: 1px solid var(--gray-100, #f4f4f4);
  border-radius: var(--rlg, 10px);
  padding: 24px;
  transition: border-color .18s ease;
}
.gl-consent-card:hover {
  border-color: var(--gray-300, #d5d5d5);
}

.gl-consent-card__header {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 12px;
}

.gl-consent-card__icon {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: var(--teal, #000000);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  flex-shrink: 0;
}

.gl-consent-card__header h3 {
  font-family: 'Poppins', system-ui, sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #000;
  margin: 0 0 4px;
}

.gl-consent-badge {
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .5px;
  padding: 2px 8px;
  border-radius: 3px;
}
.gl-consent-badge--required {
  background: #fce4ec;
  color: var(--red, #fb9942);
}
.gl-consent-badge--optional {
  background: #e3f2fd;
  color: #1565c0;
}

.gl-consent-card__desc {
  font-size: 13px;
  color: var(--gray-700, #444);
  line-height: 1.6;
  margin: 0 0 16px;
}
.gl-consent-card__desc a {
  color: var(--black, #111);
  font-weight: 600;
  text-decoration: underline;
}
.gl-consent-card__desc a:hover {
  color: var(--red, #fb9942);
}

.gl-consent-card__toggle {
  padding: 12px 16px;
  background: #fff;
  border: 1.5px solid var(--gray-300, #d5d5d5);
  border-radius: var(--r, 5px);
  transition: border-color .18s ease;
}
.gl-consent-card__toggle:hover {
  border-color: #888;
}

.gl-consent-card__date {
  font-size: 11.5px;
  color: var(--gray-500, #7a7a7a);
  margin: 10px 0 0;
  display: flex;
  align-items: center;
  gap: 6px;
}
.gl-consent-card__date i {
  font-size: 12px;
}


/* ================================================================
   CHECKOUT CONSENTS
   ================================================================ */

.gl-checkout-consents {
  margin: 20px 0 12px;
  padding: 20px 24px;
  background: var(--gray-50, #f9f9f9);
  border: 1px solid var(--gray-100, #f4f4f4);
  border-radius: var(--rlg, 10px);
}

.gl-consents-title {
  font-family: 'Poppins', system-ui, sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: #000;
  margin: 0 0 14px;
}

.gl-consent-row {
  margin-bottom: 12px !important;
}
.gl-consent-row:last-child {
  margin-bottom: 0 !important;
}

/* Sidebar nav item icon for Zgody */
.gl-sidebar-nav .woocommerce-MyAccount-navigation-link--zgody a::before {
  content: '\f505';
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  font-size: 13px;
}


/* ================================================================
   RESPONSIVE
   ================================================================ */

@media (max-width: 991px) {
  .gl-auth-grid {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .gl-auth-col {
    padding: 28px 24px;
  }
  .gl-auth-divider {
    padding: 0;
    height: auto;
    margin: 0;
  }
  .gl-auth-divider::before {
    top: 50%;
    bottom: auto;
    left: 20px;
    right: 20px;
    width: auto;
    height: 1px;
  }
  .gl-auth-divider span {
    padding: 0 16px;
  }

  .gl-myaccount-grid {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .gl-myaccount-sidebar {
    border-radius: var(--rlg, 10px) var(--rlg, 10px) 0 0;
  }
  .gl-sidebar-nav .woocommerce-MyAccount-navigation ul {
    display: flex;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    gap: 0;
    padding: 0;
  }
  .gl-sidebar-nav .woocommerce-MyAccount-navigation ul li {
    border-bottom: none;
    flex-shrink: 0;
    scroll-snap-align: start;
  }
  .gl-sidebar-nav .woocommerce-MyAccount-navigation ul li a {
    padding: 12px 18px;
    white-space: nowrap;
    font-size: 12.5px;
    border-left: none;
    border-bottom: 3px solid transparent;
  }
  .gl-sidebar-nav .woocommerce-MyAccount-navigation ul li.is-active a,
  .gl-sidebar-nav .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard.is-active a {
    border-left: none;
    border-bottom-color: var(--red, #fb9942);
  }
  .gl-myaccount-content {
    padding: 24px 20px;
  }
}

@media (max-width: 768px) {
  .gl-account-wrap {
    padding: 0 12px;
  }
  .gl-auth-heading,
  .gl-myaccount-title {
    font-size: 22px;
    margin-bottom: 20px;
  }
  .gl-auth-col {
    padding: 24px 16px;
    border-radius: var(--r, 5px);
  }
  .gl-form-row--half {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .gl-form-row--half .gl-form-field {
    margin-bottom: 20px;
  }
  .gl-sidebar-profile {
    padding: 16px;
  }
  .gl-avatar {
    width: 42px;
    height: 42px;
    font-size: 15px;
  }

  /* Orders table horizontal scroll */
  .gl-myaccount-content .woocommerce-orders-table {
    display: block;
    overflow-x: auto;
  }
}

@media (max-width: 480px) {
  .gl-auth-col h2 {
    font-size: 18px;
  }
  .gl-auth-subtitle {
    font-size: 12.5px;
  }
  .gl-btn {
    font-size: 13px;
    padding: 12px 20px;
  }
}

/* ============================================================
   LOST / RESET PASSWORD (link z e-maila rejestracyjnego)
   ============================================================ */
.gl-auth--single {
  max-width: 520px;
  margin: 0 auto;
}
.gl-auth-lostpw {
  margin-top: 18px;
}
.gl-auth-lostpw p {
  font-size: 13.5px;
  color: var(--gray-600, #555);
  line-height: 1.6;
}
.gl-auth-lostpw .woocommerce-form-row,
.gl-auth-lostpw .form-row {
  display: block;
  margin: 0 0 16px;
}
.gl-auth-lostpw label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #111;
  margin: 0 0 6px;
}
.gl-auth-lostpw input[type="text"],
.gl-auth-lostpw input[type="email"],
.gl-auth-lostpw input[type="password"] {
  width: 100%;
  padding: 12px 14px;
  font-size: 14px;
  border: 1.5px solid var(--gray-200, #e5e5e5);
  border-radius: var(--r, 8px);
  background: #fff;
  color: #111;
}
.gl-auth-lostpw input:focus {
  outline: none;
  border-color: var(--black, #111);
}
.gl-auth-lostpw .woocommerce-password-strength,
.gl-auth-lostpw .woocommerce-password-hint {
  display: block;
  font-size: 12px;
  margin-top: 6px;
}
.gl-auth-lostpw button[type="submit"],
.gl-auth-lostpw .woocommerce-Button,
.gl-auth-lostpw button.button {
  display: block;
  width: 100%;
  padding: 13px 18px;
  background: var(--black, #111);
  color: #fff;
  border: none;
  border-radius: var(--r, 8px);
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition: background .2s ease;
}
.gl-auth-lostpw button[type="submit"]:hover,
.gl-auth-lostpw .woocommerce-Button:hover,
.gl-auth-lostpw button.button:hover {
  background: #333;
}
.gl-auth-back {
  margin-top: 18px;
  text-align: center;
}
.gl-auth-back a {
  font-size: 13px;
  color: var(--gray-600, #555);
  text-decoration: none;
}
.gl-auth-back a:hover {
  color: #111;
  text-decoration: underline;
}