:root {
  --sadaa-classic-primary: #493059;
  --sadaa-classic-primary-dark: #493059;
  --sadaa-classic-accent: #493059;
  --sadaa-classic-primary-light: #493059;
  --sadaa-modern-primary: #007BA7;
  --sadaa-modern-primary-dark: #006589;
  --sadaa-modern-accent: #2A91B5;
  --sadaa-modern-primary-light: #5AAECB;
}

/* صدى المتاجر — محرك الهوية اللونية V2
   الهوية الكلاسيكية أحادية اللون وتُدار بالكامل من لوحة الألوان المركزية. */
:root {
  --sadaa-primary: #493059 !important;
  --sadaa-primary-dark: #493059 !important;
  --sadaa-accent: #493059 !important;
  --sadaa-primary-light: #493059 !important;
  --sadaa-primary-50: #F6F0F9 !important;
  --sadaa-primary-100: #EFE4F4 !important;
  --sadaa-primary-rgb: 73,48,89 !important;
  --sadaa-primary-dark-rgb: 73,48,89 !important;
  --sadaa-accent-rgb: 73,48,89 !important;
  --sadaa-brand-deep: #493059 !important;
  --sadaa-brand-deep-hover: #493059 !important;
  --sadaa-brand-deep-rgb: 73,48,89 !important;
  --sadaa-shadow-rgb: 17,24,39 !important;
  --sadaa-page-bg: #F8F6F9 !important;
  --sadaa-admin-workspace-bg: #F3F4F6 !important;
  --sadaa-surface: #ffffff !important;
  --sadaa-surface-alt: #FDFBFD !important;
  --sadaa-text: #211827 !important;
  --sadaa-text-2: #4B3C50 !important;
  --sadaa-muted: #776B7C !important;
  --sadaa-line: #E9E2EB !important;
  --sadaa-line-2: #E1D5E6 !important;
  --sadaa-line-3: #CDB9D6 !important;
  --sadaa-tint: #F8F2FA !important;
  --sadaa-tint-2: #F3EAF6 !important;
  --sadaa-tint-3: #FBF8FC !important;
  --sadaa-focus: rgba(73,48,89,.18) !important;
  --sadaa-brand-surface: #493059 !important;
  --sadaa-header-bg: #493059 !important;
  --sadaa-auth-primary: #493059 !important;
  --sadaa-auth-dark: #493059 !important;
  --sadaa-auth-dark-hover: #493059 !important;
  --sadaa-auth-bg: #F8F6F9 !important;
  --sadaa-auth-brand-surface: #493059 !important;
  --sadaa-admin-brand-gradient: #493059 !important;
  --sadaa-admin-hero-gradient: #493059 !important;
  --sadaa-admin-sidebar-head-bg: #493059 !important;
  --sadaa-admin-newsletter-gradient: #493059 !important;
  --sadaa-admin-presence-gradient: #493059 !important;
  --sadaa-admin-primary: #493059 !important;
  --sadaa-admin-hover: #493059 !important;
  --sadaa-admin-dark: #493059 !important;
  --sadaa-admin-text: #302437 !important;
  --sadaa-admin-muted: #786D7D !important;
  --sadaa-admin-line: #E6DDE9 !important;
  --sadaa-admin-soft: #F8F3FA !important;
  --sadaa-admin-soft-line: #DDCEE4 !important;
  --sadaa-admin-primary-rgb: 73,48,89 !important;
  --sadaa-admin-dark-rgb: 73,48,89 !important;}

html[data-sadaa-preview-theme="classic"] {
  --sadaa-primary: #493059 !important;
  --sadaa-primary-dark: #493059 !important;
  --sadaa-accent: #493059 !important;
  --sadaa-primary-light: #493059 !important;
  --sadaa-primary-50: #F6F0F9 !important;
  --sadaa-primary-100: #EFE4F4 !important;
  --sadaa-primary-rgb: 73,48,89 !important;
  --sadaa-primary-dark-rgb: 73,48,89 !important;
  --sadaa-accent-rgb: 73,48,89 !important;
  --sadaa-brand-deep: #493059 !important;
  --sadaa-brand-deep-hover: #493059 !important;
  --sadaa-brand-deep-rgb: 73,48,89 !important;
  --sadaa-shadow-rgb: 17,24,39 !important;
  --sadaa-page-bg: #F8F6F9 !important;
  --sadaa-admin-workspace-bg: #F3F4F6 !important;
  --sadaa-surface: #ffffff !important;
  --sadaa-surface-alt: #FDFBFD !important;
  --sadaa-text: #211827 !important;
  --sadaa-text-2: #4B3C50 !important;
  --sadaa-muted: #776B7C !important;
  --sadaa-line: #E9E2EB !important;
  --sadaa-line-2: #E1D5E6 !important;
  --sadaa-line-3: #CDB9D6 !important;
  --sadaa-tint: #F8F2FA !important;
  --sadaa-tint-2: #F3EAF6 !important;
  --sadaa-tint-3: #FBF8FC !important;
  --sadaa-focus: rgba(73,48,89,.18) !important;
  --sadaa-brand-surface: #493059 !important;
  --sadaa-header-bg: #493059 !important;
  --sadaa-auth-primary: #493059 !important;
  --sadaa-auth-dark: #493059 !important;
  --sadaa-auth-dark-hover: #493059 !important;
  --sadaa-auth-bg: #F8F6F9 !important;
  --sadaa-auth-brand-surface: #493059 !important;
  --sadaa-admin-brand-gradient: #493059 !important;
  --sadaa-admin-hero-gradient: #493059 !important;
  --sadaa-admin-sidebar-head-bg: #493059 !important;
  --sadaa-admin-newsletter-gradient: #493059 !important;
  --sadaa-admin-presence-gradient: #493059 !important;
  --sadaa-admin-primary: #493059 !important;
  --sadaa-admin-hover: #493059 !important;
  --sadaa-admin-dark: #493059 !important;
  --sadaa-admin-text: #302437 !important;
  --sadaa-admin-muted: #786D7D !important;
  --sadaa-admin-line: #E6DDE9 !important;
  --sadaa-admin-soft: #F8F3FA !important;
  --sadaa-admin-soft-line: #DDCEE4 !important;
  --sadaa-admin-primary-rgb: 73,48,89 !important;
  --sadaa-admin-dark-rgb: 73,48,89 !important;}

