/* ==========================================================================
   Similius Privacy Policy — Urenus look & feel
   Target:  https://us.similius.com/privacy-policy-2/   (page ID 25)
   Model:   https://urenus.com/pages/privacy-policy
   Markup:  similius-privacy-page.html  (Custom HTML block)

   Loaded by the Similius Styles plugin on page 25 only.

   Ported from the Urenus page's own inline <style> — a self-contained custom
   HTML block scoped to #urenus-privacy-policy. Scope renamed to #sim-privacy.

   IMPORTANT: only the DESIGN is ported. Urenus's privacy policy is a bespoke
   rewrite that describes Urenus's own data practices; Similius runs the
   Shopify boilerplate text. Those are different documents and the wording is
   not interchangeable. The markup keeps Similius's own text and only borrows
   Urenus's components — hero, mini-cards, section bands, cards, notices and
   the closing contact box.

   CHANGES vs the Urenus original, all deliberate:
     1. font-family: inherit, not the ui-sans-serif stack — keeps DM Sans.
     2. font-weight 650 -> 600 (not a cut DM Sans loads here). 800 is kept and
        the plugin requests that cut for this page.
     3. Full-bleed hack replaced by a margin reset + 38px gutter, matching the
        other ported pages.
     4. Content capped at 1520px. Urenus lets this page run the full viewport
        width, which on a wide monitor gives very long lines; 1520px is the
        measure the contact and returns pages already use.
   ========================================================================== */


/* --- 0. Page gutter ----------------------------------------------------- */
/* Urenus breaks out with width:100vw + negative margins, which would give a
   horizontal scrollbar here (100vw counts the scrollbar) and fight Blocksy's
   !important auto margin on .entry-content's children. */

body.page-id-25 #sim-privacy {
  width: auto;
  max-width: none;
  margin-inline: 0 !important;
  padding-inline: min(2.6vw, 38px);
}


/* --- 1. Tokens + base --------------------------------------------------- */

#sim-privacy {
  --upp-ink: #1a1b2e;
  --upp-muted: #5a5c7d;
  --upp-surface-1: #ffffff;
  --upp-surface-2: #f4f5f7;
  --upp-brand: #2b2c48;
  --upp-brand-2: #4a4c75;
  --upp-brand-light: #e9eaf2;
  --upp-radius: 14px;
  --upp-radius-sm: 8px;
  --upp-shadow-sm: 0 1px 2px rgba(43, 44, 72, 0.05);
  --upp-shadow: 0 10px 30px rgba(43, 44, 72, 0.08);

  /* Urenus runs edge to edge with no cap. 1520px matches contact and returns. */
  --upp-maxw: 1520px;

  padding-block: 0;
  color: var(--upp-ink);
  background: var(--upp-surface-1);
  font-family: inherit;   /* DM Sans, already the site font */
  line-height: 1.7;
  overflow-x: hidden;
}

#sim-privacy,
#sim-privacy * { box-sizing: border-box; }

#sim-privacy .upp-inner {
  width: min(100%, var(--upp-maxw));
  margin-inline: auto;
  padding-inline: clamp(1.25rem, 5vw, 6rem);
}

#sim-privacy .upp-link {
  color: var(--upp-brand);
  font-weight: 700;
  text-decoration: none;
  overflow-wrap: anywhere;
}

#sim-privacy .upp-link:hover { text-decoration: underline; }


/* --- 2. Hero ------------------------------------------------------------ */

#sim-privacy .upp-hero {
  padding-block: clamp(3.5rem, 6vw, 6rem) clamp(3rem, 5vw, 5rem);
  background: linear-gradient(135deg, var(--upp-surface-2) 0%, #ffffff 58%, var(--upp-brand-light) 100%);
  border-bottom: 1px solid var(--upp-brand-light);
}

#sim-privacy .upp-eyebrow {
  display: inline-block;
  margin: 0 0 1rem;
  color: var(--upp-brand-2);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}

#sim-privacy .upp-title {
  margin: 0 0 1.25rem;
  color: var(--upp-brand);
  font-size: clamp(2.5rem, 5vw, 4.75rem);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -0.035em;
}

#sim-privacy .upp-intro {
  margin: 0;
  max-width: 1320px;
  color: var(--upp-muted);
  font-size: clamp(1.05rem, 1.25vw, 1.22rem);
}

#sim-privacy .upp-care-note {
  margin-top: 1.5rem;
  padding: 1.35rem 1.6rem;
  border-left: 5px solid var(--upp-brand);
  border-radius: var(--upp-radius-sm);
  background: #fff;
  color: var(--upp-muted);
  box-shadow: var(--upp-shadow-sm);
}

#sim-privacy .upp-care-note-strong {
  color: var(--upp-brand);
  font-weight: 800;
}

#sim-privacy .upp-hero-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
  margin-top: 2rem;
}

