/*
 * Nexora IPTV Player — privacy policy page (on top of /assets/site.css).
 */

.page-privacy { display: flex; flex-direction: column; min-height: 100vh; }
.page-privacy .header-actions { margin-inline-start: auto; }
.page-privacy .header-home .icon { width: 17px; height: 17px; }
@media (max-width: 560px) {
  .page-privacy .header-home span { display: none; }
  .page-privacy .header-home { padding: 0 10px; }
  .page-privacy .brand-tag { display: none; }
}
@media (max-width: 380px) {
  .page-privacy .header-home { display: none; }
}

.privacy-main { flex: 1; padding: 28px 0 56px; }
@media (min-width: 961px) { .privacy-main { padding: 48px 0 72px; } }
.privacy-main > .container-narrow { display: grid; gap: 24px; margin-inline: auto; }

/* ── Policy text ──────────────────────────────────────────────────────────── */
.policy { padding: 24px 18px; }
@media (min-width: 640px) { .policy { padding: 40px 44px; } }

.policy h1 { font-size: clamp(1.65rem, 4.2vw, 2.3rem); margin-bottom: 14px; }
.policy h2 { margin: 36px 0 12px; font-size: 1.28rem; }
.policy h3 { margin: 24px 0 8px; font-size: 1.05rem; }
.policy p,
.policy li { color: var(--text-muted); overflow-wrap: anywhere; }
.policy p + p,
.policy ul + p,
.policy p + ul { margin-top: 12px; }
.policy ul,
.policy ol { display: grid; gap: 6px; padding-inline-start: 1.3em; }
.policy strong { color: var(--text); }
.policy code {
  padding: 1px 6px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.06);
  font-family: var(--mono);
  font-size: 0.9em;
}

.policy-switch { margin-bottom: 16px; font-size: 0.9rem; }

/* Website languages without a policy text (all but tr / en): one localized line above the English policy. */
.policy-lang-note {
  padding: 12px 16px;
  border: 1px solid rgba(0, 210, 255, 0.28);
  border-radius: var(--radius-sm);
  background: var(--info-bg);
  color: var(--text);
  font-size: 0.95rem;
}
.policy-lang-note[hidden] { display: none; }

.policy-toc {
  margin: 24px 0 8px;
  padding: 16px 20px;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.03);
}
.policy-toc-title {
  margin-bottom: 8px;
  color: var(--text-dim);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.policy .policy-toc ol { gap: 4px; }
@media (min-width: 640px) {
  .policy .policy-toc ol { display: block; columns: 2; column-gap: 32px; }
  .policy-toc li { margin-bottom: 4px; break-inside: avoid; }
}

/* Owner placeholders ({DEVELOPER_NAME} …) stay visible until they are replaced. */
.ph {
  padding: 0 4px;
  border: 1px dashed var(--warning);
  border-radius: 4px;
  background: var(--warning-bg);
  color: var(--warning);
  font-family: var(--mono);
  font-size: 0.9em;
}

/* ── Footer ───────────────────────────────────────────────────────────────── */
.privacy-footer {
  padding: 24px 0 28px;
  border-top: 1px solid var(--border);
  background: rgba(7, 9, 18, 0.5);
}
.privacy-footer-inner { display: grid; gap: 8px; }
.privacy-footer a { color: var(--text-muted); }
.privacy-footer a:hover { color: var(--text); }