html[data-sadaa-preview-theme="modern"] {
  --sadaa-primary: #007BA7 !important;
  --sadaa-primary-dark: #006589 !important;
  --sadaa-accent: #2A91B5 !important;
  --sadaa-primary-light: #5AAECB !important;
  --sadaa-primary-50: #F2F9FB !important;
  --sadaa-primary-100: #EAF6FA !important;
  --sadaa-primary-rgb: 0,123,167 !important;
  --sadaa-primary-dark-rgb: 0,101,137 !important;
  --sadaa-accent-rgb: 42,145,181 !important;
  --sadaa-brand-deep: #0B345A !important;
  --sadaa-brand-deep-hover: #082B4C !important;
  --sadaa-brand-deep-rgb: 11,52,90 !important;
  --sadaa-shadow-rgb: 22,50,71 !important;
  --sadaa-page-bg: #f4f8fa !important;
  --sadaa-admin-workspace-bg: #EFF4F7 !important;
  --sadaa-surface: #ffffff !important;
  --sadaa-surface-alt: #fbfdfe !important;
  --sadaa-text: #163247 !important;
  --sadaa-text-2: #29475a !important;
  --sadaa-muted: #6d7f8b !important;
  --sadaa-line: #dce8ed !important;
  --sadaa-line-2: #cfe4ec !important;
  --sadaa-line-3: #a6cfde !important;
  --sadaa-tint: #eef8fb !important;
  --sadaa-tint-2: #eaf6fa !important;
  --sadaa-tint-3: #f2f9fb !important;
  --sadaa-focus: rgba(0,123,167,.13) !important;
  --sadaa-brand-surface: #007BA7 !important;
  --sadaa-header-bg: #007BA7 !important;
  --sadaa-auth-primary: #4790d4 !important;
  --sadaa-auth-dark: #0b345a !important;
  --sadaa-auth-dark-hover: #082b4c !important;
  --sadaa-auth-bg: #eef5fb !important;
  --sadaa-auth-brand-surface: #4790d4 !important;
  --sadaa-admin-brand-gradient: linear-gradient(135deg,#4790d4,#4790d4) !important;
  --sadaa-admin-hero-gradient: #4790d4 !important;
  --sadaa-admin-sidebar-head-bg: #4790d4 !important;
  --sadaa-admin-newsletter-gradient: #4790d4 !important;
  --sadaa-admin-presence-gradient: #4790d4 !important;
  --sadaa-admin-primary: #4790d4 !important;
  --sadaa-admin-hover: #357fbe !important;
  --sadaa-admin-dark: #0b345a !important;
  --sadaa-admin-text: #17324a !important;
  --sadaa-admin-muted: #708396 !important;
  --sadaa-admin-line: #dce7ef !important;
  --sadaa-admin-soft: #eef6fc !important;
  --sadaa-admin-soft-line: #cfe3f3 !important;
  --sadaa-admin-primary-rgb: 71,144,212 !important;
  --sadaa-admin-dark-rgb: 11,52,90 !important;}

/* ألوان الحالات الدلالية — مشتركة بين الهويتين ولا تمثل لون العلامة التجارية. */
:root {
  --sadaa-danger: #b42318 !important;
  --sadaa-danger-dark: #912018 !important;
  --sadaa-danger-soft: #fff5f4 !important;
  --sadaa-danger-soft-hover: #feeceb !important;
  --sadaa-danger-line: #f3b7b2 !important;
  --sadaa-success: #067647 !important;
  --sadaa-success-dark: #05603a !important;
  --sadaa-success-soft: #ecfdf3 !important;
  --sadaa-success-line: #abefc6 !important;
  --sadaa-warning: #b54708 !important;
  --sadaa-warning-soft: #fffaeb !important;
  --sadaa-warning-line: #fedf89 !important;
}

/* ربط المتغيرات المحلية القديمة والجديدة بمحرك الهوية المركزي. */
html:root {
  --brand-primary: var(--sadaa-primary) !important;
  --store-page-bg: var(--sadaa-page-bg) !important;
  --store-card-bg: var(--sadaa-surface) !important;
  --store-text: var(--sadaa-text) !important;
  --store-muted: var(--sadaa-muted) !important;
  --store-border: var(--sadaa-line) !important;
  --store-soft: var(--sadaa-tint-3) !important;
  --store-primary: var(--sadaa-primary) !important;
  --store-primary-dark: var(--sadaa-primary-dark) !important;
  --store-accent: var(--sadaa-accent) !important;
  --store-focus: var(--sadaa-focus) !important;

  --ad-page-bg: var(--sadaa-page-bg) !important;
  --ad-card-bg: var(--sadaa-surface) !important;
  --ad-text: var(--sadaa-text) !important;
  --ad-muted: var(--sadaa-muted) !important;
  --ad-border: var(--sadaa-line) !important;
  --ad-soft: var(--sadaa-tint-3) !important;
  --ad-primary: var(--sadaa-primary) !important;
  --ad-primary-dark: var(--sadaa-primary-dark) !important;
  --ad-accent: var(--sadaa-accent) !important;
  --ad-blue: var(--sadaa-primary) !important;
  --ad-focus: var(--sadaa-focus) !important;

  --stores-page-bg: var(--sadaa-page-bg) !important;
  --stores-card-bg: var(--sadaa-surface) !important;
  --stores-text: var(--sadaa-text) !important;
  --stores-muted: var(--sadaa-muted) !important;
  --stores-border: var(--sadaa-line) !important;
  --stores-soft: var(--sadaa-tint-3) !important;
  --stores-primary: var(--sadaa-primary) !important;
  --stores-primary-dark: var(--sadaa-primary-dark) !important;
  --stores-accent: var(--sadaa-accent) !important;
  --stores-featured-solid: var(--sadaa-accent) !important;
  --stores-featured-gradient: linear-gradient(135deg, var(--sadaa-primary), var(--sadaa-accent)) !important;
  --stores-focus: var(--sadaa-focus) !important;

  --auth-blue: var(--sadaa-auth-primary) !important;
  --auth-dark: var(--sadaa-auth-dark) !important;
  --auth-dark-hover: var(--sadaa-auth-dark-hover) !important;
  --auth-text: var(--sadaa-admin-text) !important;
  --auth-muted: var(--sadaa-admin-muted) !important;
  --auth-line: var(--sadaa-admin-line) !important;
  --auth-soft: var(--sadaa-admin-soft) !important;

  --sadaa-admin-blue: var(--sadaa-admin-primary) !important;
  --sadaa-admin-blue-hover: var(--sadaa-admin-hover) !important;
  --sadaa-admin-blue-soft: var(--sadaa-admin-soft) !important;

  --offers-primary: var(--sadaa-admin-primary) !important;
  --offers-primary-dark: var(--sadaa-admin-hover) !important;
  --offers-accent: var(--sadaa-accent) !important;
  --offers-focus: rgba(var(--sadaa-admin-primary-rgb), .16) !important;
  --sp-primary: var(--sadaa-admin-primary) !important;
  --sp-primary-2: var(--sadaa-accent) !important;
}

/* الهيدر العام يتبع الهوية المختارة حتى لو كان ملفه يحتوي قيمة ثابتة قديمة أو جديدة. */
.main-header {
  background: var(--sadaa-header-bg) !important;
}

#acceptCookiesBtn {
  background: var(--sadaa-primary) !important;
}
#acceptCookiesBtn:hover {
  background: var(--sadaa-primary-dark) !important;
}

