/* ============================================================
   Modern Account Login/Register
   ============================================================ */
/* ===================== GeniusMixer Modern My Account Login/Register ===================== */
/* ================= Reset Password Form ================= */

body.woocommerce-account:not(.logged-in) .woocommerce-ResetPassword.lost_reset_password{
  width: min(620px, 100%) !important;
  margin: 35px auto !important;
  padding: 24px !important;
  background: #ffffff !important;
  border: 2px solid #111827 !important;
  border-radius: 18px !important;
  box-shadow: 0 16px 45px rgba(0, 0, 0, 0.08) !important;
  direction: rtl !important;
}

/* النص العلوي */
body.woocommerce-account:not(.logged-in) .woocommerce-ResetPassword.lost_reset_password > p:first-child{
  margin: 0 0 20px !important;
  padding: 12px 14px !important;
  background: #f8f3e9 !important;
  border: 1.5px solid #111827 !important;
  border-radius: 14px !important;
  color: #111827 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.7 !important;
}

/* صفوف الحقول */
body.woocommerce-account:not(.logged-in) .woocommerce-ResetPassword.lost_reset_password .woocommerce-form-row{
  width: 100% !important;
  float: none !important;
  clear: both !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
}

/* عنوان الحقل */
body.woocommerce-account:not(.logged-in) .woocommerce-ResetPassword.lost_reset_password label{
  display: block !important;
  margin-bottom: 8px !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  color: #111827 !important;
}

/* النجمة */
body.woocommerce-account:not(.logged-in) .woocommerce-ResetPassword.lost_reset_password label .required{
  color: #dc2626 !important;
  font-weight: 900 !important;
}

/* غلاف كلمة المرور */
body.woocommerce-account:not(.logged-in) .woocommerce-ResetPassword.lost_reset_password .password-input{
  display: block !important;
  position: relative !important;
  width: 100% !important;
}

/* حقول كلمة المرور */
body.woocommerce-account:not(.logged-in) .woocommerce-ResetPassword.lost_reset_password input[type="password"],
body.woocommerce-account:not(.logged-in) .woocommerce-ResetPassword.lost_reset_password input[type="text"],
body.woocommerce-account:not(.logged-in) .woocommerce-ResetPassword.lost_reset_password .woocommerce-Input{
  width: 100% !important;
  height: 52px !important;
  padding: 12px 46px 12px 14px !important;
  border: 2px solid #111827 !important;
  border-radius: 14px !important;
  background: #f8f3e9 !important;
  color: #111827 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  outline: none !important;
  box-shadow: none !important;
  transition: all 0.2s ease !important;
  direction: ltr !important;
  text-align: left !important;
}

/* عند التركيز */
body.woocommerce-account:not(.logged-in) .woocommerce-ResetPassword.lost_reset_password input:focus{
  border-color: #000 !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 4px rgba(17, 24, 39, 0.12) !important;
}

/* زر إظهار كلمة المرور */
body.woocommerce-account:not(.logged-in) .woocommerce-ResetPassword.lost_reset_password .show-password-input{
  position: absolute !important;
  top: 50% !important;
  right: 14px !important;
  left: auto !important;
  transform: translateY(-50%) !important;
  width: 24px !important;
  height: 24px !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
  opacity: 0.75 !important;
  box-shadow: none !important;
}

body.woocommerce-account:not(.logged-in) .woocommerce-ResetPassword.lost_reset_password .show-password-input:hover{
  opacity: 1 !important;
}

/* زر الحفظ */
body.woocommerce-account:not(.logged-in) .woocommerce-ResetPassword.lost_reset_password button[type="submit"],
body.woocommerce-account:not(.logged-in) .woocommerce-ResetPassword.lost_reset_password .woocommerce-Button{
  width: 100% !important;
  min-height: 54px !important;
  background: #000000 !important;
  color: #ffffff !important;
  border: 2px solid #000000 !important;
  border-radius: 16px !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  padding: 12px 18px !important;
  cursor: pointer !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.20) !important;
  transition: all 0.2s ease !important;
}

body.woocommerce-account:not(.logged-in) .woocommerce-ResetPassword.lost_reset_password button[type="submit"]:hover,
body.woocommerce-account:not(.logged-in) .woocommerce-ResetPassword.lost_reset_password .woocommerce-Button:hover{
  background: #111111 !important;
  transform: translateY(-1px);
}

/* إزالة الفراغات غير الضرورية */
body.woocommerce-account:not(.logged-in) .woocommerce-ResetPassword.lost_reset_password .clear{
  display: none !important;
}

