/* ARABIDS 1.2.131 — small breathing-room correction and a genuinely
   photographic editorial privacy cover with a refined section navigator. */

/* 1.2.130 brought the headline too close to the first content row. Bring
   back a measured intermediate rhythm, without the old 300px empty zone. */
@media (min-width:992px) {
  html body:is(.home,[data-page="home"]) :is(
    .core_benefits_section,.what_is_section,.who_its_for_section,.faq_section
  ) .arabids-editorial-intro {
    min-height:clamp(128px,12vw,166px) !important;
    margin-bottom:clamp(25px,3.1vw,43px) !important;
    padding-block:clamp(11px,1.55vw,19px) !important;
  }
}
@media (max-width:991px) {
  html body:is(.home,[data-page="home"]) :is(
    .core_benefits_section,.what_is_section,.who_its_for_section,.faq_section
  ) .arabids-editorial-intro {
    margin-bottom:clamp(20px,4.5vw,33px) !important;
    padding-block:clamp(12px,2.2vw,19px) !important;
  }
}

/* Photo retains its natural colors and detail rather than being flattened
   behind a heavy full-frame black overlay. It occupies a dedicated picture
   panel opposite the content, mirroring elegantly in Arabic/English. */
@media (min-width:901px) {
  html body[data-page="privacy"] .privacy-hero-card {
    display:flex !important;
    flex-flow:row nowrap !important;
    align-items:center !important;
    justify-content:flex-start !important;
    position:relative !important;
    isolation:isolate !important;
    overflow:hidden !important;
    min-height:clamp(560px,46vw,680px) !important;
    border:1px solid rgba(218,194,151,.25) !important;
    border-radius:26px !important;
    padding:clamp(101px,9vw,134px) clamp(35px,5vw,73px) clamp(74px,6vw,95px) !important;
    background:#143328 !important;
    box-shadow:0 24px 52px rgba(21,49,38,.13) !important;
    text-align:start !important;
  }
  html body[data-page="privacy"] .privacy-hero-card::before {
    content:"" !important;
    display:block !important;
    position:absolute !important;
    width:1px !important;
    height:64% !important;
    top:18% !important;
    inset-inline-end:calc(44% + 35px) !important;
    background:linear-gradient(180deg,transparent,rgba(218,194,151,.33),transparent) !important;
    pointer-events:none !important;
    z-index:0 !important;
  }
  html body[data-page="privacy"] .privacy-hero-card::after {
    content:"" !important;
    display:block !important;
    position:absolute !important;
    inset-block:clamp(27px,3.2vw,44px) !important;
    inset-inline-end:clamp(23px,3vw,42px) !important;
    inset-inline-start:auto !important;
    width:43% !important;
    height:auto !important;
    border:1px solid rgba(244,224,195,.39) !important;
    border-radius:17px !important;
    box-shadow:0 16px 38px rgba(3,15,10,.23),inset 0 0 0 1px rgba(255,255,255,.08) !important;
    background-image:linear-gradient(0deg,rgba(15,29,24,.06),rgba(15,29,24,.06)),url('../images/brand-atmospheres/privacy-archive-v1130.webp') !important;
    background-size:cover !important;
    background-position:50% 50% !important;
    background-repeat:no-repeat !important;
    z-index:0 !important;
    pointer-events:none !important;
  }
  html body[data-page="privacy"] .privacy-hero-card .privacy-hero-copy {
    flex:0 0 49% !important;
    width:49% !important;
    max-width:49% !important;
    margin:0 !important;
    position:relative !important;
    z-index:2 !important;
    text-align:start !important;
    grid-column:auto !important;
  }
  html body[data-page="privacy"] .privacy-hero-card .privacy-eyebrow {
    margin-inline:0 !important;
    text-align:start !important;
  }
  html body[data-page="privacy"] .privacy-hero-card .privacy-hero-copy h1 {
    font-size:clamp(43px,4vw,63px) !important;
    line-height:1.33 !important;
    text-align:start !important;
    margin-block:clamp(18px,2vw,25px) 18px !important;
  }
  html body[data-page="privacy"] .privacy-hero-card .privacy-hero-intro {
    text-align:start !important;
    margin-inline:0 !important;
    width:100% !important;
    max-width:560px !important;
    font-size:clamp(16px,1.45vw,19px) !important;
    line-height:1.95 !important;
  }
  html body[data-page="privacy"] .privacy-hero-card :is(.privacy-hero-actions,.privacy-hero-meta) {
    justify-content:flex-start !important;
    margin-inline:0 !important;
  }
}

