/* ================================================================
   PRIVACY POLICY PAGE
   Loads after eclipse-main (main.css) and relies on its :root tokens
   plus the Libre Baskerville / Inter fonts already enqueued site-wide.
   Mobile-first: base rules target ≤767px, then tablet/desktop layers,
   matching the site's other content pages (about.css / dessert-drinks.css).
   ================================================================ */

/* ── PAGE HEADING (plain text, no image/hero banner) ── */
.pp-heading{
  padding:clamp(2.5rem,6vw,4rem) clamp(1.25rem,5vw,3rem) clamp(1.25rem,3vw,1.75rem);
  background:#fff;
  text-align:center;
}
.pp-heading-inner{max-width:760px;margin:0 auto;}
.pp-eyebrow{
  font-family:'Inter',sans-serif;
  font-size:clamp(0.65rem,1.2vw,0.75rem);
  font-weight:600;
  letter-spacing:0.3em;
  text-transform:uppercase;
  color:var(--gold);
  margin-bottom:0.75rem;
}
.pp-title{
  font-family:'Libre Baskerville',serif;
  font-size:clamp(1.8rem,5vw,2.75rem);
  font-weight:700;
  color:var(--navy);
  line-height:1.15;
  margin-bottom:0.6rem;
}
.pp-updated{
  font-size:0.82rem;
  color:var(--muted);
  font-style:normal;
}

/* ── CONTENT WRAPPER ── */
.pp-sections{
  max-width:760px;
  margin:0 auto;
  padding:clamp(1rem,4vw,1.5rem) clamp(1.25rem,5vw,3rem) clamp(3rem,7vw,5rem);
  background:var(--cream);
}

.pp-block{
  padding:clamp(1.75rem,4vw,2.5rem) 0;
  border-bottom:1px solid var(--border);
}
.pp-block:first-child{padding-top:clamp(1rem,3vw,1.5rem);}
.pp-block:last-child{border-bottom:none;}

.pp-block h2{
  font-family:'Libre Baskerville',serif;
  font-size:clamp(1.2rem,2.8vw,1.5rem);
  font-weight:700;
  color:var(--navy);
  margin-bottom:0.9rem;
}
.pp-block p{
  font-size:clamp(0.95rem,1.6vw,1.05rem);
  color:var(--muted);
  line-height:1.8;
  margin-bottom:0.9rem;
}
.pp-block p:last-child{margin-bottom:0;}

.pp-lead{
  font-size:clamp(1rem,2vw,1.1rem)!important;
  color:var(--navy)!important;
  line-height:1.8;
}

/* ── NUMBERED LIST (gold-on-navy badge markers, matches the About page's
   circular feature-icon treatment instead of a default browser counter) ── */
.pp-list{
  list-style:none;
  counter-reset:pp-count;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:0.75rem;
}
.pp-list li{
  display:flex;
  align-items:flex-start;
  gap:0.85rem;
  font-size:0.95rem;
  color:var(--text);
  line-height:1.6;
  counter-increment:pp-count;
}
.pp-list li::before{
  content:counter(pp-count);
  flex-shrink:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:24px;
  height:24px;
  border-radius:50%;
  background:var(--navy);
  color:var(--gold-light);
  font-family:'Inter',sans-serif;
  font-size:0.72rem;
  font-weight:600;
  margin-top:0.05rem;
}

/* ── EMPHASIS NOTE (reuses .menu-note-box from main.css) ── */
.pp-note{margin-top:0.25rem;margin-bottom:0;}

/* ── CONTACT CARD ── */
.pp-contact-card{
  background:#fff;
  border:1px solid var(--border);
  padding:clamp(1.5rem,3vw,2rem);
  margin-top:0.5rem;
}
.pp-contact-name{
  font-family:'Libre Baskerville',serif;
  font-size:1.05rem;
  font-weight:700;
  color:var(--navy);
  margin-bottom:0.6rem;
}
.pp-contact-row{
  font-size:0.9rem;
  color:var(--muted);
  line-height:1.8;
}
.pp-contact-row a{color:var(--navy);font-weight:500;}
.pp-contact-row a:hover{color:var(--gold);}

/* links inside paragraph copy */
.pp-block p a{color:var(--navy);text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:2px;}
.pp-block p a:hover{color:var(--gold);}

/* ── SCROLL REVEAL (JS toggles .is-visible; see privacy.js) ── */
.reveal{
  opacity:0;
  transform:translateY(20px);
  transition:opacity 0.55s ease,transform 0.55s ease;
}
.reveal.is-visible{opacity:1;transform:translateY(0);}
@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none;}
}

/* ── TABLET (≥768px) ── */
@media(min-width:768px){
  .pp-block h2{margin-bottom:1.1rem;}
  .pp-list li{font-size:1rem;}
}

/* ── DESKTOP (≥1025px) ── */
@media(min-width:1025px){
  .pp-sections{padding-top:clamp(1.5rem,3vw,2rem);}
}