/* موبايل */
@media (max-width: 600px){
  body.woocommerce-account:not(.logged-in) .woocommerce-ResetPassword.lost_reset_password{
    margin: 22px auto !important;
    padding: 18px !important;
    border-radius: 16px !important;
  }

  body.woocommerce-account:not(.logged-in) .woocommerce-ResetPassword.lost_reset_password input[type="password"],
body.woocommerce-account:not(.logged-in) .woocommerce-ResetPassword.lost_reset_password input[type="text"],
body.woocommerce-account:not(.logged-in) .woocommerce-ResetPassword.lost_reset_password .woocommerce-Input{
    height: 50px !important;
    font-size: 15px !important;
    border-radius: 12px !important;
  }

  body.woocommerce-account:not(.logged-in) .woocommerce-ResetPassword.lost_reset_password button[type="submit"],
body.woocommerce-account:not(.logged-in) .woocommerce-ResetPassword.lost_reset_password .woocommerce-Button{
    min-height: 52px !important;
    border-radius: 14px !important;
  }
}
/* تنسيق حقل اسم المستخدم أو البريد الإلكتروني */
body.woocommerce-account:not(.logged-in) .woocommerce-form-row.form-row-first:has(#user_login),
body.woocommerce-account:not(.logged-in) p:has(#user_login){
  position: relative;
  width: 100% !important;
  margin-bottom: 18px !important;
}

/* عنوان الحقل */
body.woocommerce-account:not(.logged-in) label[for="user_login"]{
  display: block !important;
  margin-bottom: 8px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  color: #111827 !important;
}

/* النجمة */
body.woocommerce-account:not(.logged-in) label[for="user_login"] .required{
  color: #dc2626 !important;
  font-weight: 900 !important;
}

/* حقل الإدخال */
body.woocommerce-account:not(.logged-in) #user_login{
  width: 100% !important;
  height: 52px !important;
  padding: 12px 46px 12px 14px !important;
  border: 2px solid #111827 !important;
  border-radius: 14px !important;
  background: #f8f3e9 !important;
  color: #111827 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  outline: none !important;
  box-shadow: none !important;
  transition: all 0.2s ease !important;
  direction: ltr !important;
  text-align: left !important;
}

/* أيقونة داخل الحقل */
body.woocommerce-account:not(.logged-in) p:has(#user_login)::after{
  content: "👤";
  position: absolute;
  right: 16px;
  top: 43px;
  font-size: 18px;
  pointer-events: none;
  opacity: 0.75;
}

/* عند التركيز */
body.woocommerce-account:not(.logged-in) #user_login:focus{
  border-color: #000 !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 4px rgba(17, 24, 39, 0.12) !important;
}

/* Placeholder */
body.woocommerce-account:not(.logged-in) #user_login::placeholder{
  color: #9ca3af !important;
  font-weight: 500 !important;
}

/* موبايل */
@media (max-width: 600px){
  body.woocommerce-account:not(.logged-in) #user_login{
    height: 50px !important;
    font-size: 15px !important;
    border-radius: 12px !important;
  }

  body.woocommerce-account:not(.logged-in) p:has(#user_login)::after{
    top: 42px;
    right: 14px;
  }
}
body.woocommerce-account:not(.logged-in) .woocommerce{
  --gm-acc-bg:#ffffff;
  --gm-acc-soft:#f8f3e9;
  --gm-acc-border:#111827;
  --gm-acc-text:#111827;
  --gm-acc-muted:#6b7280;
  --gm-acc-danger:#ef4444;
  --gm-acc-radius:18px;
  --gm-acc-shadow:0 16px 45px rgba(0,0,0,.08);
}

body.woocommerce-account:not(.logged-in) #customer_login{
  width:min(720px, 100%) !important;
  margin:32px auto !important;
  display:flex !important;
  flex-direction:column !important;
  gap:22px !important;
  direction:rtl;
}

body.woocommerce-account:not(.logged-in) #customer_login .u-column1,
body.woocommerce-account:not(.logged-in) #customer_login .u-column2{
  width:100% !important;
  max-width:100% !important;
  float:none !important;
  clear:both !important;
  margin:0 !important;
  padding:0 !important;
}

body.woocommerce-account:not(.logged-in) #customer_login .u-column1,
body.woocommerce-account:not(.logged-in) #customer_login .u-column2{
  background:var(--gm-acc-bg) !important;
  border:2px solid var(--gm-acc-border) !important;
  border-radius:var(--gm-acc-radius) !important;
  box-shadow:var(--gm-acc-shadow) !important;
  padding:22px !important;
}

body.woocommerce-account:not(.logged-in) #customer_login h2{
  margin:0 0 18px !important;
  font-size:24px !important;
  font-weight:900 !important;
  color:var(--gm-acc-text) !important;
  line-height:1.35 !important;
}

body.woocommerce-account:not(.logged-in) #customer_login form{
  border:0 !important;
  padding:0 !important;
  margin:0 !important;
}

body.woocommerce-account:not(.logged-in) #customer_login .form-row,
body.woocommerce-account:not(.logged-in) #customer_login p.form-row{
  margin:0 0 16px !important;
  padding:0 !important;
}

