/* -------------------------------------------------------------------------
 * Greenlearners account experience, scoped to WooCommerce My Account.
 * Every colour here comes from the Greenlearners brand palette.
 * ---------------------------------------------------------------------- */
.woocommerce-account{
  --glt-green:#009721;
  --glt-green-dark:#00701A;
  --glt-deep:#003B0D;
  --glt-deepest:#00230A;
  --glt-lite:#4ADE80;
  --glt-pale:#BFDFC8;
  --glt-fire:#FF3B00;
  --glt-fire-pale:#FFB399;
  --glt-ink:#0B160E;
  --glt-body:#4E5E54;
  --glt-line:#E5EAE6;
  --glt-soft:#F5F8F5;
  --glt-wash:#F4FBF6;
  --glt-neutral:#2E3D33;
  --glt-neutral-edge:#9DAAA2;
  --glt-danger:#8C1B00;
  --glt-danger-bg:#FFF1EC;
  --glt-danger-edge:#F4C4B4;
}
.woocommerce-account .woocommerce{
  max-width:1400px;
  margin-inline:auto;
}
.woocommerce-account .woocommerce-MyAccount-navigation{
  width:250px;
}
.woocommerce-account .woocommerce-MyAccount-content{
  width:calc(100% - 285px);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul{
  list-style:none;
  margin:0;
  padding:8px;
  border:1px solid var(--glt-line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 35px rgba(11,22,14,.045);
}
.woocommerce-account .woocommerce-MyAccount-navigation li{
  margin:2px 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation a{
  display:flex;
  align-items:center;
  min-height:46px;
  padding:10px 13px;
  border-radius:11px;
  color:var(--glt-body);
  font-weight:650;
  text-decoration:none;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}
.woocommerce-account .woocommerce-MyAccount-navigation a:hover{
  color:var(--glt-green-dark);
  background:var(--glt-soft);
  transform:translateX(2px);
}
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a{
  color:#fff;
  background:var(--glt-green);
  box-shadow:0 8px 20px rgba(0,151,33,.18);
}
.woocommerce-account .woocommerce-MyAccount-content{
  min-width:0;
}
.woocommerce-account .woocommerce-MyAccount-content > p:first-child{
  color:var(--glt-body);
}
/* The dashboard already opens with our welcome section; hide WooCommerce's
   default "Hello... From your account dashboard..." paragraphs so the
   greeting is not said twice. */
.woocommerce-account .woocommerce-MyAccount-content:has(.glt-account-welcome) > p:nth-of-type(-n+2){
  display:none;
}

/* Logged-out login / registration */
.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register{
  box-sizing:border-box;
  max-width:720px;
  margin-inline:auto;
  border:1px solid var(--glt-line);
  border-radius:20px;
  background:#fff;
  padding:clamp(22px,4vw,42px);
  box-shadow:0 18px 55px rgba(11,22,14,.07);
}
.woocommerce-account .u-columns,
.woocommerce-account #customer_login,
.woocommerce-account #customer_login.u-columns.col2-set{
  display:block!important;
  grid-template-columns:none!important;
  float:none!important;
  width:100%!important;
  max-width:820px!important;
  margin-inline:auto!important;
  gap:0!important;
}
.woocommerce-account .u-column1,
.woocommerce-account .u-column2,
.woocommerce-account #customer_login .u-column1,
.woocommerce-account #customer_login .u-column2{
  width:100%!important;
  max-width:100%!important;
  float:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
.woocommerce-account #customer_login .u-column1::before,
.woocommerce-account #customer_login .u-column1::after,
.woocommerce-account #customer_login .u-column2::before,
.woocommerce-account #customer_login .u-column2::after,
.woocommerce-account #customer_login::before,
.woocommerce-account #customer_login::after{
  display:none!important;
  content:none!important;
  border:0!important;
}
/* One page, one title. "Login" / "Register" headings are removed entirely;
   the page's own "My account" H1 does that job, and the buttons say the rest. */
.woocommerce-account .u-column1 > h2,
.woocommerce-account .u-column2 > h2,
.woocommerce-account #customer_login h2{
  display:none!important;
}
/* On the logged-out page, notices line up with the card instead of
   stretching across the whole screen. */