/* Mobile/tablet: picture remains a generous, uncropped-feeling visual panel
   above the copy instead of becoming a dim full-screen wallpaper. */
@media (max-width:900px) {
  html body[data-page="privacy"] .privacy-hero-card {
    position:relative !important;
    display:flex !important;
    flex-flow:column nowrap !important;
    justify-content:flex-start !important;
    align-items:center !important;
    min-height:0 !important;
    padding:clamp(355px,52vw,470px) clamp(20px,5vw,43px) clamp(39px,5vw,61px) !important;
    border:1px solid rgba(219,194,158,.24) !important;
    border-radius:22px !important;
    background:#143328 !important;
    box-shadow:0 18px 35px rgba(12,40,25,.11) !important;
    overflow:hidden !important;
  }
  html body[data-page="privacy"] .privacy-hero-card::before {content:none !important;display:none !important;}
  html body[data-page="privacy"] .privacy-hero-card::after {
    content:"" !important;
    display:block !important;
    position:absolute !important;
    z-index:0 !important;
    top:clamp(74px,10vw,97px) !important;
    inset-inline:clamp(17px,3vw,26px) !important;
    bottom:auto !important;
    width:auto !important;
    height:clamp(247px,38vw,326px) !important;
    border:1px solid rgba(244,224,195,.4) !important;
    border-radius:15px !important;
    background:url('../images/brand-atmospheres/privacy-archive-v1130.webp') center center / cover no-repeat !important;
    box-shadow:0 12px 26px rgba(5,19,13,.18) !important;
  }
  html body[data-page="privacy"] .privacy-hero-card .privacy-hero-copy {
    width:100% !important;
    max-width:720px !important;
    margin:0 auto !important;
    text-align:center !important;
    position:relative !important;
    z-index:1 !important;
  }
  html body[data-page="privacy"] .privacy-hero-card .privacy-hero-copy h1,
  html body[data-page="privacy"] .privacy-hero-card .privacy-hero-intro {text-align:center !important;}
  html body[data-page="privacy"] .privacy-hero-card :is(.privacy-hero-actions,.privacy-hero-meta) {justify-content:center !important;}
}
@media (max-width:630px) {
  html body[data-page="privacy"] .privacy-hero-card {
    padding-top:clamp(344px,83vw,417px) !important;
    padding-bottom:40px !important;
  }
  html body[data-page="privacy"] .privacy-hero-card::after {
    top:71px !important;
    height:clamp(240px,60vw,285px) !important;
    background-position:48% center !important;
  }
}

/* Higher-quality hero action and metadata treatments; keep their true links. */
html body[data-page="privacy"] .privacy-hero-card .privacy-hero-primary {
  border-radius:9px !important;
  border:1px solid #f1e7d6 !important;
  background:#f1e7d6 !important;
  color:#143328 !important;
  font-weight:800 !important;
  box-shadow:none !important;
  transition:background-color .2s ease,transform .2s ease !important;
}
html body[data-page="privacy"] .privacy-hero-card .privacy-hero-secondary,
html body[data-page="privacy"] .privacy-hero-card .privacy-delete-link {
  border-radius:9px !important;
  border:1px solid rgba(241,225,200,.45) !important;
  background:transparent !important;
  color:#f3e9d9 !important;
  font-weight:750 !important;
  transition:background-color .2s ease,transform .2s ease !important;
}
html body[data-page="privacy"] .privacy-hero-card .privacy-updated-pill {
  background:transparent !important;
  border:0 !important;
  padding-inline:0 !important;
  color:#d9c7ae !important;
}
html body[data-page="privacy"] .privacy-hero-card :is(.privacy-hero-primary,.privacy-hero-secondary,.privacy-delete-link):hover {
  transform:translateY(-2px) !important;
}
html body[data-page="privacy"] .privacy-hero-card .privacy-hero-secondary:hover,
html body[data-page="privacy"] .privacy-hero-card .privacy-delete-link:hover {background:rgba(255,255,255,.11) !important;}

