/* ═══════════════════════════════════════════════════════
   NEODUSTRIA — PRIVACY POLICY PAGE (pp-* overrides)
   Base layout: reuses ck-* system from cookies.css
   Page-specific refinements only.
═══════════════════════════════════════════════════════ */

/*
  This file loads alongside cookies.css which supplies all ck-* base styles.
  Only add rules here that are specific to the Privacy Policy page.
*/

/* 8 sections — slightly more compact card body to keep the page breathable */
.pp-page .ck-card-body {
  padding: 24px 32px;
}

/* Sub-items within each card — bullet-point privacy clauses */
.pp-clause {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0 0 10px;
}
.pp-clause-item {
  font-size: 13.5px;
  color: rgba(155,178,212,0.80);
  line-height: 1.68;
  padding-left: 16px;
  position: relative;
}
.pp-clause-item::before {
  content: '';
  position: absolute; left: 0; top: 9px;
  width: 5px; height: 5px; border-radius: 50%;
  background: rgba(0,100,220,0.70);
}
.pp-clause-item strong {
  color: rgba(212,228,248,0.92);
  font-weight: 700;
}
.pp-clause-item a {
  color: #168BFF;
  text-decoration: none;
}
.pp-clause-item a:hover {
  text-decoration: underline;
}

/* CTA button links to contact page */
.pp-page .ck-cta-btn {
  background: linear-gradient(135deg, #071D35 0%, #123D63 45%, #168BFF 100%);
}

/* ── Card image blending fix ─────────────────────────────
   Privacy images have a slightly different dark tint than
   cookies images. Making the wrap fully opaque and adding
   a radial mask-image ensures clean edge dissolve regardless
   of the image's own background color.
─────────────────────────────────────────────────────── */
.pp-page .ck-card-img-wrap {
  background: #010810;
}
.pp-page .ck-card-img {
  -webkit-mask-image: radial-gradient(ellipse 82% 82% at 50% 50%,
    black 0%, black 32%,
    rgba(0,0,0,0.88) 50%,
    rgba(0,0,0,0.45) 68%,
    rgba(0,0,0,0.12) 82%,
    transparent 96%
  );
  mask-image: radial-gradient(ellipse 82% 82% at 50% 50%,
    black 0%, black 32%,
    rgba(0,0,0,0.88) 50%,
    rgba(0,0,0,0.45) 68%,
    rgba(0,0,0,0.12) 82%,
    transparent 96%
  );
  filter: brightness(1.10) saturate(1.15) contrast(1.03);
}

/* ── CTA image blending fix ─────────────────────────────── */
.pp-page .ck-cta-visual {
  background: #010810;
}
.pp-page .ck-cta-img {
  -webkit-mask-image: radial-gradient(ellipse 80% 78% at 50% 50%,
    black 0%, black 28%,
    rgba(0,0,0,0.82) 48%,
    rgba(0,0,0,0.38) 66%,
    rgba(0,0,0,0.10) 80%,
    transparent 94%
  );
  mask-image: radial-gradient(ellipse 80% 78% at 50% 50%,
    black 0%, black 28%,
    rgba(0,0,0,0.82) 48%,
    rgba(0,0,0,0.38) 66%,
    rgba(0,0,0,0.10) 80%,
    transparent 94%
  );
  filter: brightness(1.10) saturate(1.15) contrast(1.03);
}