body.glt-account-login-view .woocommerce-notices-wrapper,
body.glt-account-register-view .woocommerce-notices-wrapper,
body.glt-account-login-view .woocommerce-error,
body.glt-account-login-view .woocommerce-message,
body.glt-account-login-view .woocommerce-info,
body.glt-account-register-view .woocommerce-error,
body.glt-account-register-view .woocommerce-message,
body.glt-account-register-view .woocommerce-info{
  width:auto!important;
  max-width:720px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  float:none!important;
  box-sizing:border-box!important;
}
body.glt-account-login-view .u-column2{display:none!important}
body.glt-account-register-view .u-column1{display:none!important}
body.glt-account-register-view .glt-login-register-prompt:not(.glt-register-login-prompt){display:none!important}
.woocommerce-account .woocommerce-form-login label,
.woocommerce-account .woocommerce-form-register label{
  display:block;
  margin:0 0 7px;
  color:var(--glt-ink);
  font-weight:700;
}
.woocommerce-account .woocommerce-form-login input.input-text,
.woocommerce-account .woocommerce-form-register input.input-text,
.woocommerce-account .woocommerce-form-register textarea,
.woocommerce-account .woocommerce-form-register select{
  width:100%;
  min-height:52px;
  border:1.5px solid var(--glt-line);
  border-radius:12px;
  background:#fff;
  color:var(--glt-ink);
  padding:13px 15px;
  font-size:18px;
  transition:border-color .18s ease,box-shadow .18s ease;
}
.woocommerce-account .woocommerce-form-login input:focus,
.woocommerce-account .woocommerce-form-register input:focus,
.woocommerce-account .woocommerce-form-register textarea:focus,
.woocommerce-account .woocommerce-form-register select:focus{
  border-color:var(--glt-green);
  box-shadow:0 0 0 4px rgba(0,151,33,.12);
  outline:none;
}
.woocommerce-account .woocommerce-form-register textarea{
  min-height:112px;
  resize:vertical;
}

/* First and last name sit side by side on wide screens, stacked on phones. */
.woocommerce-account .woocommerce-form-register .form-row-first{width:48.5%;float:left;clear:left}
.woocommerce-account .woocommerce-form-register .form-row-last{width:48.5%;float:right;clear:right}
.woocommerce-account .woocommerce-form-register .clear{clear:both}
@media(max-width:600px){
  .woocommerce-account .woocommerce-form-register .form-row-first,
  .woocommerce-account .woocommerce-form-register .form-row-last{width:100%;float:none}
}

/* Password field: exactly one eye, drawn by us. The theme paints its own eye
   by masking the button and filling it with the text colour; that mask is
   switched off here so only this icon shows, at a normal size, in every state
   (resting, hover, pressed, focused and while the password is showing). */