/* زر العودة للأعلى — يتبع محرك الهوية اللونية المركزي. */
#backToTop {
  background: var(--sadaa-primary) !important;
  border-color: rgba(var(--sadaa-primary-rgb), .24) !important;
  color: #ffffff !important;
}

#backToTop:hover {
  background: var(--sadaa-primary-dark) !important;
  border-color: rgba(var(--sadaa-primary-dark-rgb), .34) !important;
  color: #ffffff !important;
  box-shadow:
    0 16px 32px rgba(var(--sadaa-primary-dark-rgb), .24),
    0 4px 10px rgba(var(--sadaa-primary-dark-rgb), .12),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
}

#backToTop:active {
  background: var(--sadaa-primary-dark) !important;
  color: #ffffff !important;
}

#backToTop:focus-visible {
  outline-color: var(--sadaa-primary) !important;
}

/* الجوال/الأجهزة اللمسية:
   نمنع لون Tap Highlight الافتراضي للمتصفح من الظهور كطبقة زرقاء،
   ونمنع حالة :hover من البقاء معلقة بعد اللمس. */
#backToTop {
  -webkit-tap-highlight-color: transparent !important;
  touch-action: manipulation;
}

@media (hover: none), (pointer: coarse), (max-width: 768px) {
  #backToTop,
  #backToTop:hover,
  #backToTop:focus,
  #backToTop:focus-visible {
    background: var(--sadaa-primary) !important;
    background-color: var(--sadaa-primary) !important;
    background-image: none !important;
    border-color: rgba(var(--sadaa-primary-rgb), .24) !important;
    color: #ffffff !important;
  }

  #backToTop:active {
    background: var(--sadaa-primary-dark) !important;
    background-color: var(--sadaa-primary-dark) !important;
    background-image: none !important;
    border-color: rgba(var(--sadaa-primary-dark-rgb), .34) !important;
    color: #ffffff !important;
  }
}