body.woocommerce-account:not(.logged-in) #customer_login label{
  display:block !important;
  margin:0 0 7px !important;
  font-weight:800 !important;
  color:var(--gm-acc-text) !important;
}

body.woocommerce-account:not(.logged-in) #customer_login input.input-text,
body.woocommerce-account:not(.logged-in) #customer_login .woocommerce-Input,
body.woocommerce-account:not(.logged-in) #customer_login select.input-select,
body.woocommerce-account:not(.logged-in) #customer_login select.woocommerce-Input,
body.woocommerce-account:not(.logged-in) #customer_login input[type="text"],
body.woocommerce-account:not(.logged-in) #customer_login input[type="email"],
body.woocommerce-account:not(.logged-in) #customer_login input[type="password"],
body.woocommerce-account:not(.logged-in) #customer_login input[type="tel"]{
  width:100% !important;
  min-height:50px !important;
  background:var(--gm-acc-soft) !important;
  border:1.7px solid var(--gm-acc-border) !important;
  border-radius:14px !important;
  padding:12px 14px !important;
  font-size:16px !important;
  line-height:1.4 !important;
  outline:none !important;
  box-shadow:none !important;
  color:var(--gm-acc-text) !important;
}

body.woocommerce-account:not(.logged-in) #customer_login select.input-select,
body.woocommerce-account:not(.logged-in) #customer_login select.woocommerce-Input{
  appearance:auto !important;
}

body.woocommerce-account:not(.logged-in) #customer_login input:focus,
body.woocommerce-account:not(.logged-in) #customer_login select:focus{
  border-color:#000 !important;
  box-shadow:0 0 0 4px rgba(17,17,17,.12) !important;
}

body.woocommerce-account:not(.logged-in) #customer_login .password-input{
  display:block !important;
  width:100% !important;
}

body.woocommerce-account:not(.logged-in) #customer_login .show-password-input{
  top:50% !important;
  transform:translateY(-50%) !important;
}

body.woocommerce-account:not(.logged-in) #customer_login .button,
body.woocommerce-account:not(.logged-in) #customer_login button[type="submit"]{
  width:100% !important;
  min-height:52px !important;
  background:#000 !important;
  color:#fff !important;
  border:2px solid #000 !important;
  border-radius:16px !important;
  font-size:16px !important;
  font-weight:900 !important;
  padding:12px 18px !important;
  cursor:pointer !important;
  box-shadow:0 10px 24px rgba(0,0,0,.20) !important;
}

body.woocommerce-account:not(.logged-in) #customer_login .button:hover,
body.woocommerce-account:not(.logged-in) #customer_login button[type="submit"]:hover{
  background:#111 !important;
}

body.woocommerce-account:not(.logged-in) #customer_login .woocommerce-form-login__rememberme{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  margin:0 0 14px !important;
  pointer-events:auto !important;
}

body.woocommerce-account:not(.logged-in) #customer_login .woocommerce-form-login__rememberme input{
  width:18px !important;
  height:18px !important;
  margin:0 !important;
  accent-color:#000 !important;
}

body.woocommerce-account:not(.logged-in) #customer_login .lost_password{
  margin:14px 0 0 !important;
  text-align:center !important;
}

body.woocommerce-account:not(.logged-in) #customer_login a{
  color:#0000ff !important;
  font-weight:700 !important;
}

body.woocommerce-account:not(.logged-in) #customer_login .woocommerce-privacy-policy-text{
  display:block !important;
  color:var(--gm-acc-muted) !important;
  font-size:14px !important;
  line-height:1.7 !important;
  margin:10px 0 14px !important;
}

body.woocommerce-account:not(.logged-in) #customer_login .show_if_seller{
  background:#f9fafb !important;
  border:1px dashed #d1d5db !important;
  border-radius:14px !important;
  padding:14px !important;
  margin:14px 0 !important;
}

body.woocommerce-account:not(.logged-in) #customer_login .vendor-customer-registration{
  background:#f9fafb !important;
  border:1px solid #e5e7eb !important;
  border-radius:14px !important;
  padding:12px !important;
  margin:12px 0 16px !important;
}

body.woocommerce-account:not(.logged-in) #customer_login .vendor-customer-registration label.radio{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  margin:8px 0 !important;
  font-weight:800 !important;
}

body.woocommerce-account:not(.logged-in) #customer_login .vendor-customer-registration input[type="radio"]{
  margin:0 !important;
  accent-color:#000 !important;
}

body.woocommerce-account:not(.logged-in) .gm-phone-error{
  display:none;
  background:rgba(239,68,68,.08);
  border:1.5px solid var(--gm-acc-danger);
  color:#991b1b;
  border-radius:12px;
  padding:10px 12px;
  margin:0 0 12px;
  font-weight:800;
}

