/* ==========================================================================
   PREP4STEP 4.13.20 — the privacy and refund policy page

   The policy text is ordinary editor content (headings, paragraphs, lists),
   so the owner can revise it without touching the plugin. These rules only
   turn the block theme's post content into an Arabic reading card on the
   platform surface; the shared see-app rules already hide the theme's title
   and header and print the platform header above it.
   ========================================================================== */

body.see-legal-page {
  --legal-ink: #f4f1e8;
  --legal-soft: #d9e2dd;
  --legal-muted: #9fb2ac;
  --legal-line: rgba(183, 255, 225, 0.15);
  --legal-line-soft: rgba(255, 255, 255, 0.08);
  --legal-surface: linear-gradient(145deg, rgba(17, 60, 47, 0.97), rgba(6, 30, 23, 0.99));
  --legal-gold: #d8a63a;
  --legal-gold-bright: #f2ad1d;

  margin: 0 !important;
  min-height: 100vh;
  background:
    radial-gradient(circle at 88% 6%, rgba(55, 242, 168, 0.12), transparent 26rem),
    radial-gradient(circle at 6% 44%, rgba(255, 214, 107, 0.06), transparent 28rem),
    linear-gradient(180deg, #031711, #020f0b 58%, #010906) !important;
  color: var(--legal-ink);
  font-family: var(--see-font, "Tajawal", system-ui, sans-serif);
}

body.see-legal-page #content,
body.see-legal-page .site-content,
body.see-legal-page main,
body.see-legal-page .content-area,
body.see-legal-page .wp-site-blocks {
  background: transparent !important;
}

/* The card. */
body.see-app.see-legal-page .wp-block-post-content,
body.see-app.see-legal-page .entry-content {
  box-sizing: border-box;
  width: min(100% - 32px, 820px) !important;
  max-width: 820px !important;
  margin: 40px auto 80px !important;
  padding: 44px 48px 40px !important;
  direction: rtl;
  text-align: right;
  color: var(--legal-soft);
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.9;
  background: var(--legal-surface);
  border: 1px solid var(--legal-line);
  border-radius: 22px;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.22), inset 0 1px rgba(255, 255, 255, 0.045);
}

body.see-legal-page .wp-block-post-content > *,
body.see-legal-page .entry-content > * {
  margin-block: 0 !important;
}

body.see-legal-page .wp-block-post-content h1,
body.see-legal-page .entry-content h1 {
  margin: 0 0 6px !important;
  color: var(--legal-ink);
  font-family: inherit;
  font-size: clamp(1.6rem, 1.2rem + 1.6vw, 2.15rem);
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: 0;
}

body.see-legal-page .wp-block-post-content h2,
body.see-legal-page .entry-content h2 {
  margin: 30px 0 10px !important;
  color: var(--legal-gold);
  font-family: inherit;
  font-size: 1.2rem;
  font-weight: 800;
  line-height: 1.5;
  letter-spacing: 0;
}

body.see-legal-page .wp-block-post-content p,
body.see-legal-page .entry-content p {
  margin: 0 0 12px !important;
  color: var(--legal-soft);
  font-size: 1rem;
  line-height: 1.9;
}

/* "Last updated" under the title. */
body.see-legal-page .wp-block-post-content p.see-legal-updated,
body.see-legal-page .entry-content p.see-legal-updated {
  margin: 0 0 22px !important;
  padding-bottom: 22px;
  border-bottom: 1px solid var(--legal-line-soft);
  color: var(--legal-muted);
  font-size: 0.86rem;
  font-weight: 600;
}

body.see-legal-page .wp-block-post-content ul,
body.see-legal-page .entry-content ul {
  margin: 0 0 14px !important;
  padding: 0 1.25em 0 0 !important;
  list-style: disc;
}

body.see-legal-page .wp-block-post-content li,
body.see-legal-page .entry-content li {
  margin: 0 0 8px;
  padding: 0;
  color: var(--legal-soft);
  line-height: 1.85;
}

body.see-legal-page .wp-block-post-content li::marker,
body.see-legal-page .entry-content li::marker {
  color: var(--legal-gold);
}

body.see-legal-page .wp-block-post-content strong,
body.see-legal-page .entry-content strong {
  color: var(--legal-ink);
  font-weight: 700;
}

/* The platform removes every underline, so a link is marked by colour and a
   rule under it instead. Addresses stay left-to-right inside Arabic text. */
body.see-legal-page .wp-block-post-content a,
body.see-legal-page .entry-content a {
  color: var(--legal-gold-bright) !important;
  border-bottom: 1px solid rgba(242, 173, 29, 0.45);
  font-weight: 700;
  unicode-bidi: isolate;
}

body.see-legal-page .wp-block-post-content a[href^="mailto:"],
body.see-legal-page .entry-content a[href^="mailto:"] {
  direction: ltr;
  display: inline-block;
}

body.see-legal-page .wp-block-post-content a:hover,
body.see-legal-page .wp-block-post-content a:focus-visible,
body.see-legal-page .entry-content a:hover,
body.see-legal-page .entry-content a:focus-visible {
  color: #ffd166 !important;
  border-bottom-color: #ffd166;
}

@media (max-width: 767px) {
  body.see-app.see-legal-page .wp-block-post-content,
  body.see-app.see-legal-page .entry-content {
    width: calc(100% - 32px) !important;
    margin: 20px auto 48px !important;
    padding: 26px 20px 22px !important;
    border-radius: 18px;
    font-size: 0.97rem;
  }

  body.see-legal-page .wp-block-post-content h2,
  body.see-legal-page .entry-content h2 {
    margin-top: 24px !important;
    font-size: 1.08rem;
  }
}