/* Table of contents becomes a readable, editorial chapter rail. Each item
   has a clear hit target; the current section is indicated as people scroll. */
html body[data-page="privacy"] .privacy-toc-card {
  border:1px solid #d7c7ae !important;
  border-inline-start:3px solid #a4865d !important;
  border-radius:15px !important;
  background:#fffaf2 !important;
  padding:clamp(22px,2.4vw,29px) clamp(16px,2vw,24px) !important;
  box-shadow:0 14px 34px rgba(27,42,28,.075) !important;
}
html body[data-page="privacy"] .privacy-toc-head {
  border-bottom:1px solid #e1d3c0 !important;
  padding-bottom:17px !important;
  margin-bottom:12px !important;
}
html body[data-page="privacy"] .privacy-toc-head .privacy-card-kicker {color:#916b43 !important;font-weight:800 !important;}
html body[data-page="privacy"] .privacy-toc-head h2 {color:#143328 !important;font-size:clamp(20px,1.7vw,24px) !important;}
html body[data-page="privacy"] .privacy-toc-head p {color:#536458 !important;font-size:13px !important;line-height:1.8 !important;}
html body[data-page="privacy"] .privacy-toc-nav {
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  gap:3px !important;
}
html body[data-page="privacy"] .privacy-toc-nav > a {
  position:relative !important;
  display:flex !important;
  flex-flow:row nowrap !important;
  align-items:center !important;
  gap:12px !important;
  min-height:51px !important;
  padding:8px 9px !important;
  margin:0 !important;
  border-radius:8px !important;
  border:1px solid transparent !important;
  background:transparent !important;
  color:#375449 !important;
  font-size:clamp(13px,1.2vw,15px) !important;
  font-weight:750 !important;
  text-align:start !important;
  text-decoration:none !important;
  transition:background-color .2s ease,border-color .2s ease,color .2s ease !important;
}
html body[data-page="privacy"] .privacy-toc-nav > a span {
  display:grid !important;
  place-items:center !important;
  flex:0 0 33px !important;
  width:33px !important;
  height:33px !important;
  border:1px solid #e1cfb2 !important;
  border-radius:50% !important;
  color:#8d6b42 !important;
  background:#f7efdf !important;
  font-family:Arial,sans-serif !important;
  font-size:11px !important;
  font-variant-numeric:tabular-nums !important;
}
html body[data-page="privacy"] .privacy-toc-nav > a:is(:hover,:focus-visible,[aria-current="true"]) {
  border-color:#e6d8bf !important;
  background:#f0e4d1 !important;
  color:#420b07 !important;
}
html body[data-page="privacy"] .privacy-toc-nav > a[aria-current="true"] span {
  border-color:#420b07 !important;
  background:#420b07 !important;
  color:#fff4e1 !important;
}
html body[data-page="privacy"] .privacy-toc-note {
  margin-top:16px !important;
  border:1px solid #e6d9c5 !important;
  background:#f4eadb !important;
  border-radius:9px !important;
}
html body[data-page="privacy"] .privacy-toc-note p {color:#475c4e !important;}

@media (max-width:900px) {
  html body[data-page="privacy"] .privacy-toc-nav {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:5px 10px !important;
  }
  html body[data-page="privacy"] .privacy-toc-nav > a {min-height:48px !important;}
}
@media (max-width:470px) {
  html body[data-page="privacy"] .privacy-toc-nav {grid-template-columns:1fr !important;}
}
@media (prefers-reduced-motion:reduce) {
  html body[data-page="privacy"] .privacy-hero-card :is(.privacy-hero-primary,.privacy-hero-secondary,.privacy-delete-link),
  html body[data-page="privacy"] .privacy-toc-nav > a {transition:none !important;}
  html body[data-page="privacy"] .privacy-hero-card :is(.privacy-hero-primary,.privacy-hero-secondary,.privacy-delete-link):hover {transform:none !important;}
}