/*
 * ARABIDS 1.2.92 | Official light design: authentic logo watermark,
 * creative account-deletion page and account-entry navigation.
 * Brand: #420B07 / #A4865D / #143328 / #03120D / #EFE6D8.
 */

/* 1. INSIDE THE APP: a SINGLE understated, circular official-brand seal. */
html body.home .how_it_works_section,
html body .arabids-elementor-source .how_it_works_section {
  position: relative !important;
  isolation: isolate !important;
  background: linear-gradient(130deg,#fcfaf7 0%,#f8f3eb 56%,#f1e9dd 100%) !important;
  overflow: hidden;
}
html body.home .how_it_works_section::before,
html body .arabids-elementor-source .how_it_works_section::before {
  content: "" !important;
  position: absolute !important;
  inset: auto !important;
  top: 13% !important;
  right: clamp(12px,5vw,85px) !important;
  width: clamp(160px,24vw,285px) !important;
  height: clamp(160px,24vw,285px) !important;
  border-radius: 50% !important;
  border: 1px solid rgba(164,134,93,.24) !important;
  box-shadow: 0 0 0 24px rgba(164,134,93,.038),0 0 0 50px rgba(164,134,93,.022) !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background-color: #fffdfa !important;
  background-image: linear-gradient(rgba(255,253,249,.84),rgba(255,253,249,.84)),url('../images/logo-brand-horizontal.png') !important;
  background-size: cover, 78% auto !important;
  background-position: center,center !important;
  background-repeat: no-repeat,no-repeat !important;
  opacity: 1 !important;
  transform: none !important;
}
html body.home .how_it_works_section::after,
html body .arabids-elementor-source .how_it_works_section::after {
  content: none !important;
}
html body.home .how_it_works_section > .container,
html body.home .how_it_works_section .container-flex,
html body .arabids-elementor-source .how_it_works_section > .container,
html body .arabids-elementor-source .how_it_works_section .container-flex {
  position: relative !important;
  z-index: 2 !important;
}
html body.home .how_it_works_section > .container h2.title,
html body .arabids-elementor-source .how_it_works_section h2.title {
  color: #143328 !important;
  font-weight: 700 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.7);
}

