/* ==========================================================
   SHZ — Checkout Skin for Shazar User Suite (My Account/Auth)
   يوحّد واجهات: الحساب / إنشاء / دخول / نسيت كلمة المرور
   مع شكل صفحة Checkout لديك.
   ========================================================== */

/* متغيرات عامة */
:root{
  --shz-us-primary:#1e73be;
  --shz-us-accent:#ff6b6b;
  --shz-us-bg:#ffffff;
  --shz-us-text:#222222;
  --shz-us-font:Tajawal, Arial, sans-serif;
  --shz-us-radius:14px;
  --shz-us-gap:.5rem;

  /* لألوان حالات الحقول */
  --shz-danger:#c0392b;
  --shz-success:#2ecc71;
  --shz-border:#e5e7eb;
  --shz-msg-size:12px;
  --shz-invalid-bg:#fff5f5;
  --shz-valid-bg:#f4fff7;
}

/* تكييف الوضع الداكن */
.os-dark{
  --shz-border:#3a4250;
  --shz-invalid-bg:rgba(239,83,80,.08);
  --shz-valid-bg:rgba(76,175,80,.08);
}

/* جسر هوية checkout → الإضافة */
.shz-us-wrap{
  --shz-us-primary: var(--shz-btn, #084F5D);
  --shz-us-accent:  var(--shz-btn-active, #B2905F);
  --shz-us-bg:      var(--shz-bg, #FFFFFF);
  --shz-us-text:    var(--shz-text, #084F5D);
  --shz-us-radius:  var(--shz-radius, 14px);
  --shz-us-gap:     .5rem;

  --shz-ok:    var(--shz-ok,  #2e7d32);
  --shz-bad:   var(--shz-bad, #c62828);
  --shz-muted: var(--shz-muted, #F2DBAD);
  --shz-border:var(--shz-border, #084F5D);
}

/* كرت عام مطابق لأسلوب checkout */
.shz-us-wrap{
  font-family:var(--shz-us-font);
  color:var(--shz-us-text);
  background:var(--shz-us-bg);
  border:1.5px solid var(--shz-border);
  border-radius:var(--shz-us-radius);
  box-shadow:0 6px 18px rgba(0,0,0,.04);
  padding:16px;
  max-width:720px;
  margin:2rem auto;
}
.shz-us-wrap h2{
  text-align:center;
  margin:0 0 12px;
  color:var(--shz-us-text);
  font-weight:800;
}

/* عناصر عامة */
.entry-content > *:last-child{ margin-bottom:0; }
.shz-us-logo{display:flex;justify-content:center;margin-bottom:.5rem}
.shz-us-logo img{height:64px;width:auto;border-radius:50%}

.shz-us-field{margin:.5rem 0;display:flex;flex-direction:column;gap:.35rem}
.shz-us-field label{font-weight:700;color:var(--shz-us-text)}

.shz-us-input,
.shz-us-select,
.shz-us-wrap input[type="text"],
.shz-us-wrap input[type="email"],
.shz-us-wrap input[type="password"],
.shz-us-wrap input[type="tel"],
.shz-us-wrap input[type="number"],
.shz-us-wrap select{
  height:50px;
  padding:0 12px;
  border:1.5px solid var(--shz-border);
  border-radius:var(--shz-us-radius);
  background:#fff;
  color:#0f172a;
  outline:none;
  transition:box-shadow .15s ease,border-color .15s ease;
  box-sizing:border-box;
}
.shz-us-wrap input:focus,
.shz-us-wrap select:focus{
  border-color:var(--shz-us-accent);
  box-shadow:0 0 0 3px color-mix(in srgb, var(--shz-us-accent) 20%, transparent);
}

/* === SHZ: Province/Select radius fix (match inputs) === */
.shz-us-wrap select.shz-us-select{
  border-radius: var(--shz-us-radius, 14px) !important;
  -webkit-appearance: none;
  appearance: none;
}
/* في حال استخدام Select2 لاحقًا */
.shz-us-wrap .select2-container .select2-selection--single{
  border-radius: var(--shz-us-radius, 14px) !important;
}


/* تلميحات تحت الحقول */
.shz-us-field .shz-hint{ margin-top:4px; font-size:13px; line-height:1.35; }
.shz-us-field .shz-hint.ok{ color:#2e7d32; }
.shz-us-field .shz-hint.err{ color:#c62828; }

/* رسائل الحقول والرسالة العامة */
.shz-us-field .shz-field-error,
.shz-us-field .shz-field-ok{
  display:block;
  margin-top:4px !important;
  font-size:var(--shz-msg-size) !important;
  line-height:1.4;
}
.shz-us-field .shz-field-error{ color:var(--shz-bad) !important; }
.shz-us-field .shz-field-ok{    color:var(--shz-ok) !important; }

/* رسالة عامة أسفل النموذج */
.shz-us-msg{
  margin-top:.5rem;
  min-height:1.2em;
  font-size:13px;
  color:#6b7280;
  font-weight:700;
}

/* أزرار (Outline) بنفس روح checkout */
.shz-us-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;margin-top:1rem}
.shz-us-wrap .button,
.shz-us-wrap .wp-element-button,
.shz-us-btn{
  border:2px solid var(--shz-us-primary) !important;
  color:var(--shz-us-primary) !important;
  background:transparent !important;
  border-radius:var(--shz-us-radius) !important;
  font-weight:800 !important;
  padding:.6rem 1rem !important;
  line-height:1.2 !important;
  box-shadow:none !important;
  text-decoration:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:.4rem;
  cursor:pointer;
  transition:all .15s ease-in-out;
}
.shz-us-wrap .button:hover,
.shz-us-wrap .wp-element-button:hover,
.shz-us-btn:hover{
  border-color:var(--shz-us-accent) !important;
  color:var(--shz-us-accent) !important;
}
.shz-us-btn.alt{ opacity:.9; }
.shz-us-btn.danger{ border-color:var(--shz-bad) !important; color:var(--shz-bad) !important; }
.shz-us-btn.danger:hover{ filter:saturate(120%); }

/* روابط مساعدة أسفل النماذج */
.shz-us-links{
  display:flex;flex-direction:column;align-items:center;gap:.5rem;
  margin-block-start:3rem; margin-block-end:0; text-align:center;
}
.shz-us-links a{ display:inline-block; font-weight:600; line-height:1.4; color:var(--shz-us-primary); text-decoration:none; }
.shz-us-links a:hover{ color:var(--shz-us-accent); }

/* OTP: إخفاء/إظهار */
.shz-us-otp{ display:none; }
.shz-otp-visible .shz-us-otp{ display:block; }
.shz-us-actions.shz-us-final{ display:none; }
.shz-otp-visible .shz-us-actions.shz-us-final{ display:flex; gap:.5rem; justify-content:center; }






/* === SHZ User Suite — Accordion (no animation) — 2025-10-08 === */
:root{
  --shz-border: #084F5D;        /* بديل تلقائي */
  --shz-muted:  #F2DBAD;        /* رأس خفيف */
  --shz-us-radius: 14px;        /* زوايا 14 */
  --shz-glow: rgba(8,79,93,.28);/* وهج ثابت عند الفتح (بدون نبض) */
}

/* الصندوق */
.shz-us-wrap .shz-us-accordion{
  position:relative;
  display:block;
  width:100%;
  border:1.1px solid var(--shz-border, #084F5D);
  border-radius:var(--shz-us-radius, 14px);
  background:var(--shz-us-bg, #fff);
  margin:12px 0;
  box-shadow:0 6px 18px rgba(0,0,0,.04);
  overflow:hidden;
}

/* الهيدر */
.shz-us-wrap .shz-us-accordion > summary{
  list-style:none;
  color:var(--shz-us-text, #084F5D);
  padding:12px 14px;
  font-weight:800;
  cursor:pointer;
  display:flex; align-items:center; justify-content:space-between; gap:8px;
  border-radius:calc(var(--shz-us-radius,14px) - 1px) calc(var(--shz-us-radius,14px) - 1px) 0 0;
  outline:0;
  user-select:none;
}
.shz-us-wrap .shz-us-accordion > summary::-webkit-details-marker{ display:none; }
.shz-us-wrap .shz-us-accordion > summary::after{
  content:"▾";
  font-size:1rem; line-height:1; flex:none;
}

/* السهم للأسفل/الأعلى (بدون انتقال) */
.shz-us-wrap .shz-us-accordion.is-open > summary::after,
.shz-us-wrap .shz-us-accordion[open] > summary::after{
  transform:rotate(180deg); /* يتبدل فورًا */
}

/* المحتوى (بدون انتقالات) */
.shz-us-wrap .shz-us-accordion > .content{
  display:none;
  padding:0 14px;
  overflow:visible; /* لا نحتاج max-height */
}

.shz-us-wrap .shz-us-accordion.is-open > .content,
.shz-us-wrap .shz-us-accordion[open] > .content{
  display:block;
  padding:12px 14px 14px;
  border-top:1px dashed var(--shz-border, #084F5D);
}

/* وهج ثابت عند الفتح (بدون نبضة) */
.shz-us-wrap .shz-us-accordion.is-open,
.shz-us-wrap .shz-us-accordion[open]{
  box-shadow:
    0 0 0 1.5px var(--shz-border, #084F5D),
    0 0 1rem var(--shz-glow, rgba(8,79,93,.28)),
    0 6px 22px rgba(0,0,0,.06);
}

/* الجوال */
@media (max-width: 768px){
  .shz-us-wrap .shz-us-accordion{ width:100%; margin-inline:0; }
}




/* RTL */
.shz-us-wrap.shz-rtl{ direction:rtl; text-align:right; }
html[dir="rtl"] .shz-us-field .shz-field-error,
html[dir="rtl"] .shz-us-field .shz-field-ok{ margin-inline-start:2px; }

/* العين على اليسار لحقول الباسوورد */
.shz-pass-wrap{ position:relative; display:block; width:100%; }
.shz-pass-wrap input[type="password"],
.shz-pass-wrap input[type="text"]{ padding-left:2.25rem; padding-right:.75rem; }
.shz-pass-wrap .shz-eye{ left:.5rem; right:auto; }

/* أزرار/عناصر خاصة */
#shz-us-profile button[type="submit"][disabled]{ opacity:.6; cursor:not-allowed; }
.shz-loc-actions{ display:flex; gap:8px; }
.shz-loc-open{ order:1; }
.shz-loc-save{ order:2; }

/* كميات أصغر على الجوال (لو ظهرت داخل النماذج) */
@media (max-width:600px){
  .shz-us-wrap input[type="number"].qty,
  .shz-us-wrap .shz-wl-qty,
  .shz-us-wrap input[type="number"]{
    width:44px;height:28px;padding:0 6px;font-size:12px;border-radius:8px;text-align:center;
  }
  .shz-us-wrap input[type="number"]::-webkit-outer-spin-button,
  .shz-us-wrap input[type="number"]::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
  .shz-us-wrap input[type="number"]{ -moz-appearance:textfield; }
}

/* توزيع شبكي اختياري على الشاشات العريضة */
@media (min-width:1024px){
  #shz-us-signup .shz-us-field-grid,
  #shz-us-login  .shz-us-field-grid{
    display:grid; grid-template-columns:1fr 1fr; gap:12px;
  }
}
@media (max-width:600px){
  .shz-us-wrap{ padding:12px; }
  .shz-us-wrap .button, .shz-us-wrap .wp-element-button{ min-height:34px; }
}

/* ==========================================================
   SHZ — تثبيت حدود الحقول حتى مع التحقق/التنبيه
   اللون #084F5D – السُمك 1.5px – توهج عند التركيز
   (النسخة المعتمدة النهائية)
   ========================================================== */

.shz-us-wrap{ --shz-primary-084f5d:#084F5D; }

/* 1) حد موحّد لكل الحقول داخل الإضافة */
.shz-us-wrap input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
.shz-us-wrap select,
.shz-us-wrap textarea,
.shz-us-input,
.shz-us-select{
  border:1.5px solid var(--shz-primary-084f5d) !important;
  border-radius:var(--shz-us-radius,14px);
  outline:none;
  transition:border-color .15s ease, box-shadow .15s ease;
}

/* 2) أبقِ الحد نفسه حتى في حالات الخطأ/النجاح/التنبيه */
.shz-us-wrap .is-invalid,
.shz-us-wrap .is-valid,
.shz-us-wrap .has-error,
.shz-us-wrap [aria-invalid="true"],
.shz-us-wrap .woocommerce-invalid,
.shz-us-wrap input[style],
.shz-us-wrap select[style],
.shz-us-wrap textarea[style]{
  border-color:var(--shz-primary-084f5d) !important;
  border-width:1.5px !important;
  background-color:#fff !important;
  box-shadow:none !important;
}

/* 3) توهج موحّد على التركيز */
.shz-us-wrap input:focus,
.shz-us-wrap select:focus,
.shz-us-wrap textarea:focus,
.shz-us-input:focus,
.shz-us-select:focus{
  border-color:var(--shz-primary-084f5d) !important;
  box-shadow:0 0 0 3px rgba(8,79,93,.18) !important;
}

/* 4) دعم Select2 */
.shz-us-wrap .select2-container .select2-selection--single,
.shz-us-wrap .select2-container .select2-selection--multiple{
  border:1.5px solid var(--shz-primary-084f5d) !important;
  border-radius:var(--shz-us-radius,14px) !important;
}
.shz-us-wrap .select2-container--open .select2-selection--single,
.shz-us-wrap .select2-container--open .select2-selection--multiple,
.shz-us-wrap .select2-container .select2-selection--single:focus,
.shz-us-wrap .select2-container .select2-selection--multiple:focus{
  border-color:var(--shz-primary-084f5d) !important;
  box-shadow:0 0 0 3px rgba(8,79,93,.18) !important;
}

/* زر توليد كلمة مرور قوية — إزالة الإطار مع إبقاء لون الرابط */
/* زر توليد كلمة مرور قوية — إزالة الإطار مع إبقاء لون الرابط */
.shz-us-wrap .wp-generate-pw,
.shz-us-wrap #generate-password,
.shz-us-wrap .generate-password,
.shz-us-wrap button[name="generate_password"],
.shz-us-wrap .password-input .wp-generate-pw,
.shz-us-wrap a.wp-generate-pw,
.shz-us-wrap .shz-pw-gen,
.shz-us-wrap .shz-us-genpass{
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  padding:.6rem 0 !important;
  color:var(--shz-us-primary, #084F5D) !important;
}

.shz-us-wrap .wp-generate-pw:hover,
.shz-us-wrap #generate-password:hover,
.shz-us-wrap .generate-password:hover,
.shz-us-wrap button[name="generate_password"]:hover,
.shz-us-wrap .password-input .wp-generate-pw:hover,
.shz-us-wrap a.wp-generate-pw:hover,
.shz-us-wrap .shz-pw-gen:hover,
.shz-us-wrap .shz-us-genpass:hover,
.shz-us-wrap .wp-generate-pw:focus,
.shz-us-wrap #generate-password:focus,
.shz-us-wrap .generate-password:focus,
.shz-us-wrap button[name="generate_password"]:focus,
.shz-us-wrap .password-input .wp-generate-pw:focus,
.shz-us-wrap a.wp-generate-pw:focus,
.shz-us-wrap .shz-pw-gen:focus,
.shz-us-wrap .shz-us-genpass:focus,
.shz-us-wrap .wp-generate-pw:active,
.shz-us-wrap #generate-password:active,
.shz-us-wrap .generate-password:active,
.shz-us-wrap button[name="generate_password"]:active,
.shz-us-wrap .password-input .wp-generate-pw:active,
.shz-us-wrap a.wp-generate-pw:active,
.shz-us-wrap .shz-pw-gen:active,
.shz-us-wrap .shz-us-genpass:active{
  border:0 !important;
  box-shadow:none !important;
  outline:none !important;
  text-decoration:underline;
}




/* === Force all notice texts to red (front-end) === */
:root{ --shz-danger-text:#c62828; } /* تقدر تغيّر الدرجة لو حبيت */

.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-notice,
.woocommerce-NoticeGroup,
.notice,
.notice-success,
.notice-info,
.notice-warning,
.notice-error,
.shz-us-wrap .shz-field-error,          /* رسائل تحقق الحقول من الإضافة */
.shz-alert, .shz-notice, .shazar-notice  /* أي مسميات شائعة */
{
  color: var(--shz-danger-text) !important;
}

/* لو فيه روابط داخل التنبيهات خلّيها حمراء برضه */
.woocommerce-message a,
.woocommerce-info a,
.woocommerce-error a,
.notice a,
.shz-us-wrap .shz-field-error a {
  color: var(--shz-danger-text) !important;
  text-decoration: underline;
}

/* === زر رفع الصورة — تصغير الحجم فقط هنا === */
#shz-us-upload-avatar{
  padding:.35rem .6rem !important;
  font-size:12px !important;
  line-height:1.2 !important;
  min-height:10px !important;
  width:100px;
  align-self: center;
}

/* (اختياري) تقليل ارتفاع/عرض حقل اختيار الصورة نفسه */
#shz-us-avatar{
  height:42px;
  padding:6px 10px;
}



/* === SHZ US — توسيع خانة تاريخ الميلاد === */
.shz-us-field input[name="dob"].shz-us-input{
  /* اجعلها تملأ السطر لكن مع حد أقصى قابل للتعديل */
  width: 100% !important;
  max-width: var(--shz-us-dob-width, 560px);
  box-sizing: border-box;
}

/* شاشة الجوال: أعرضها بكامل العرض بدون حد أقصى */
@media (max-width: 600px){
  .shz-us-field input[name="dob"].shz-us-input{
    max-width: none;
  }
}
 
/* === SHZ US — توسيع خانة تاريخ الميلاد === */
.shz-us-field input[name="dob"].shz-us-input{
  /* اجعلها تملأ السطر لكن مع حد أقصى قابل للتعديل */
  width: 100% !important;
  max-width: var(--shz-us-dob-width, 660px);
  box-sizing: border-box;
}