.woocommerce-account .woocommerce-form-login .password-input,
.woocommerce-account .woocommerce-form-register .password-input{
  display:block;
  position:relative;
}
.woocommerce-account .password-input input.input-text{
  box-sizing:border-box;
  max-width:100%;
  padding-right:58px;
}
.woocommerce-account .password-input .show-password-input,
.woocommerce-account .password-input .show-password-input:hover,
.woocommerce-account .password-input .show-password-input:focus,
.woocommerce-account .password-input .show-password-input:active{
  position:absolute!important;
  right:9px!important;
  left:auto!important;
  top:50%!important;
  bottom:auto!important;
  display:block!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  max-width:40px!important;
  max-height:40px!important;
  margin:0!important;
  padding:0!important;
  transform:translateY(-50%)!important;
  border:0!important;
  border-radius:50%!important;
  box-shadow:none!important;
  cursor:pointer;
  -webkit-mask:none!important;
  mask:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  background-color:transparent!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234E5E54' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='2.5'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:20px 20px!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  text-indent:0!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  transition:background-color .15s ease!important;
}
.woocommerce-account .password-input .show-password-input.display-password,
.woocommerce-account .password-input .show-password-input.display-password:hover,
.woocommerce-account .password-input .show-password-input.display-password:focus,
.woocommerce-account .password-input .show-password-input.display-password:active,
.woocommerce-account .password-input input[type=text] ~ .show-password-input{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234E5E54' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3l18 18'/%3E%3Cpath d='M10.6 10.7a2.5 2.5 0 0 0 3.4 3.4'/%3E%3Cpath d='M9.9 5.3A10.9 10.9 0 0 1 12 5c6.5 0 10 7 10 7a18.3 18.3 0 0 1-3.1 4.1'/%3E%3Cpath d='M6.1 6.1C3.5 8 2 12 2 12s3.5 7 10 7c1 0 1.9-.1 2.8-.4'/%3E%3C/svg%3E")!important;
}
/* Kill every glyph a theme or plugin tries to draw inside the control, and
   hide any extra toggle controls beyond the first. */
.woocommerce-account .password-input .show-password-input::before,
.woocommerce-account .password-input .show-password-input::after{
  display:none!important;
  content:none!important;
}
.woocommerce-account .password-input .show-password-input ~ .show-password-input{
  display:none!important;
}
.woocommerce-account .password-input .show-password-input:hover,
.woocommerce-account .password-input .show-password-input:active{
  background-color:var(--glt-soft)!important;
}
.woocommerce-account .password-input .show-password-input:focus-visible{
  outline:3px solid rgba(0,151,33,.35)!important;
  outline-offset:1px!important;
}