/* الرؤوس الكبيرة في الصفحات الجديدة تعود للهوية الكلاسيكية أو الزرقاء من نفس المتغير. */
.clean-page-header,
.ad-submit-hero,
.stores-directory-unified-head {
  background: var(--sadaa-brand-surface) !important;
}


/* رؤوس تبويبات الإدارة : الأزرق الحالي أو التدرج الكلاسيكي الأصلي. */
.coupons-page-header,
.directory-page-header,
.moderators-page-header,
.offers-page-header,
.settings-page-header,
.users-page-header,
.orders-page-header,
.orders-clean-header,
.reports-page-header,
.reports-clean-header,
.finance-page-header,
.finance-tab .finance-head {
  background: var(--sadaa-admin-hero-gradient) !important;
}

/* رأس البار الجانبي يتبع الدرجة البنفسجية المعتمدة في Hero التبويبات. */
.dashboard-sidebar-head {
  background: var(--sadaa-admin-sidebar-head-bg) !important;
  background-image: none !important;
}

.newsletter-admin-hero {
  background: var(--sadaa-admin-newsletter-gradient) !important;
}

.site-presence-hero {
  background: var(--sadaa-admin-presence-gradient) !important;
}

/* عناصر العلامة الأساسية الشائعة. */
.store-submit-btn,
.btn-primary,
.stores-filter-submit,
.visit-button {
  background-color: var(--sadaa-primary) !important;
  border-color: var(--sadaa-primary) !important;
}

.store-submit-btn:hover,
.btn-primary:hover,
.stores-filter-submit:hover,
.visit-button:hover {
  background-color: var(--sadaa-primary-dark) !important;
  border-color: var(--sadaa-primary-dark) !important;
}

/* .single-next في صفحة إضافة الإعلان هو حاوية للأزرار وليس زرًا بحد ذاته. */
.step-actions.single-next,
.step-actions.between {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}


/* ========================================================================== 
   الصفحة الرئيسية — صقل الهوية البنفسجية الأحادية V11
   التعديل محصور في الألوان فقط؛ لا تغيير في التخطيط أو المقاسات أو HTML.
   ========================================================================== */

/* 1) الهيدر + زر إضافة إعلان */
html body {
  --sadaa-home-classic-gradient: var(--sadaa-brand-gradient);
}

html body .main-header {
  background: var(--sadaa-home-classic-gradient) !important;
  background-size: 100% 100% !important;
  background-position: left top !important;
  background-repeat: no-repeat !important;
}

