/* Minimal privacy.css — based on terms.css, scoped for privacy page */

/* Compatibility: allow replacing id="cards" with class="cards" without layout regressions. */
#cards, .cards {
  display: block;
  width: 100%;
  box-sizing: border-box;
}

/* Basic container for privacy card and injected content */
#privacy-card {
  max-width: 900px;
  margin: 0 auto;
  padding: 1rem;
  box-sizing: border-box;
  background: transparent;
}

.bordered-privacy-card {
  border: 2px solid var(--brand-blue) !important;
}

/* Injected content container (markdown output) */
#privacy-content {
  max-width: 900px;
  margin: 0.75rem auto;
  padding: 0.5rem 0;
  color: var(--brand-black);
  font-size: 0.8rem;
  line-height: 1.5;
}

/* H1 title emitted by the loader */
.privacy-title {
  display: table !important;
  width: auto !important;
  margin: 0.5rem auto 0.5rem auto !important;
  font-size: 1.75rem !important;
  font-weight: 700 !important;
  color: var(--brand-blue) !important;
  text-align: center !important;
  padding-bottom: 0.125rem !important;
  border-bottom: 2px solid var(--brand-red) !important;
  white-space: normal !important;
}

/* Stronger selector to ensure the privacy card H1 shrinks to fit its text
   even if global h1 rules try to force a full-width underline. */
.privacy-card h1.privacy-title {
  display: table !important;
  width: auto !important;
  margin: 0.5rem auto 0.5rem auto !important;
  border-bottom: 2px solid var(--brand-red) !important;
}

/* Small italic summary line under the title */
.privacy-summary, .privacy-page-summary {
  color: var(--brand-black) !important;
  font-size: 0.8rem !important;
  font-style: italic !important;
  margin: 0.25rem auto 0.75rem auto !important;
  max-width: 900px !important;
}
.privacy-page-summary { text-align: center !important; }

/* Ensure the page-summary inside the card is italic as requested */
.privacy-card .privacy-page-summary,
.privacy-card .privacy-summary {
  font-style: italic !important;
  text-align: left !important;
}

/* Hero block at top of page (static heading/summary) */
.privacy-hero {
  max-width: 900px !important;
  margin: 0.5rem auto 1rem auto !important;
  padding: 1rem 0 !important;
}

/* Toolbar: center buttons and keep spacing */
.privacy-toolbar {
  display: flex !important;
  gap: 12px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0.5rem 0 !important;
}

/* Normalize buttons and anchors inside the toolbar */
.privacy-toolbar .general-button,
.privacy-toolbar a.general-button,
.privacy-toolbar button.general-button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  font-family: inherit !important;
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  padding: 6px 20px !important;
  min-height: 36px !important;
  box-sizing: border-box !important;
  border-radius: 28px !important;
  text-decoration: none !important;
  vertical-align: middle !important;
}

.privacy-card .privacy-toolbar { padding-top: 0.75rem !important; }

/* Override global #cards .ninehundred flex layout inside the privacy card so
   the injected markdown flows vertically (toolbar, content, footer). */
.privacy-card > .ninehundred,
.privacy-card.ninehundred,
.privacy-card .ninehundred {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: left !important;
}

/* Ensure toolbar spans the full width of the card and centers its buttons */
.privacy-card .privacy-toolbar {
  width: 100% !important;
  justify-content: center !important;
  margin: 0 auto 0.5rem auto !important;
}

/* Footer/date */
#privacy-footer {
  display: block !important;
  text-align: right !important;
  position: relative !important;
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
  min-height: 1.5rem !important;
}

#privacy-footer .privacy-date, #privacy-footer #privacy-date, #privacy-date {
  display: inline-block !important;
  width: auto !important;
  text-align: right !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--brand-grey-light) !important;
  font-size: 0.8rem !important;
  white-space: nowrap !important;
}

/* Paragraphs and list items emitted from markdown */
.privacy-body {
  color: var(--brand-black) !important;
  text-align: justify !important;
  font-size: 0.8rem !important;
}

/* Clause headings inside the markdown */
.privacy-clause-heading {
  color: var(--brand-blue) !important;
  text-align: left !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  margin-top: 1rem !important;
  margin-bottom: 0.25rem !important;
}

/* Fallback: if injected H4s don't have the clause class, style H4s inside content */
#privacy-content h4 {
  color: var(--brand-blue) !important;
  font-weight: 700 !important;
}

#privacy-content p, #privacy-content li, #privacy-content dd {
  text-align: justify !important;
  font-size: 0.8rem !important;
  color: var(--brand-black) !important;
}

#privacy-content h1.privacy-title {
  display: table !important;
  margin: 0.5rem auto !important;
  width: auto !important;
  border-bottom: 2px solid var(--brand-red) !important;
}

@media print {
  #privacy-card { box-shadow: none; border: none; max-width: 100% !important; padding: 0; }
  #privacy-content { font-size: 12pt; line-height: 1.4; }
  #privacy-date { text-align: right; }
}