#sim-privacy .upp-mini-card {
  padding: 1.2rem 1.35rem;
  border: 1px solid var(--upp-brand-light);
  border-radius: var(--upp-radius-sm);
  background: rgba(255, 255, 255, .88);
  box-shadow: var(--upp-shadow-sm);
}

#sim-privacy .upp-mini-label {
  display: block;
  margin: 0 0 .35rem;
  color: var(--upp-muted);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

#sim-privacy .upp-mini-value {
  display: block;
  color: var(--upp-brand);
  font-size: 1rem;
  font-weight: 800;
  overflow-wrap: anywhere;
}


/* --- 3. Sections -------------------------------------------------------- */

#sim-privacy .upp-section {
  padding-block: clamp(3.5rem, 5vw, 5.5rem);
  border-bottom: 1px solid var(--upp-brand-light);
}

#sim-privacy .upp-section-alt { background: var(--upp-surface-2); }

#sim-privacy .upp-section:last-child { border-bottom: 0; }

#sim-privacy .upp-section-heading {
  margin: 0 0 1rem;
  color: var(--upp-brand);
  font-size: clamp(1.8rem, 3vw, 2.75rem);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.02em;
}

#sim-privacy .upp-section-lead {
  margin: 0 0 2rem;
  max-width: 1320px;
  color: var(--upp-muted);
  font-size: 1.05rem;
}


/* --- 4. Cards, grids, lists --------------------------------------------- */

#sim-privacy .upp-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
}

#sim-privacy .upp-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
}

#sim-privacy .upp-card,
#sim-privacy .upp-panel {
  min-width: 0;
  padding: clamp(1.35rem, 2vw, 2.2rem);
  border: 1px solid var(--upp-brand-light);
  border-radius: var(--upp-radius);
  background: var(--upp-surface-1);
  box-shadow: var(--upp-shadow-sm);
}

#sim-privacy .upp-panel-muted { background: var(--upp-surface-2); }

#sim-privacy .upp-card-title,
#sim-privacy .upp-panel-title {
  margin: 0 0 .9rem;
  color: var(--upp-brand);
  font-size: 1.28rem;
  font-weight: 700;
  line-height: 1.25;
}

#sim-privacy .upp-card-text {
  margin: 0 0 1rem;
  color: var(--upp-muted);
  font-size: 1rem;
}

#sim-privacy .upp-card-text:last-child { margin-bottom: 0; }

#sim-privacy .upp-tag {
  display: inline-block;
  margin: 0 0 1rem;
  padding: .34rem .72rem;
  border-radius: 5px;
  background: var(--upp-brand-light);
  color: var(--upp-brand);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

#sim-privacy .upp-list {
  margin: .75rem 0 0;
  padding-left: 1.25rem;
  color: var(--upp-muted);
}

#sim-privacy .upp-list-item { margin-bottom: .6rem; }
#sim-privacy .upp-list-item:last-child { margin-bottom: 0; }

/* Urenus always ends a card with its list, so its .upp-list needs no bottom
   margin. Here the Order Information card carries a closing sentence after
   the list, which would otherwise sit flush against the last bullet. */
#sim-privacy .upp-list + .upp-card-text { margin-top: 1rem; }

#sim-privacy .upp-notice {
  margin-top: 1.5rem;
  padding: 1.4rem 1.6rem;
  border-radius: var(--upp-radius);
  background: var(--upp-brand-light);
  color: var(--upp-brand);
  font-weight: 600;      /* Urenus 650 — not a cut DM Sans loads here */
}


/* --- 5. Closing contact box --------------------------------------------- */

#sim-privacy .upp-contact-box {
  padding: clamp(1.8rem, 3vw, 3rem);
  border-radius: var(--upp-radius);
  background: var(--upp-brand);
  color: #fff;
  box-shadow: var(--upp-shadow);
}

#sim-privacy .upp-contact-title {
  margin: 0 0 1rem;
  color: #fff;
  font-size: clamp(1.5rem, 2.5vw, 2rem);
  font-weight: 700;
  line-height: 1.2;
}

#sim-privacy .upp-contact-text {
  margin: 0 0 1rem;
  color: rgba(255, 255, 255, .88);
}

#sim-privacy .upp-contact-text:last-child { margin-bottom: 0; }

#sim-privacy .upp-contact-link {
  color: #fff;
  font-weight: 800;
  text-decoration: underline;
  overflow-wrap: anywhere;
}


/* --- 6. Responsive ------------------------------------------------------ */

@media (max-width: 1000px) {
  #sim-privacy .upp-grid-3,
  #sim-privacy .upp-hero-strip { grid-template-columns: 1fr; }
}

@media (max-width: 800px) {
  #sim-privacy .upp-inner { padding-inline: 1rem; }
  #sim-privacy .upp-grid-2 { grid-template-columns: 1fr; }
}