/* 2. DELETE ACCOUNT: a clear, approachable trust-and-actions layout. */
html body[data-page="delete-account"] .deletion-premium-page {
  background: radial-gradient(circle at 8% 4%,rgba(164,134,93,.12),transparent 30%),linear-gradient(180deg,#fbf9f5,#f7f3ed 70%,#fbf9f5) !important;
}
html body[data-page="delete-account"] .deletion-premium-section { padding: 34px 0 78px !important; }
html body[data-page="delete-account"] .deletion-premium-container {
  width: min(1280px,calc(100% - 44px)) !important;
}
html body[data-page="delete-account"] .deletion-hero-card {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) 180px !important;
  align-items: center !important;
  gap: 25px !important;
  min-height: 230px !important;
  padding: 36px 42px !important;
  border: 1px solid #e3d3bd !important;
  border-radius: 27px !important;
  background: radial-gradient(circle at 89% 12%,rgba(164,134,93,.24),transparent 45%),linear-gradient(117deg,#fffdf9,#f2e7d6 77%,#e7dccb) !important;
  box-shadow: 0 20px 50px rgba(20,51,40,.065) !important;
  text-align: start !important;
}
html body[data-page="delete-account"] .deletion-hero-card::before {
  inset: 0 0 auto !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 4px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(90deg,#143328,#a4865d,#420b07) !important;
  z-index: 5 !important;
}
html body[data-page="delete-account"] .deletion-hero-card::after {
  inset: auto auto -110px -95px !important;
  width: 230px !important;
  height: 230px !important;
  border: 1px solid rgba(164,134,93,.14) !important;
  background: rgba(164,134,93,.08) !important;
  z-index: 0 !important;
}
html body[data-page="delete-account"] .deletion-hero-copy {
  width: auto !important;
  max-width: 900px !important;
  margin: 0 !important;
  position: relative !important;
  z-index: 2 !important;
  text-align: start !important;
}
html body[data-page="delete-account"] .deletion-hero-copy h1 {
  color: #143328 !important;
  font-size: clamp(30px,3vw,43px) !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
  margin: 9px 0 7px !important;
  text-align: start !important;
  text-shadow: none !important;
}
html body[data-page="delete-account"] .deletion-hero-copy h1 strong { color: #420b07 !important; }
html body[data-page="delete-account"] .deletion-hero-copy > p {
  max-width: 690px !important;
  margin: 0 !important;
  color: #596c61 !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
  text-align: start !important;
}
html body[data-page="delete-account"] .deletion-eyebrow {
  min-height: 28px !important;
  margin: 0 !important;
  border: 1px solid #d9c5a7 !important;
  background: #f1e6d6 !important;
  color: #420b07 !important;
  font-size: 12px !important;
}
html body[data-page="delete-account"] .deletion-hero-actions {
  justify-content: flex-start !important;
  margin: 17px 0 0 !important;
  gap: 10px !important;
}
html body[data-page="delete-account"] .deletion-hero-primary {
  min-height: 44px !important;
  background: #420b07 !important;
  border-color: #420b07 !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(66,11,7,.15) !important;
}
html body[data-page="delete-account"] .deletion-hero-primary:hover { background: #143328 !important; }
html body[data-page="delete-account"] .deletion-hero-secondary {
  min-height: 44px !important;
  border: 1px solid #d6c3a6 !important;
  background: #fffaf1 !important;
  color: #143328 !important;
}
html body[data-page="delete-account"] .deletion-hero-visual {
  display: grid !important;
  width: 175px !important;
  height: 175px !important;
  margin-inline-start: auto !important;
}
html body[data-page="delete-account"] .deletion-visual-icon {
  width: 116px !important;
  height: 116px !important;
  color: #420b07 !important;
  background: #fffdfa !important;
  border: 1px solid #dfc9aa !important;
  box-shadow: 0 14px 32px rgba(66,11,7,.12) !important;
}
html body[data-page="delete-account"] .deletion-visual-chip {
  color: #143328 !important;
  background: #fffaf1 !important;
  border-color: #d5c5ae !important;
}
html body[data-page="delete-account"] .deletion-premium-grid {
  gap: 22px !important;
  margin-top: 24px !important;
  grid-template-columns: minmax(0,.84fr) minmax(0,1.16fr) !important;
}
html body[data-page="delete-account"] .deletion-info-column { gap: 20px !important; }
html body[data-page="delete-account"] :is(.deletion-info-card,.deletion-request-card,.deletion-legal-card) {
  border: 1px solid #e0d5c6 !important;
  box-shadow: 0 12px 34px rgba(3,18,13,.075) !important;
}
html body[data-page="delete-account"] .deletion-info-card,
html body[data-page="delete-account"] .deletion-request-card {
  border-radius: 22px !important;
}
html body[data-page="delete-account"] .deletion-impact-card {
  padding: 26px !important;
  background: linear-gradient(155deg,#fffefa,#f5efe6) !important;
}
html body[data-page="delete-account"] .deletion-card-kicker { color: #420b07 !important; font-weight: 700 !important; font-size: 12px !important; }
html body[data-page="delete-account"] :is(.deletion-card-heading,.deletion-request-head,.deletion-legal-copy) h2,
html body[data-page="delete-account"] .deletion-app-card h2 { color: #143328 !important; font-size: 21px !important; font-weight: 700 !important; }
html body[data-page="delete-account"] .deletion-impact-list { margin-top: 18px !important; gap: 10px !important; }
html body[data-page="delete-account"] .deletion-impact-item {
  border: 1px solid #e9e0d5 !important;
  background: rgba(255,255,255,.84) !important;
  padding: 13px 14px !important;
  border-radius: 15px !important;
  gap: 12px !important;
}
html body[data-page="delete-account"] .deletion-impact-icon {
  background: #f0e4d6 !important;
  color: #420b07 !important;
  border-radius: 12px !important;
}
html body[data-page="delete-account"] .deletion-impact-icon-blue { background: #e6ece7 !important; color: #143328 !important; }
html body[data-page="delete-account"] .deletion-impact-icon-green { background: #e9eadf !important; color: #73603f !important; }
html body[data-page="delete-account"] .deletion-impact-item strong { color: #143328 !important; font-size: 14px !important; }
html body[data-page="delete-account"] .deletion-impact-item p {
  color: #617168 !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
}

/* The in-app route is deliberately differentiated from the web request. */
html body[data-page="delete-account"] .deletion-app-card {
  background: linear-gradient(140deg,#143328,#1f4939) !important;
  border-color: #143328 !important;
  padding: 24px !important;
  color: #fff !important;
}
html body[data-page="delete-account"] .deletion-app-icon { background: rgba(255,255,255,.10) !important; color: #f0e6d6 !important; }
html body[data-page="delete-account"] .deletion-app-card .deletion-card-kicker { color: #e1cba9 !important; }
html body[data-page="delete-account"] .deletion-app-card h2 { color: #fff !important; }
html body[data-page="delete-account"] .deletion-app-card p { color: #e1e7df !important; font-size: 13px !important; line-height: 1.65 !important; }
html body[data-page="delete-account"] .deletion-app-path span {
  border: 1px solid rgba(255,255,255,.20) !important;
  color: #fff !important;
  background: rgba(255,255,255,.10) !important;
  font-size: 12px !important;
}
html body[data-page="delete-account"] .deletion-app-path span.is-active { background: #efe6d8 !important; color: #143328 !important; }
html body[data-page="delete-account"] .deletion-app-path b { color: #e1cba9 !important; }

html body[data-page="delete-account"] .deletion-request-card { padding: 28px 31px !important; background: #fff !important; }
html body[data-page="delete-account"] .deletion-request-card::before {
  height: 4px !important;
  margin: -28px -31px 24px !important;
  background: linear-gradient(90deg,#420b07,#a4865d,#143328) !important;
}
html body[data-page="delete-account"] .deletion-request-head { padding-bottom: 17px !important; border-color: #ede5d9 !important; }
html body[data-page="delete-account"] .deletion-request-icon { background: #f1e5d5 !important; color: #420b07 !important; }
html body[data-page="delete-account"] .deletion-request-head > p { color: #607268 !important; font-size: 14px !important; line-height: 1.7 !important; }
html body[data-page="delete-account"] .deletion-premium-form.account-deletion-form { padding-top: 21px !important; }
html body[data-page="delete-account"] .deletion-field { color: #143328 !important; font-size: 13px !important; }
html body[data-page="delete-account"] .deletion-field :is(input, textarea) {
  background: #fcfaf6 !important;
  border-color: #ddd2c4 !important;
  color: #143328 !important;
  font: 500 14px 'Arabids Arabic', Arial, sans-serif !important;
}
html body[data-page="delete-account"] .deletion-field :is(input, textarea):focus {
  border-color: #a4865d !important;
  box-shadow: 0 0 0 4px rgba(164,134,93,.13) !important;
}
html body[data-page="delete-account"] .deletion-consent { border-color: #e5d9ca !important; background: #faf6ee !important; color: #586b61 !important; }
html body[data-page="delete-account"] .deletion-consent input { accent-color: #420b07 !important; }
html body[data-page="delete-account"] .deletion-submit {
  border: 1px solid #420b07 !important;
  background: #420b07 !important;
  color: #fff !important;
  font-size: 15px !important;
  box-shadow: 0 11px 25px rgba(66,11,7,.15) !important;
}
html body[data-page="delete-account"] .deletion-submit:hover { background: #143328 !important; border-color: #143328 !important; }
html body[data-page="delete-account"] .deletion-legal-card {
  margin-top: 20px !important;
  padding: 19px 24px !important;
  background: linear-gradient(110deg,#f5ecdf,#fffcf7) !important;
  border-left: 4px solid #a4865d !important;
  border-radius: 18px !important;
}
html body[data-page="delete-account"] .deletion-legal-icon { background: #e8dac4 !important; color: #420b07 !important; }
html body[data-page="delete-account"] .deletion-legal-copy p { color: #617168 !important; font-size: 13px !important; line-height: 1.7 !important; }
html body[data-page="delete-account"] .deletion-legal-links a { color: #420b07 !important; font-size: 13px !important; }

/* 3. AUTHENTICATION: persistent navigation on both account entry pages. */
html body .arabids-auth-global-nav {
  position: sticky !important;
  top: 0;
  z-index: 1600 !important;
  width: 100%;
  min-height: 78px;
  border-bottom: 1px solid #e7dcd0 !important;
  background: rgba(255,253,249,.97) !important;
  box-shadow: 0 9px 28px rgba(3,18,13,.045) !important;
  backdrop-filter: blur(14px);
}
html body.admin-bar .arabids-auth-global-nav { top: 32px; }
html body .arabids-auth-global-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  width: min(1380px,calc(100% - 42px));
  min-height: 78px;
  margin: auto;
}
html body .arabids-auth-global-logo { display: flex; flex: 0 0 auto; align-items: center; line-height: 0; }
html body .arabids-auth-global-logo img { display: block; width: 175px; max-width: 100%; max-height: 50px; object-fit: contain; }
html body .arabids-auth-global-desktop { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 3px; }
html body .arabids-auth-global-desktop a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 7px 13px;
  border-radius: 11px;
  color: #143328 !important;
  font: 600 14px 'Arabids Arabic',Arial,sans-serif !important;
  text-decoration: none !important;
  white-space: nowrap;
  transition: background .2s, color .2s;
}
html body .arabids-auth-global-desktop a:hover { color: #420b07 !important; background: #f3ebdf !important; }
html body .arabids-auth-global-actions { display: flex; align-items: center; gap: 12px; flex: 0 0 auto; }
html body .arabids-auth-global-actions .standalone-language-bar {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  width: auto !important;
  height: auto !important;
  z-index: auto !important;
  display: flex !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html body .arabids-auth-global-actions .language-switcher { display: inline-flex !important; gap: 5px !important; direction: ltr !important; }
html body .arabids-auth-global-actions .language-switcher button {
  width: 34px !important; height: 34px !important; min-width: 34px !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 50% !important;
  box-shadow: none !important;
}
html body .arabids-auth-global-actions .language-switcher button.active {
  background: #f2e9dd !important;
  border-color: #a4865d !important;
}
html body .arabids-auth-global-actions .language-switcher .language-flag { width: 24px !important; height: 17px !important; }
html body .arabids-auth-global-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 43px;
  padding: 10px 19px;
  border: 1px solid #420b07;
  border-radius: 12px;
  background: #420b07 !important;
  color: #fff !important;
  font: 600 13px 'Arabids Arabic',Arial,sans-serif !important;
  text-decoration: none !important;
  white-space: nowrap;
}
html body .arabids-auth-global-cta:hover { background: #143328 !important; border-color: #143328 !important; color: #fff !important; }
html body .arabids-auth-global-mobile { display: none; position: relative; }
html body.login-page .entry-auth-wrap,
html body.register-page .entry-auth-wrap { padding-top: 36px !important; }
html body.login-page .auth-card,
html body.register-page .auth-card { margin-top: 0 !important; }
html body .entry-auth-card .recovery-brand-row { margin-bottom: 21px !important; }

@media (max-width: 1150px) {
  html body .arabids-auth-global-desktop { display: none; }
  html body .arabids-auth-global-mobile { display: block; }
  html body .arabids-auth-global-mobile > summary {
    display: grid; place-items: center;
    width: 43px; height: 43px; border: 1px solid #e0d3c2;
    border-radius: 12px; background: #f5ede1; color: #420b07;
    list-style: none; cursor: pointer;
  }
  html body .arabids-auth-global-mobile > summary::-webkit-details-marker { display: none; }
  html body .arabids-auth-global-mobile > summary svg { width: 22px; height: 22px; }
  html body .arabids-auth-global-mobile[open] > summary { background: #420b07; color: #fff; border-color: #420b07; }
  html body .arabids-auth-global-mobile-panel {
    position: absolute;
    z-index: 1700;
    inset-block-start: calc(100% + 14px);
    inset-inline-end: 0;
    width: min(320px,calc(100vw - 24px));
    display: grid;
    gap: 4px;
    padding: 15px;
    background: #fffdf9;
    border: 1px solid #e4d7c5;
    border-radius: 20px;
    box-shadow: 0 20px 55px rgba(3,18,13,.18);
  }
  html body .arabids-auth-global-mobile-panel a {
    display: block;
    padding: 12px 13px;
    border-radius: 10px;
    color: #143328 !important;
    background: transparent;
    text-decoration: none !important;
    font: 600 14px 'Arabids Arabic',Arial,sans-serif !important;
  }
  html body .arabids-auth-global-mobile-panel a:hover { color: #420b07 !important; background: #f2e9dd !important; }
  html body .arabids-auth-global-mobile-panel .arabids-auth-mobile-account {
    margin-top: 5px; text-align: center;
    background: #143328 !important; color: #fff !important;
  }
}
@media (max-width: 980px) {
  html body[data-page="delete-account"] .deletion-premium-grid { grid-template-columns: 1fr !important; }
  html body[data-page="delete-account"] .deletion-request-card { order: 1 !important; }
  html body[data-page="delete-account"] .deletion-info-column { order: 2 !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width: 760px) {
  html body.home .how_it_works_section::before,
  html body .arabids-elementor-source .how_it_works_section::before {
    top: 110px !important;
    right: -16px !important;
    width: 130px !important;
    height: 130px !important;
    border-color: rgba(164,134,93,.13) !important;
    box-shadow: 0 0 0 16px rgba(164,134,93,.025) !important;
    background-image: linear-gradient(rgba(255,253,249,.9),rgba(255,253,249,.9)),url('../images/logo-brand-horizontal.png') !important;
    background-size: cover,85% auto !important;
  }
  html body.home .how_it_works_section::after,
  html body .arabids-elementor-source .how_it_works_section::after {
    content: none !important;
  }
  html body[data-page="delete-account"] .deletion-premium-container { width: calc(100% - 22px) !important; }
  html body[data-page="delete-account"] .deletion-premium-section { padding: 22px 0 51px !important; }
  html body[data-page="delete-account"] .deletion-hero-card {
    display: block !important;
    min-height: 0 !important;
    padding: 24px 20px !important;
    border-radius: 21px !important;
  }
  html body[data-page="delete-account"] .deletion-hero-visual { display: none !important; }
  html body[data-page="delete-account"] .deletion-hero-copy h1 { font-size: 29px !important; }
  html body[data-page="delete-account"] .deletion-hero-copy > p { font-size: 13px !important; }
  html body[data-page="delete-account"] .deletion-premium-grid { gap: 15px !important; margin-top: 17px !important; }
  html body[data-page="delete-account"] .deletion-info-column { grid-template-columns: 1fr !important; gap: 15px !important; }
  html body[data-page="delete-account"] .deletion-impact-card,
  html body[data-page="delete-account"] .deletion-app-card { padding: 20px !important; }
  html body[data-page="delete-account"] .deletion-request-card { padding: 23px 19px !important; }
  html body[data-page="delete-account"] .deletion-request-card::before { margin: -23px -19px 19px !important; }
  html body[data-page="delete-account"] .deletion-legal-card { padding: 18px 16px !important; }
}
@media (max-width: 600px) {
  html body .arabids-auth-global-inner { width: calc(100% - 24px); min-height: 70px; gap: 8px; }
  html body .arabids-auth-global-nav { min-height: 70px; }
  html body .arabids-auth-global-logo img { width: 130px; max-height: 42px; }
  html body .arabids-auth-global-actions { gap: 6px; }
  html body .arabids-auth-global-actions .language-switcher { gap: 1px !important; }
  html body .arabids-auth-global-actions .language-switcher button { width: 31px !important; height: 31px !important; min-width: 31px !important; }
  html body .arabids-auth-global-actions .language-switcher .language-flag { width: 23px !important; height: 15px !important; }
  html body .arabids-auth-global-cta { display: none; }
  html body.login-page .entry-auth-wrap,
  html body.register-page .entry-auth-wrap { padding-top: 19px !important; }
}
@media (max-width: 782px) {
  html body.admin-bar .arabids-auth-global-nav { top: 46px; }
}
@media (prefers-reduced-motion: reduce) {
  html body .arabids-auth-global-desktop a,
  html body .arabids-auth-global-mobile-panel a { transition: none !important; }
}