/* =========================================================
   Balo — PRIVACY (privacy.php)
   Page-scoped layout/typography only. NO background rules.
   ========================================================= */

/* Scope: only affects the Privacy template */
body.page-template-privacy .privacy-hero,
body.page-template-privacy .privacy-main,
body.page-template-privacy .privacy-card {
  /* no background here */
}

/* Tokens (no background variables) */
:root{
  --pv-max: 900px;
  --radius: 18px;
  --gap: clamp(16px, 2.2vw, 24px);

  --text: var(--zen-text, #e9eefb);
  --muted: var(--zen-muted, #9aa6b0);

  /* visual surfaces without using background */
  --card-bd: var(--zen-card-bd, rgba(148,163,184,.12));
  --shadow: var(--zen-shadow, 0 10px 30px rgba(0,0,0,.36));
}

/* Hero (spacing + typography only) */
body.page-template-privacy .privacy-hero{
  position: relative;
  text-align: center;
  padding: clamp(48px, 8vw, 96px) 16px clamp(20px, 4vw, 40px);
  isolation: isolate;
}
body.page-template-privacy .privacy-title{
  color: var(--text);
  font-size: clamp(28px, 5.2vw, 48px);
  line-height: 1.1;
  margin: 12px 0 8px;
  text-shadow: 0 2px 6px rgba(0,0,0,.35);
}
body.page-template-privacy .privacy-sub{
  color: var(--text);
  opacity: .95;
  font-size: clamp(16px, 2.2vw, 19px);
  max-width: 70ch;
  margin: 0 auto;
}

/* Main layout (no background) */
body.page-template-privacy .privacy-main{
  padding: clamp(16px, 3.5vw, 32px) 16px clamp(28px, 5vw, 56px);
}

/* Card surface: border/shadow only (no background) */
body.page-template-privacy .privacy-card{
  max-width: var(--pv-max);
  margin: 0 auto;
  border: 1px solid var(--card-bd);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: clamp(20px, 2.6vw, 28px);
  color: var(--text);
  backdrop-filter: saturate(140%) blur(10px);
  -webkit-backdrop-filter: saturate(140%) blur(10px);
}

/* Content polish */
body.page-template-privacy .pv-section + .pv-section{ margin-top: clamp(18px, 2.2vw, 26px); }
body.page-template-privacy .pv-section h2{
  margin: 0 0 8px;
  font-size: clamp(18px, 2.4vw, 22px);
  color: var(--text);
  text-shadow: 0 1px 4px rgba(0,0,0,.3);
}
body.page-template-privacy .pv-section p{ margin: 0.25em 0; }
body.page-template-privacy .pv-list{ margin: 8px 0 0 1.1em; }
body.page-template-privacy .pv-list li{ margin: .35em 0; }
body.page-template-privacy .pv-note{
  margin-top: 12px;
  color: var(--muted);
}

/* Links */
body.page-template-privacy .privacy-card a{
  color: #c7d2fe;
  text-decoration: none;
}
body.page-template-privacy .privacy-card a:hover{ text-decoration: underline; }

/* Logo sizing consistency */
body.page-template-privacy .balo-logo{
  display: inline-block;
  width: 160px; height: 160px;
  object-fit: cover; border-radius: 50%;
}

/* Motion safety */
@media (prefers-reduced-motion: reduce){
  body.page-template-privacy *{ transition: none !important; }
}