.reset-btn {
  width: 50%;
  padding: 0.75rem 0;
  border: none;
  border-radius: 40px;
  color: white;
  font-size: 1rem;
  transition: background-color 0.3s;
  background-color: var(--y-color-btn);
  font-weight: 600;
  height: auto;
  white-space: nowrap;
}
.custom-box {
  padding: 5px 6px;
  border-radius: 0.5rem;
  border: 1px solid #333;
  background-color: #fff;
  font-size: 1rem;
  line-height: 1.5;
  resize: vertical;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.custom-box:focus {
  border-color: #be8647;
  box-shadow: 0 0 10px rgba(190, 134, 71, 0.3);
  outline: none;
}

.custom-box::placeholder {
  color: #999;
  font-style: italic;
}
.email-label {
  font-size: 1.4rem;
  font-weight: bold;
}
@media (max-width: 820px) {
  .y-u-reset-container {
    width: 100% !important;
    padding: 0 1rem !important;
  }
  .email-label {
    font-size: var(--y-font-size-xl);
  }
  .reset-note, .reset-btn {
    font-size: var(--y-font-size-lg);
    width: 100%;
      height: auto;

  }
  
}
/* غلاف الصفحة: شبكة تُوسّط كل شيء */
body.page-login main[data-y="main"]{
  min-height:100dvh;
  display:grid;
  place-items:center;              /* توسيط رأسي وأفقي */
  padding:24px 16px;
}

/* صندوق النموذج */
body.page-login .woocommerce-form-login{
  width:min(100%, 520px);
  margin-inline:auto;              /* وسط أفقي */
  background:#fff;
  padding:24px;
  border-radius:12px;
  box-shadow:0 6px 16px rgba(0,0,0,.08);
}

/* إلغاء تخطيطات ووكومرس الافتراضية التي تدفع العناصر لليمين */
body.page-login .woocommerce form .form-row{
  float:none !important;
  width:100% !important;
  clear:both !important;
  text-align:inherit;
}

/* تكبير الحقول */
body.page-login .woocommerce form .input-text,
body.page-login .woocommerce form input[type="text"],
body.page-login .woocommerce form input[type="email"],
body.page-login .woocommerce form input[type="password"]{
  width:100% !important;
  padding:14px 16px;
  font-size:18px;
  line-height:1.4;
  border-radius:10px;
  box-sizing:border-box;
}

/* زر الدخول بعرض كامل */
body.page-login .woocommerce form button.button{
  width:100%;
  padding:14px 16px;
  font-size:18px;
  border-radius:10px;
}

/* الروابط أسفل النموذج في الوسط */
body.page-login .woocommerce-LostPassword,
body.page-login .woocommerce-form-login .form-row.rememberme,
body.page-login .y-u-text-center{ text-align:center; }