.main-header .btn-add-ad,
.btn-add-ad {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background-color: #ffffff !important;
  color: #000000 !important;
  border-color: #ffffff !important;
  box-shadow: 0 6px 14px rgba(var(--sadaa-brand-deep-rgb),.12) !important;
  transition: background-color .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

/* الزر يبقى أبيض في حالته العادية، وعند المرور يأخذ var(--sadaa-brand-deep) مع لمعة زجاجية متحركة. */
.main-header .btn-add-ad:hover,
.main-header .btn-add-ad:focus-visible,
.btn-add-ad:hover,
.btn-add-ad:focus-visible {
  background-color: var(--sadaa-brand-deep) !important;
  color: #ffffff !important;
  border-color: var(--sadaa-brand-deep) !important;
  box-shadow: 0 8px 18px rgba(var(--sadaa-brand-deep-rgb),.24) !important;
}

.main-header .btn-add-ad::before,
.btn-add-ad::before {
  content: "" !important;
  position: absolute !important;
  z-index: 1 !important;
  top: -35% !important;
  left: -72%;
  width: 42% !important;
  height: 170% !important;
  pointer-events: none !important;
  opacity: 0;
  transform: skewX(-22deg) !important;
  background: linear-gradient(
    110deg,
    transparent 0%,
    rgba(255,255,255,.04) 24%,
    rgba(255,255,255,.24) 42%,
    rgba(255,255,255,.96) 52%,
    rgba(255,255,255,.22) 64%,
    transparent 100%
  ) !important;
  filter: blur(.15px) !important;
}

.main-header .btn-add-ad:hover::before,
.main-header .btn-add-ad:focus-visible::before,
.btn-add-ad:hover::before,
.btn-add-ad:focus-visible::before {
  animation: sadaaHeaderAddAdGlassShine .68s ease-out 1 !important;
}

@keyframes sadaaHeaderAddAdGlassShine {
  0% {
    left: -72%;
    opacity: 0;
  }
  18% {
    opacity: .95;
  }
  82% {
    opacity: .95;
  }
  100% {
    left: 132%;
    opacity: 0;
  }
}

/* 2) Hero — نفس تدرج الهوية البنفسجية، وزر «أعلن الآن» يأخذ نفس تنسيق ولمعة زر الاشتراك. */
.sadaa-home-hero {
  --sadaa-main: var(--sadaa-primary) !important;
  --sadaa-deep: var(--sadaa-primary-dark) !important;
  --sadaa-ink: #1f2340 !important;
  --sadaa-soft: #f5f2f8 !important;
  --sadaa-line: rgba(255,255,255,.20) !important;
  background: var(--sadaa-home-classic-gradient) !important;
  background-size: 100% 100% !important;
  background-position: left top !important;
  background-repeat: no-repeat !important;
}

.sadaa-home-hero .sadaa-showcase-mark,
.sadaa-home-hero .sadaa-float-icon,
.sadaa-home-hero .sadaa-phone-nav i,
.sadaa-home-hero .sadaa-mini-category i {
  color: var(--sadaa-primary) !important;
}

.sadaa-home-hero .sadaa-hero-primary {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background: var(--sadaa-brand-deep) !important;
  border-color: var(--sadaa-brand-deep) !important;
  color: #ffffff !important;
  box-shadow: 0 7px 16px rgba(var(--sadaa-brand-deep-rgb),.20) !important;
  transition:
    background-color .18s ease,
    border-color .18s ease,
    box-shadow .18s ease !important;
}

/* إلغاء أي مؤثر قديم على الزر حتى تبقى اللمعة الزجاجية موحدة مع زر الاشتراك. */
.sadaa-home-hero .sadaa-hero-primary::before {
  content: none !important;
  display: none !important;
}

.sadaa-home-hero .sadaa-hero-primary::after {
  content: "" !important;
  position: absolute !important;
  z-index: 1 !important;
  top: -35% !important;
  left: -70%;
  width: 42% !important;
  height: 170% !important;
  pointer-events: none !important;
  opacity: 0;
  transform: skewX(-22deg) !important;
  background: linear-gradient(
    110deg,
    transparent 0%,
    rgba(255,255,255,.05) 28%,
    rgba(255,255,255,.52) 50%,
    rgba(255,255,255,.10) 72%,
    transparent 100%
  ) !important;
  filter: blur(.2px) !important;
}

.sadaa-home-hero .sadaa-hero-primary > span,
.sadaa-home-hero .sadaa-hero-primary > i,
.sadaa-home-hero .sadaa-hero-primary > svg {
  position: relative !important;
  z-index: 2 !important;
}

.sadaa-home-hero .sadaa-hero-primary:hover,
.sadaa-home-hero .sadaa-hero-primary:focus-visible {
  background: var(--sadaa-brand-deep-hover) !important;
  border-color: var(--sadaa-brand-deep-hover) !important;
  color: #ffffff !important;
  box-shadow: 0 9px 19px rgba(63,34,79,.24) !important;
}

.sadaa-home-hero .sadaa-hero-primary:hover::after,
.sadaa-home-hero .sadaa-hero-primary:focus-visible::after {
  animation: sadaaHeroGlassShine .68s ease-out 1 !important;
}

.sadaa-home-hero .sadaa-hero-primary:active {
  background: var(--sadaa-brand-deep-hover) !important;
  border-color: var(--sadaa-brand-deep-hover) !important;
  color: #ffffff !important;
}

@keyframes sadaaHeroGlassShine {
  0% {
    left: -70%;
    opacity: 0;
  }
  18% {
    opacity: .95;
  }
  82% {
    opacity: .95;
  }
  100% {
    left: 132%;
    opacity: 0;
  }
}

/* 3) شريط الرسائل البريدية
      - الخلفية كاملة ومتصلة بنفس روح Hero التبويبات البنفسجي.
      - لا توجد أي كتلة لونية مستقلة تقسم الشريط إلى نصفين.
      - نحافظ على نفس HTML والتخطيط؛ التغيير بصري/لوني فقط. */
.newsletter-strip {
  --newsletter-primary: var(--sadaa-primary) !important;
  --newsletter-secondary: var(--sadaa-primary-dark) !important;
  --newsletter-soft: var(--sadaa-accent) !important;
  --newsletter-warm: #f5f2f8 !important;
  --newsletter-white: #ffffff !important;
  --newsletter-text: #ffffff !important;
  --newsletter-muted: rgba(255,255,255,.82) !important;
}

/* خلفية الشريط بلون بنفسجي موحد حتى تبقى الهوية أحادية وواضحة. */
html body .newsletter-strip .newsletter-inner {
  background: var(--sadaa-primary) !important;
  border: 0 !important;
  border-color: transparent !important;
  box-shadow: 0 12px 30px rgba(101,55,170,.16) !important;
}

/* دوائر زخرفية بنفس اللمسة المستخدمة في Hero التبويبات، من دون التأثير على توزيع المحتوى. */
html body .newsletter-strip .newsletter-inner::before {
  content: "" !important;
  position: absolute !important;
  width: 170px !important;
  height: 170px !important;
  left: -74px !important;
  right: auto !important;
  top: -96px !important;
  bottom: auto !important;
  inset-inline-start: auto !important;
  inset-inline-end: auto !important;
  inset-block: auto !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.09) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow:
    0 0 0 28px rgba(255,255,255,.055),
    0 0 0 58px rgba(255,255,255,.035) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

html body .newsletter-strip .newsletter-inner::after {
  content: "" !important;
  position: absolute !important;
  width: 108px !important;
  height: 108px !important;
  left: 56% !important;
  right: auto !important;
  top: -48px !important;
  bottom: auto !important;
  inset-inline-start: auto !important;
  inset-inline-end: auto !important;
  inset-block-start: auto !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.055) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    0 0 0 24px rgba(255,255,255,.035) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

.newsletter-background-art {
  display: none !important;
}

/* مهم: منع أي خلفية مستقلة على جانبي الشريط حتى لا يظهر أي انقسام لوني. */
html body .newsletter-strip .newsletter-inner > .newsletter-intro,
html body .newsletter-strip .newsletter-inner > .newsletter-form-card {
  position: relative !important;
  z-index: 1 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* عمود التعريف يظل بلا بطاقة خلفية مستقلة. */
html body .newsletter-strip .newsletter-inner > .newsletter-intro {
  border: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-inline-start: 0 !important;
  border-inline-end: 0 !important;
  box-shadow: none !important;
}

/* إزالة أي فاصل عمودي قديم أو شبه عنصر تابع لعمود التعريف. */
html body .newsletter-strip .newsletter-inner > .newsletter-intro::before,
html body .newsletter-strip .newsletter-inner > .newsletter-intro::after {
  border: 0 !important;
  width: 0 !important;
  box-shadow: none !important;
}

/* صندوق الاشتراك يأخذ نفس إحساس خلفية أيقونة البريد: طبقة شفافة هادئة فوق التدرج،
   بدل كتلة بنفسجية صريحة مستقلة. لا تغيير في المقاسات أو البنية. */
html body .newsletter-strip .newsletter-inner > .newsletter-form-card {
  border-color: rgba(255,255,255,.28) !important;
  background: rgba(255,255,255,.12) !important;
  background-color: rgba(255,255,255,.12) !important;
  box-shadow: 0 10px 24px rgba(var(--sadaa-brand-deep-rgb),.14) !important;
}

html body .newsletter-strip .newsletter-icon {
  border-color: rgba(255,255,255,.22) !important;
  background: rgba(var(--sadaa-primary-dark-rgb),.24) !important;
  background-color: rgba(var(--sadaa-primary-dark-rgb),.24) !important;
  box-shadow: 0 10px 24px rgba(var(--sadaa-brand-deep-rgb),.16) !important;
}

/* إزالة الفاصل الداخلي القديم بين العمودين لأنه كان يزيد إحساس التجزئة. */
html body .newsletter-strip .newsletter-form-card::before {
  display: none !important;
  background: transparent !important;
}

/* استبدال نقاط الزخرفة القديمة بألوان الهوية البنفسجية. */
html body .newsletter-strip .newsletter-form-card::after {
  content: "" !important;
  position: absolute !important;
  top: 14px !important;
  left: 16px !important;
  width: 30px !important;
  height: 8px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle, #b296c4 0 2px, transparent 2.2px) 0 50%/10px 8px repeat-x !important;
  opacity: .98 !important;
  box-shadow: none !important;
}

.newsletter-icon,
.newsletter-copy h3 {
  color: #ffffff !important;
}

.newsletter-copy p {
  color: rgba(255,255,255,.82) !important;
}

.newsletter-eyebrow {
  border-color: rgba(255,255,255,.40) !important;
  background: rgba(var(--sadaa-primary-dark-rgb),.88) !important;
  color: #ffffff !important;
}

.newsletter-email-label,
.newsletter-consent,
.newsletter-consent a {
  color: #ffffff !important;
}

.newsletter-input-icon {
  color: var(--sadaa-primary) !important;
}

.newsletter-email {
  border-color: rgba(255,255,255,.44) !important;
  color: #263244 !important;
  background: #ffffff !important;
}

.newsletter-email:focus {
  border-color: var(--sadaa-primary) !important;
  box-shadow: 0 0 0 3px rgba(208,41,133,.16) !important;
}

.newsletter-input-shell:focus-within .newsletter-input-icon {
  color: var(--sadaa-primary) !important;
}

.newsletter-submit {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background: var(--sadaa-brand-deep) !important;
  border-color: var(--sadaa-brand-deep) !important;
  color: #ffffff !important;
  box-shadow: 0 7px 16px rgba(var(--sadaa-brand-deep-rgb),.20) !important;
  transition:
    background-color .18s ease,
    border-color .18s ease,
    box-shadow .18s ease !important;
}

/* لا نستخدم الشريط القديم؛ اللمعة الزجاجية أصبحت على ::after. */
.newsletter-submit::before {
  content: none !important;
  display: none !important;
}

.newsletter-submit::after {
  content: "" !important;
  position: absolute !important;
  z-index: 1 !important;
  top: -35% !important;
  left: -70%;
  width: 42% !important;
  height: 170% !important;
  pointer-events: none !important;
  opacity: 0;
  transform: skewX(-22deg) !important;
  background: linear-gradient(
    110deg,
    transparent 0%,
    rgba(255,255,255,.05) 28%,
    rgba(255,255,255,.52) 50%,
    rgba(255,255,255,.10) 72%,
    transparent 100%
  ) !important;
  filter: blur(.2px) !important;
}

.newsletter-submit > span,
.newsletter-submit > i {
  position: relative !important;
  z-index: 2 !important;
}

.newsletter-submit:hover,
.newsletter-submit:focus-visible {
  background: var(--sadaa-brand-deep-hover) !important;
  border-color: var(--sadaa-brand-deep-hover) !important;
  color: #ffffff !important;
  box-shadow: 0 9px 19px rgba(63,34,79,.24) !important;
}

.newsletter-submit:hover::after,
.newsletter-submit:focus-visible::after {
  animation: sadaaNewsletterGlassShine .68s ease-out 1 !important;
}

.newsletter-submit:active {
  background: var(--sadaa-brand-deep-hover) !important;
  border-color: var(--sadaa-brand-deep-hover) !important;
  color: #ffffff !important;
}

@keyframes sadaaNewsletterGlassShine {
  0% {
    left: -70%;
    opacity: 0;
  }
  18% {
    opacity: .95;
  }
  82% {
    opacity: .95;
  }
  100% {
    left: 132%;
    opacity: 0;
  }
}


.newsletter-consent-checkbox {
  accent-color: var(--sadaa-primary) !important;
}

@media (max-width: 1024px) {
  html body .newsletter-strip .newsletter-inner {
    background: var(--sadaa-primary) !important;
  }

  html body .newsletter-strip .newsletter-inner > .newsletter-form-card {
    background: rgba(255,255,255,.12) !important;
    background-color: rgba(255,255,255,.12) !important;
  }

  html body .newsletter-strip .newsletter-icon {
    background: rgba(var(--sadaa-primary-dark-rgb),.24) !important;
    background-color: rgba(var(--sadaa-primary-dark-rgb),.24) !important;
  }
}


/* ========================================================================== 
   صفحات الحساب — الهوية البنفسجية على نفس التصميم الحديث
   تسجيل الدخول + إنشاء الحساب + استعادة كلمة المرور
   لا تغيير في HTML أو المقاسات أو توزيع العناصر.
   ========================================================================== */

/* اللوحة التعريفية في الهوية البنفسجية: لون بنفسجي واحد بلا تدرج. */
.auth-brand {
  background: var(--sadaa-auth-brand-surface) !important;
  background-color: var(--sadaa-primary) !important;
  background-image: var(--sadaa-auth-brand-surface) !important;
}

/* الشارة وأيقونات المزايا تبقى زجاجية هادئة فوق التدرج. */
.auth-eyebrow,
.auth-benefit i,
.auth-brand-footnote i {
  background: rgba(var(--sadaa-brand-deep-rgb),.20) !important;
  border-color: rgba(255,255,255,.22) !important;
}

/* خط الهوية أعلى لوحة النموذج بنفس اللون البنفسجي، بدون تدرج. */
.auth-form-panel::before {
  background: var(--sadaa-primary) !important;
  background-color: var(--sadaa-primary) !important;
  background-image: none !important;
}

/* أيقونة عنوان النموذج والحقول تأخذ لمسات بنفسجية/بنفسجية بدلاً من الأزرق الحديث. */
.auth-heading-icon {
  color: var(--sadaa-primary) !important;
  background: #f5f2f8 !important;
  border-color: #ddd1e5 !important;
  box-shadow: 0 8px 18px rgba(var(--sadaa-primary-rgb),.08) !important;
}

.auth-label {
  color: #3b294a !important;
}

.auth-input:hover {
  border-color: #ddd1e5 !important;
}

.auth-input:focus {
  border-color: var(--sadaa-primary) !important;
  box-shadow: 0 0 0 4px rgba(var(--sadaa-primary-rgb),.12) !important;
}

.auth-input-wrap:focus-within .auth-input-icon {
  color: var(--sadaa-primary) !important;
}

.auth-password-toggle:hover {
  color: var(--sadaa-brand-deep) !important;
  background: #f5f2f8 !important;
}

.auth-check input,
.auth-terms input {
  accent-color: var(--sadaa-primary) !important;
}

.auth-link,
.auth-switch a,
.auth-terms a,
.auth-back-home:hover {
  color: var(--sadaa-brand-deep) !important;
}

.auth-link:hover,
.auth-switch a:hover,
.auth-terms a:hover {
  color: var(--sadaa-primary) !important;
}

.auth-secondary-button:hover {
  border-color: #ddd1e5 !important;
  background: #faf8fb !important;
  color: var(--sadaa-brand-deep) !important;
}

.auth-alert.info {
  color: var(--sadaa-brand-deep) !important;
  background: #faf8fb !important;
  border-color: #ddd1e5 !important;
}

/* الزر الرئيسي: لون داكن + Hover أفتح + لمعة زجاجية متحركة في الصفحات الثلاث. */
.auth-submit {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background: var(--sadaa-brand-deep) !important;
  border-color: var(--sadaa-brand-deep) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(var(--sadaa-brand-deep-rgb),.22) !important;
  transform: none !important;
  transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

.auth-submit:hover,
.auth-submit:focus-visible {
  background: var(--sadaa-brand-deep-hover) !important;
  border-color: var(--sadaa-brand-deep-hover) !important;
  color: #ffffff !important;
  transform: none !important;
  box-shadow: 0 10px 22px rgba(var(--sadaa-brand-deep-rgb),.28) !important;
}

.auth-submit::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: 1 !important;
  top: -35% !important;
  bottom: auto !important;
  left: -72% !important;
  width: 42% !important;
  height: 170% !important;
  pointer-events: none !important;
  opacity: 0 !important;
  transform: skewX(-22deg) !important;
  background: linear-gradient(
    110deg,
    transparent 0%,
    rgba(255,255,255,.04) 24%,
    rgba(255,255,255,.24) 42%,
    rgba(255,255,255,.96) 52%,
    rgba(255,255,255,.22) 64%,
    transparent 100%
  ) !important;
  filter: blur(.15px) !important;
  transition: none !important;
}

.auth-submit:hover::before,
.auth-submit:focus-visible::before {
  animation: sadaaAuthGlassShine .68s ease-out 1 !important;
}

@keyframes sadaaAuthGlassShine {
  0% { left: -72%; opacity: 0; }
  18% { opacity: .95; }
  82% { opacity: .95; }
  100% { left: 132%; opacity: 0; }
}

.auth-submit > * {
  position: relative !important;
  z-index: 2 !important;
}

/* 4) الفوتر — الخلفية الرمادية والفوتر السفلي لا يتغيران.
      كل اللمسات الزرقاء المرتبطة بالهوية الحديثة تتحول إلى البنفسجي المساعد البنفسجي. */
.main-footer {
  --brand-primary: var(--sadaa-primary) !important;
  --footer-accent: var(--sadaa-primary) !important;
  position: relative !important;
  border-top: 0 !important;
  border-top-color: transparent !important;
  border-image: none !important;
  background-image: none !important;
}

.main-footer::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 3px !important;
  background: var(--sadaa-primary) !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

/* لا نفرض background أو color على .main-footer أو .footer-bottom هنا. */
.main-footer .footer-links h4 {
  border-bottom-color: var(--sadaa-primary) !important;
}

.main-footer .footer-links nav a:hover,
.main-footer .cookie-consent-content a {
  color: var(--sadaa-primary) !important;
}

/* الخط الفاصل بجوار الشعار وأي حدود هوية حالية. */
.main-footer .footer-brand,
.main-footer .footer-logo-link {
  border-color: var(--sadaa-primary) !important;
}

/* عناصر الزينة الحديثة في الفوتر: النقطة/المربع/الخط العمودي/خط الحقوق القصير. */
.main-footer .footer-brand::before,
.main-footer .footer-brand::after,
.main-footer .footer-logo-link::before,
.main-footer .footer-logo-link::after,
.main-footer .footer-links h4::before,
.main-footer .footer-links h4::after,
.main-footer .footer-links nav a::before,
.main-footer .footer-links nav a::after,
.main-footer .footer-bottom::before,
.main-footer .footer-bottom::after {
  background-color: var(--sadaa-primary) !important;
  border-color: var(--sadaa-primary) !important;
  color: var(--sadaa-primary) !important;
}


/* 5) قائمة "حسابي" في الهيدر — ألوان الهوية البنفسجية فقط، مع إبقاء التصميم كما هو. */
.main-header #advertiserDropdown.dropdown-menu,
.main-header .dropdown-menu {
  border-color: rgba(var(--sadaa-primary-rgb),.24) !important;
  box-shadow: 0 12px 28px rgba(63,35,79,.16) !important;
}

.main-header #advertiserDropdown .dropdown-item,
.main-header .dropdown-menu .dropdown-item {
  color: #33263b !important;
}

.main-header #advertiserDropdown .dropdown-item i,
.main-header .dropdown-menu .dropdown-item i {
  color: var(--sadaa-primary) !important;
}

.main-header #advertiserDropdown .dropdown-item:hover,
.main-header #advertiserDropdown .dropdown-item:focus-visible,
.main-header .dropdown-menu .dropdown-item:hover,
.main-header .dropdown-menu .dropdown-item:focus-visible {
  background-color: rgba(var(--sadaa-primary-rgb),.09) !important;
  color: var(--sadaa-primary) !important;
  outline: none !important;
}

.main-header #advertiserDropdown .dropdown-item:hover i,
.main-header #advertiserDropdown .dropdown-item:focus-visible i,
.main-header .dropdown-menu .dropdown-item:hover i,
.main-header .dropdown-menu .dropdown-item:focus-visible i {
  color: var(--sadaa-primary) !important;
}


/* تصحيح خلفية مربعات الأيقونات داخل قائمة حسابي في الهوية البنفسجية.
   بعض تنسيقات الهيدر الحديثة تضع الخلفية مباشرة على عنصر الأيقونة، لذلك نفرضها هنا بأولوية أعلى. */
.main-header #advertiserDropdown .dropdown-item > i,
.main-header .dropdown-menu .dropdown-item > i {
  background: rgba(var(--sadaa-primary-rgb),.10) !important;
  background-color: rgba(var(--sadaa-primary-rgb),.10) !important;
  background-image: none !important;
  border-color: rgba(var(--sadaa-primary-rgb),.18) !important;
  box-shadow: none !important;
  color: var(--sadaa-primary) !important;
}

.main-header #advertiserDropdown .dropdown-item:hover > i,
.main-header #advertiserDropdown .dropdown-item:focus-visible > i,
.main-header .dropdown-menu .dropdown-item:hover > i,
.main-header .dropdown-menu .dropdown-item:focus-visible > i {
  background: rgba(var(--sadaa-primary-rgb),.14) !important;
  background-color: rgba(var(--sadaa-primary-rgb),.14) !important;
  background-image: none !important;
  border-color: rgba(var(--sadaa-primary-rgb),.24) !important;
  box-shadow: none !important;
  color: var(--sadaa-primary) !important;
}

/* لو كان للقائمة سهم علوي في النسخة الحالية، يحافظ على الأبيض مع حد بنفسجي بدل الأزرق. */
.main-header #advertiserDropdown.dropdown-menu::before,
.main-header .dropdown-menu::before {
  border-color: rgba(var(--sadaa-primary-rgb),.24) !important;
  background-color: #ffffff !important;
}