.glt-login-register-prompt{
  max-width:720px;
  margin:14px auto 0;
  padding:15px 18px;
  border:1px solid var(--glt-line);
  border-radius:12px;
  text-align:center;
  color:var(--glt-body);
  background:var(--glt-soft);
}
.glt-login-register-prompt a{
  color:var(--glt-green-dark);
  font-weight:800;
  text-decoration:underline;
  text-underline-offset:3px;
}
.glt-login-register-prompt a:hover{color:var(--glt-fire)}
.glt-registration-profile{
  margin:22px 0 4px;
  padding:22px;
  border:1px solid var(--glt-line);
  border-radius:16px;
  background:linear-gradient(180deg,#FFFFFF,#F4FBF6);
}
.glt-registration-heading{margin:0 0 16px}
.glt-registration-kicker,
.glt-account-kicker,
.glt-wisdom-label{
  display:block;
  color:var(--glt-green-dark);
  font-size:13px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.glt-registration-heading h3{
  margin:4px 0 5px;
  color:var(--glt-ink);
  font-size:23px;
}
.glt-registration-heading p{
  margin:0;
  color:var(--glt-body);
  font-size:16px;
  line-height:1.55;
}
.glt-registration-profile .form-row{
  margin:0 0 15px;
}
.glt-registration-profile .required{color:var(--glt-fire)}
.woocommerce-account .woocommerce-privacy-policy-text{
  color:var(--glt-body);
  font-size:14.5px;
  line-height:1.55;
}
.woocommerce-account .woocommerce-privacy-policy-text a{
  color:var(--glt-green-dark);
}
.woocommerce-account .woocommerce-form-login .woocommerce-form-login__submit,
.woocommerce-account .woocommerce-form-register .woocommerce-form-register__submit{
  width:100%;
  min-height:52px;
  border:0;
  border-radius:12px;
  padding:13px 25px;
  background:var(--glt-green);
  color:#fff;
  font-weight:800;
  font-size:18px;
  box-shadow:0 10px 24px rgba(0,151,33,.16);
  transition:background .18s ease,transform .18s ease,box-shadow .18s ease;
}
.woocommerce-account .woocommerce-form-login .woocommerce-form-login__submit:hover,
.woocommerce-account .woocommerce-form-register .woocommerce-form-register__submit:hover{
  background:var(--glt-fire);
  color:#fff;
  transform:translateY(-1px);
  box-shadow:0 12px 26px rgba(255,59,0,.16);
}

/* Error / success / info messages: never rely on theme defaults. */
.woocommerce-account .woocommerce-error,
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info{
  border:1px solid!important;
  border-radius:12px!important;
  padding:15px 18px 15px 48px!important;
  margin:0 0 20px!important;
  font-size:16.5px!important;
  line-height:1.55!important;
  box-shadow:none!important;
  text-shadow:none!important;
  opacity:1!important;
}
.woocommerce-account .woocommerce-error{
  background:var(--glt-danger-bg)!important;
  border-color:var(--glt-danger-edge)!important;
  color:var(--glt-danger)!important;
}
.woocommerce-account .woocommerce-error::before{color:var(--glt-fire)!important}
.woocommerce-account .woocommerce-message{
  background:var(--glt-wash)!important;
  border-color:var(--glt-pale)!important;
  color:var(--glt-green-dark)!important;
}
.woocommerce-account .woocommerce-message::before{color:var(--glt-green)!important}
.woocommerce-account .woocommerce-info{
  background:var(--glt-soft)!important;
  border-color:var(--glt-neutral-edge)!important;
  color:var(--glt-neutral)!important;
}
.woocommerce-account .woocommerce-info::before{color:var(--glt-body)!important}
.woocommerce-account .woocommerce-error a,
.woocommerce-account .woocommerce-message a,
.woocommerce-account .woocommerce-info a{
  color:inherit!important;
  text-decoration:underline!important;
  font-weight:800;
}

/* Dashboard value layer */
.glt-account-welcome{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:24px 26px;
  margin:0 0 16px;
  border:1px solid var(--glt-line);
  border-radius:18px;
  background:linear-gradient(135deg,#FFFFFF 0%,#F4FBF6 100%);
  box-shadow:0 12px 35px rgba(11,22,14,.045);
}
.glt-account-welcome-main h2{
  margin:4px 0 6px;
  color:var(--glt-ink);
  font-size:clamp(1.5375rem,2.4vw,2.0875rem);
  line-height:1.15;
  letter-spacing:-.025em;
}
.glt-account-welcome-main p{margin:0;color:var(--glt-body);font-size:16.5px}
.glt-account-profile-link{
  flex:0 0 auto;
  min-height:44px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 15px;
  border:1px solid rgba(0,151,33,.25);
  border-radius:999px;
  color:var(--glt-green-dark);
  background:#fff;
  font-weight:750;
  text-decoration:none;
}
.glt-account-profile-link:hover{background:var(--glt-green);border-color:var(--glt-green);color:#fff}
.glt-streak{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-top:12px;
  padding:7px 14px;
  border:1px solid var(--glt-pale);
  border-radius:999px;
  background:var(--glt-wash);
  color:var(--glt-green-dark);
  font-size:14.5px;
  font-weight:800;
}
.glt-wisdom{
  position:relative;
  display:block;
  padding:24px 26px;
  margin:0 0 18px;
  border-radius:18px;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 92% 10%,rgba(255,59,0,.28),transparent 28%),
    linear-gradient(135deg,#00230A,#003B0D);
  box-shadow:0 18px 45px rgba(0,35,10,.2);
}
.glt-wisdom::after{
  content:'';
  position:absolute;
  width:220px;height:220px;
  right:-100px;bottom:-140px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.11);
}
.glt-wisdom-body{position:relative;z-index:1;min-width:0}
.glt-wisdom-label{color:var(--glt-fire);font-size:14px;margin:0 0 7px}
.glt-wisdom blockquote{
  max-width:72ch;
  margin:0 0 12px;
  padding:0;
  border:0;
  background:transparent;
  color:#fff;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(1.305rem,2.2vw,1.7675rem);
  line-height:1.4;
  letter-spacing:-.01em;
}
.glt-wisdom-lesson,.glt-wisdom-action{
  max-width:78ch;
  margin:7px 0;
  color:rgba(255,255,255,.82);
  font-size:16px;
  line-height:1.6;
}
.glt-wisdom-lesson strong,.glt-wisdom-action strong{color:#fff}
.glt-wisdom-from{
  margin:16px 0 8px;
  color:var(--glt-pale);
  font-size:14.5px;
}
.glt-wisdom-from strong{color:#fff}
.glt-wisdom-talk{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 12px;
  margin:14px 0 2px;
  color:rgba(255,255,255,.85);
  font-size:15.5px;
  line-height:1.5;
}
.glt-wisdom-whatsapp{
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:46px;
  margin-top:0;
  padding:12px 20px;
  border-radius:999px;
  background:var(--glt-green);
  color:#fff;
  font-weight:800;
  font-size:15.5px;
  line-height:1.4;
  text-align:center;
  text-decoration:none;
  box-shadow:0 10px 24px rgba(0,151,33,.35);
  transition:background .18s ease,transform .18s ease;
}
.glt-wisdom-whatsapp:hover{
  background:var(--glt-green-dark);
  color:#fff;
  transform:translateY(-1px);
}
.glt-wisdom-whatsapp:focus-visible{
  outline:3px solid rgba(255,255,255,.6)!important;
  outline-offset:2px;
}
.glt-wisdom-whatsapp svg{
  width:17px;
  height:17px;
  flex:0 0 auto;
  fill:currentColor;
}
.glt-account-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:0 0 18px;
}
.glt-account-stats div{
  min-width:0;
  padding:16px 17px;
  border:1px solid var(--glt-line);
  border-radius:14px;
  background:#fff;
}
.glt-account-stats strong{
  display:block;
  color:var(--glt-ink);
  font-size:27px;
  line-height:1;
  margin-bottom:6px;
}
.glt-account-stats span{
  color:var(--glt-body);
  font-size:15px;
}

/* Continue learning */
.glt-continue{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  padding:22px 24px;
  margin:0 0 22px;
  border:1px solid var(--glt-pale);
  border-radius:18px;
  background:var(--glt-wash);
}
.glt-continue-main{min-width:0;flex:1 1 auto}
.glt-continue-main h3{
  margin:4px 0 12px;
  color:var(--glt-ink);
  font-size:clamp(1.175rem,1.8vw,1.4875rem);
  line-height:1.25;
}
.glt-continue-bar{
  height:9px;
  max-width:420px;
  border-radius:999px;
  background:#fff;
  border:1px solid var(--glt-line);
  overflow:hidden;
}
.glt-continue-bar i{
  display:block;
  height:100%;
  border-radius:999px;
  background:var(--glt-green);
}
.glt-continue-meta{
  margin:9px 0 0;
  color:var(--glt-body);
  font-size:15px;
}
.glt-continue-btn{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:48px;
  padding:13px 20px;
  border-radius:999px;
  background:var(--glt-green);
  color:#fff;
  font-weight:800;
  font-size:16.5px;
  text-decoration:none;
  box-shadow:0 10px 24px rgba(0,151,33,.18);
  transition:background .18s ease,transform .18s ease;
}
.glt-continue-btn:hover{
  background:var(--glt-fire);
  color:#fff;
  transform:translateY(-1px);
}

/* Ask Chukwuemeka */
.glt-ask{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:22px;
  clear:both;
  padding:22px 24px;
  margin:clamp(30px,4vw,46px) 0 clamp(26px,3.5vw,40px);
  border:1px solid var(--glt-line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 35px rgba(11,22,14,.045);
}
.glt-ask-main{min-width:0;flex:1 1 auto}
.glt-ask-main h3{
  margin:4px 0 6px;
  color:var(--glt-ink);
  font-size:clamp(1.175rem,1.8vw,1.4875rem);
}
.glt-ask-main p{margin:0 0 12px;color:var(--glt-body);font-size:15.5px}
.glt-ask-input{
  width:100%;
  max-width:560px;
  border:1.5px solid var(--glt-line);
  border-radius:12px;
  padding:12px 14px;
  font-size:17px;
  color:var(--glt-ink);
  background:#fff;
  resize:vertical;
  min-height:76px;
}
.glt-ask-input:focus{
  border-color:var(--glt-green);
  box-shadow:0 0 0 4px rgba(0,151,33,.12);
  outline:none;
}
.glt-ask-btn{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:48px;
  padding:13px 20px;
  border-radius:999px;
  background:var(--glt-green);
  color:#fff;
  font-weight:800;
  font-size:16px;
  text-decoration:none;
  box-shadow:0 10px 24px rgba(0,151,33,.18);
  transition:background .18s ease,transform .18s ease;
}
.glt-ask-btn:hover{background:var(--glt-green-dark);color:#fff;transform:translateY(-1px)}

/* Profile editor */
.glt-profile-extra{
  clear:both;
  margin-top:22px;
  padding-top:22px;
  border-top:1px solid var(--glt-line);
}
.glt-profile-extra h3{margin:0 0 5px;color:var(--glt-ink);font-size:23px}
.glt-profile-extra>p{margin:0 0 18px;color:var(--glt-body);font-size:15.5px}
.woocommerce-account .glt-profile-extra .form-row{
  margin-bottom:16px;
}
.woocommerce-account .glt-profile-extra input,
.woocommerce-account .glt-profile-extra select,
.woocommerce-account .glt-profile-extra textarea{
  width:100%;
  border:1.5px solid var(--glt-line);
  border-radius:11px;
  min-height:50px;
  padding:12px 14px;
  color:var(--glt-ink);
  background:#fff;
}
.woocommerce-account .glt-profile-extra textarea{min-height:105px}

/* Accessibility + responsive */
.woocommerce-account a:focus-visible,
.woocommerce-account button:focus-visible,
.woocommerce-account input:focus-visible,
.woocommerce-account select:focus-visible,
.woocommerce-account textarea:focus-visible{
  outline:3px solid rgba(255,59,0,.55)!important;
  outline-offset:2px;
}
@media(max-width:900px){
  .woocommerce-account .woocommerce-MyAccount-navigation,
  .woocommerce-account .woocommerce-MyAccount-content{
    width:100%;
    float:none;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation{margin-bottom:22px}
  .woocommerce-account .woocommerce-MyAccount-navigation ul{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:4px;
  }
  .glt-continue{
    flex-direction:column;
    align-items:stretch;
  }
  .glt-continue-btn{justify-content:center}
}
@media(max-width:600px){
  .woocommerce-account .woocommerce-form-login,
  .woocommerce-account .woocommerce-form-register{
    padding:20px 16px;
    border-radius:15px;
  }
  .glt-login-register-prompt{font-size:16px}
  .glt-account-welcome{
    align-items:flex-start;
    flex-direction:column;
    padding:20px;
  }
  .glt-account-profile-link{width:100%;justify-content:center}
  .glt-wisdom{
    grid-template-columns:1fr;
    padding:20px;
  }
    .glt-wisdom-talk{display:block}
  .glt-wisdom-talk span{display:block;margin-bottom:10px}
  .glt-wisdom-whatsapp{
    display:flex;
    width:100%;
    justify-content:center;
  }
  .glt-ask{flex-direction:column;align-items:stretch}
  .glt-ask-input{max-width:none}
  .glt-ask-btn{justify-content:center}
  .glt-account-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .woocommerce-account .woocommerce-MyAccount-navigation ul{
    grid-template-columns:1fr;
  }
}
@media(max-width:340px){
  .glt-account-welcome,
  .glt-wisdom,
  .glt-continue{padding:16px 14px}
  .glt-account-stats{gap:8px}
  .glt-account-stats div{padding:13px 12px}
  .glt-account-stats strong{font-size:23px}
  .woocommerce-account .woocommerce-form-login,
  .woocommerce-account .woocommerce-form-register{padding:16px 12px}
}
@media(min-width:1800px){
  .woocommerce-account .woocommerce{max-width:1550px}
  .glt-account-welcome{padding:30px 34px}
  .glt-wisdom{padding:30px 34px}
  .glt-account-stats strong{font-size:31px}
}
@media(min-width:2400px){
  .woocommerce-account .woocommerce{max-width:1700px}
  .glt-wisdom blockquote{font-size:1.9375rem}
  .glt-account-stats strong{font-size:35px}
  .glt-account-stats span{font-size:16.5px}
}
@media(prefers-reduced-motion:reduce){
  .woocommerce-account .woocommerce-MyAccount-navigation a,
  .glt-account-profile-link,
  .glt-continue-btn,
  .woocommerce-account .woocommerce-form-login .woocommerce-form-login__submit,
  .woocommerce-account .woocommerce-form-register .woocommerce-form-register__submit{
    transition:none;
  }
}

/* Verification link resend, under the sign in card */
/* The theme stretches anything placed after the sign in form across the
   whole page, so the width is held with the same strength the card uses. It
   lines up exactly with the sign in card above it. */
.woocommerce-account .glt-resend-wrap,
body.glt-account-login-view .glt-resend-wrap,
body.glt-account-register-view .glt-resend-wrap{display:block!important;box-sizing:border-box!important;width:100%!important;max-width:720px!important;margin:18px auto 0!important;padding:0!important;float:none!important;flex:none!important;clear:both}
.woocommerce-account .glt-resend,
body.glt-account-login-view .glt-resend{display:block!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin:0!important;float:none!important;flex:none!important;padding:14px 22px;border:1px solid var(--glt-line);border-radius:16px;background:#fff;font-size:15px;color:var(--glt-body)}
.woocommerce-account .glt-resend summary{cursor:pointer;font-weight:650;color:var(--glt-deep)}
.woocommerce-account .glt-resend-form{margin-top:12px}
.woocommerce-account .glt-resend-form label{display:block;font-weight:650;color:var(--glt-ink);margin-bottom:6px}
.woocommerce-account .glt-resend-row{display:flex;gap:8px;flex-wrap:wrap}
.woocommerce-account .glt-resend-row input{flex:1 1 220px;min-width:0;min-height:48px}
.woocommerce-account .glt-resend-row .button{flex:0 0 auto;min-height:48px;background:var(--glt-green);color:#fff;border:0;border-radius:999px;padding:10px 20px;font-weight:700}
.woocommerce-account .glt-resend-row .button:hover{background:var(--glt-green-dark);color:#fff}


/* Unread count beside Notifications in the account menu. The number itself
   is printed by a tiny style tag, so the menu label stays plain text. */
.woocommerce-MyAccount-navigation-link--notifications.glt-has-unread a::after{display:inline-block;margin-left:8px;min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:#FF3B00;color:#fff;font-size:12.5px;font-weight:700;line-height:22px;text-align:center;vertical-align:middle}

/* Sign-in code step */
.woocommerce-account .glt-lc{max-width:520px;margin:0 auto 22px;padding:22px;border:1px solid var(--glt-line,#E5EAE6);border-radius:16px;background:#fff}
.woocommerce-account .glt-lc h2{margin:0 0 8px}
.woocommerce-account .glt-lc label{display:block;font-weight:700;margin:12px 0 6px}
.woocommerce-account .glt-lc input[type=text]{width:100%;min-height:52px;font-size:24px;letter-spacing:.3em;text-align:center}
.woocommerce-account .glt-lc .button{margin-top:12px;min-height:48px;width:100%;border-radius:999px;background:#009721;color:#fff;font-weight:700}
.woocommerce-account .glt-lc .button:hover{background:#00701A;color:#fff}

/* Full-width buttons on small phones count their padding inside the width,
   so they never poke past the edge of a 240px screen. */
.glt-account-profile-link,.glt-wisdom-whatsapp,.glt-ask-btn{box-sizing:border-box;max-width:100%}
@media(max-width:600px){.woocommerce-account .glt-resend,body.glt-account-login-view .glt-resend{padding:14px 16px}.woocommerce-account .glt-resend-row .button{width:100%}}