body.woocommerce-account:not(.logged-in) .gm-phone-error.is-visible{
  display:block;
}


body.woocommerce-account:not(.logged-in) #customer_login .gm-register-first-name-row,
body.woocommerce-account:not(.logged-in) #customer_login .gm-register-last-name-row{
  width:calc(50% - 6px) !important;
}

body.woocommerce-account:not(.logged-in) #customer_login .gm-register-first-name-row{
  float:right !important;
}

body.woocommerce-account:not(.logged-in) #customer_login .gm-register-last-name-row{
  float:left !important;
}

html[lang^="en"] body.woocommerce-account:not(.logged-in) #customer_login .gm-register-first-name-row,
body.woocommerce-account:not(.logged-in) #customer_login.gm-account-ltr .gm-register-first-name-row{
  float:left !important;
}

html[lang^="en"] body.woocommerce-account:not(.logged-in) #customer_login .gm-register-last-name-row,
body.woocommerce-account:not(.logged-in) #customer_login.gm-account-ltr .gm-register-last-name-row{
  float:right !important;
}

@media (max-width:520px){
  body.woocommerce-account:not(.logged-in) #customer_login .gm-register-first-name-row,
body.woocommerce-account:not(.logged-in) #customer_login .gm-register-last-name-row{
    width:100% !important;
    float:none !important;
  }
}

body.woocommerce-account:not(.logged-in) .gm-phone-hint{
  display:block;
  margin-top:7px;
  color:var(--gm-acc-muted);
  font-weight:700;
  font-size:13px;
  line-height:1.5;
}

body.woocommerce-account:not(.logged-in) #gm_reg_phone_code{
  direction:ltr !important;
  text-align:left !important;
  font-weight:900 !important;
}

html[lang^="en"] body.woocommerce-account:not(.logged-in) #customer_login,
body.woocommerce-account:not(.logged-in) #customer_login.gm-account-ltr{
  direction:ltr;
}

html[lang^="en"] body.woocommerce-account:not(.logged-in) #customer_login h2,
html[lang^="en"] body.woocommerce-account:not(.logged-in) #customer_login label,
body.woocommerce-account:not(.logged-in) #customer_login.gm-account-ltr h2,
body.woocommerce-account:not(.logged-in) #customer_login.gm-account-ltr label{
  text-align:left !important;
}
body.woocommerce-account:not(.logged-in) #customer_login label{color: #ffffff !important;}
body.woocommerce-account:not(.logged-in) #username,
body.woocommerce-account:not(.logged-in) #gm_reg_phone,
body.woocommerce-account:not(.logged-in) #gm_reg_phone_code{
  direction:ltr !important;
  text-align:left !important;
}

body.woocommerce-account:not(.logged-in) form.woocommerce-form-register #reg_username,
body.woocommerce-account:not(.logged-in) form.woocommerce-form-register label[for="reg_username"],
body.woocommerce-account:not(.logged-in) form.woocommerce-form-register p:has(#reg_username),
body.woocommerce-account:not(.logged-in) form.woocommerce-form-register .form-row:has(#reg_username){
  display:none !important;
}

body.woocommerce-account:not(.logged-in) #customer_login .gm-account-tabs{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
  margin:0 0 16px !important;
  width:100% !important;
}

body.woocommerce-account:not(.logged-in) #customer_login .gm-account-tab{
  border:2px solid var(--gm-acc-border) !important;
  background:#fff !important;
  color:var(--gm-acc-text) !important;
  border-radius:999px !important;
  min-height:48px !important;
  padding:10px 14px !important;
  font-size:15px !important;
  font-weight:900 !important;
  cursor:pointer !important;
  box-shadow:none !important;
  transition:background .15s, color .15s, transform .05s !important;
}

body.woocommerce-account:not(.logged-in) #customer_login .gm-account-tab.is-active{
  background:#000 !important;
  color:#fff !important;
  border-color:#000 !important;
}

body.woocommerce-account:not(.logged-in) #customer_login .gm-account-tab:active{
  transform:translateY(1px) !important;
}

body.woocommerce-account:not(.logged-in) #customer_login .u-column1,
body.woocommerce-account:not(.logged-in) #customer_login .u-column2{
  display:none !important;
}

body.woocommerce-account:not(.logged-in) #customer_login.gm-show-login .u-column1,
body.woocommerce-account:not(.logged-in) #customer_login.gm-show-register .u-column2{
  display:block !important;
}

@media (max-width:700px){
  body.woocommerce-account:not(.logged-in) #customer_login{
    margin:20px auto !important;
    gap:16px !important;
  }

  body.woocommerce-account:not(.logged-in) #customer_login .u-column1,
body.woocommerce-account:not(.logged-in) #customer_login .u-column2{
    padding:16px !important;
  }
}