/* تسجيل الدخول / إنشاء حساب — متناسق مع marketplace وباقي صفحات العميل */

html:has(body.public-shell.auth-page) {
  --home-bg: #fafafa;
  background: var(--home-bg) !important;
}

body.public-shell.auth-page {
  color-scheme: light;
  background: #fafafa !important;
  color: #18181b;

  /* نفس عرض صفحة الخدمات / الاشتراكات */
  --market-shell-width: 1280px;
  --market-shell-gutter: 16px;

  --home-bg: #fafafa;
  --home-surface: #ffffff;
  --home-muted: #71717a;
  --home-text: #18181b;
  --kw-brand: #18181b;
  /* حدود النافبار الداكن (لا تستبدل بحدود المحتوى الفاتح) */
  --home-border: rgba(255, 255, 255, 0.08);
  --nav-pill-surface: #050508;
  --nav-pill-chrome: #0c0e14;
  --nav-pill-ink: #d4d4d8;
  --nav-pill-ink-strong: #fafafa;

  --ink-900: #18181b;
  --ink-700: #3f3f46;
  --ink-600: #52525b;
  --ink-500: #71717a;

  --surface-50: #fafafa;
  --surface-card: #ffffff;
  --border-card: rgba(24, 24, 27, 0.08);
  --border-input: rgba(24, 24, 27, 0.1);
  --border-input-focus: rgba(24, 24, 27, 0.22);
  --mp-bw-border: #e4e4e7;
  --mp-cta-bg: #18181b;
  --mp-cta-hover: #27272a;
  --mp-focus-ring: rgba(24, 24, 27, 0.1);
  --bg-gradient: #fafafa;
}

body.public-shell.auth-page .bg-ambient {
  display: none !important;
}

/* نافبار — شكل home-landing الأصلي (كبسولة + فواصل) داخل عرض 1280 */
body.public-shell.auth-page .site-header {
  position: relative !important;
  top: auto !important;
  z-index: 10;
  flex-shrink: 0;
  background: transparent !important;
  padding: clamp(14px, 2.2vw, 28px) var(--market-shell-gutter) clamp(8px, 1.2vw, 14px) !important;
}

body.public-shell.auth-page .site-header .container {
  width: min(var(--market-shell-width), 100%);
  max-width: var(--market-shell-width);
  margin-inline: auto;
  padding-inline: var(--market-shell-gutter) !important;
  box-sizing: border-box;
}

/* بطاقة الدخول — عرض مريح (النافبار والتذييل 1280px) */
body.public-shell.auth-page > main.auth-shell {
  background: transparent;
}

body.public-shell.auth-page .auth-grid {
  width: min(520px, 100%);
  max-width: 520px;
  margin-inline: auto;
}

body.public-shell.auth-page .auth-card {
  background: #ffffff !important;
  border: 1px solid rgba(24, 24, 27, 0.08) !important;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.03), 0 12px 32px rgba(0, 0, 0, 0.06) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.public-shell.auth-page .auth-card h1 {
  color: #18181b !important;
}

body.public-shell.auth-page .auth-segment {
  background: #f4f4f5 !important;
  border: 1px solid #e4e4e7 !important;
}

body.public-shell.auth-page .auth-segment__btn {
  color: #52525b !important;
}

body.public-shell.auth-page .auth-segment__btn.is-active {
  background: #ffffff !important;
  color: #18181b !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
}

/* حقول — بدون أزرق المتصفح */
body.public-shell.auth-page .form-control {
  background-color: #fafafa !important;
  border-color: rgba(24, 24, 27, 0.1) !important;
  color: #18181b !important;
}

body.public-shell.auth-page .form-control:-webkit-autofill,
body.public-shell.auth-page .form-control:-webkit-autofill:hover,
body.public-shell.auth-page .form-control:-webkit-autofill:focus {
  -webkit-text-fill-color: #18181b !important;
  box-shadow: 0 0 0 1000px #fafafa inset !important;
  caret-color: #18181b;
  transition: background-color 99999s ease-out 0s;
}

body.public-shell.auth-page .form-group label {
  color: #3f3f46 !important;
}

body.public-shell.auth-page .btn-auth-pill,
body.public-shell.auth-page .form-actions .btn.primary {
  background: #18181b !important;
  color: #fafafa !important;
  border: none !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
}

body.public-shell.auth-page .btn-auth-pill:hover,
body.public-shell.auth-page .form-actions .btn.primary:hover {
  background: #27272a !important;
  color: #fafafa !important;
}

body.public-shell.auth-page .form-actions .btn.ghost {
  background: transparent !important;
  border: 1px solid #e4e4e7 !important;
  color: #3f3f46 !important;
}

body.public-shell.auth-page .site-footer .container.footer-inner {
  width: min(var(--market-shell-width), 100%) !important;
  max-width: var(--market-shell-width) !important;
  margin-inline: auto;
  padding-inline: var(--market-shell-gutter) !important;
  box-sizing: border-box;
}

body.public-shell.auth-page .footer-panel {
  width: 100%;
}

/* جوال: إظهار الروابط (لا hamburger في صفحة الدخول) */
@media (max-width: 860px) {
  body.public-shell.auth-page .header-nav-pill .nav {
    display: flex !important;
  }

  body.public-shell.auth-page .header-nav-pill .header-actions .btn-ghost-landing {
    display: inline-flex !important;
  }
}