/* =========================================================================
 * Vansera — Print / PDF stylesheet
 * Triggers only when printing or generating PDFs (via media="print" link).
 * Has no effect on how the site looks in a browser.
 *
 * Design intent: an authentic legal-document feel.
 *   - White background, near-black body, pure black headings
 *   - Grayscale only (no chromatic accents)
 *   - Generous line-height for readability
 *   - Bold sectional headings with a rule above
 *   - Tables with clear gridlines and subtle row banding
 *   - Forms and interactive UI hidden — only the prose is printed
 * ========================================================================= */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

@page {
  size: A4;
  margin: 22mm 20mm 24mm 20mm;
}

* {
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
  color-adjust: exact !important;
}

html, body {
  background: #ffffff !important;
  color: #1a1a1a !important;
  font-family: 'Inter', -apple-system, 'Helvetica Neue', Arial, sans-serif !important;
  font-size: 10.5pt !important;
  line-height: 1.65 !important;
  overflow: visible !important;
}

/* --- Hide chrome that has no place in a printed document --- */
.glow-tl, .glow-br,
header.nav, .nav,
footer.footer, .footer,
audio,
script,
button,
input, select, textarea,
.signup-form, .signup-consent, .signup-submit, .signup-result,
.dr-card, .dr-step, .signup-field,
.consent-modal,
.agent-widget, .orb-wrapper, .call-btn,
.hero-actions, .hero-stats {
  display: none !important;
}

/* --- Container resets --- */
.legal-page, .dr-page, .signup-page {
  padding: 0 !important;
}
.container, .legal-page .container, .dr-page .container, .signup-page .container {
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  position: static !important;
  z-index: auto !important;
}

/* --- Document header: eyebrow + title + metadata --- */
.legal-eyebrow, .signup-eyebrow, .dr-eyebrow {
  font-size: 8.5pt !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: #555555 !important;
  margin-bottom: 8pt !important;
  background: none !important;
}

.legal-title, .signup-title, .dr-title {
  font-family: 'Inter', -apple-system, sans-serif !important;
  font-size: 26pt !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.025em !important;
  color: #000000 !important;
  margin: 0 0 6pt 0 !important;
  background: none !important;
  -webkit-text-fill-color: #000000 !important;
}

.legal-meta, .signup-sub, .dr-sub {
  color: #555555 !important;
  font-size: 9.5pt !important;
  font-style: italic !important;
  margin-bottom: 20pt !important;
  padding-bottom: 14pt !important;
  border-bottom: 1px solid #cccccc !important;
}

/* --- Callout: lead summary at the top of each document --- */
.legal-callout, .dr-callout-mini {
  background: #f4f4f4 !important;
  border: 1px solid #d0d0d0 !important;
  border-left: 3px solid #444444 !important;
  border-radius: 0 !important;
  padding: 12pt 14pt !important;
  margin: 0 0 18pt 0 !important;
  font-size: 10pt !important;
  line-height: 1.7 !important;
  color: #1a1a1a !important;
  page-break-inside: avoid;
}
.legal-callout strong, .dr-callout-mini strong {
  color: #000000 !important;
  font-weight: 700 !important;
}

/* --- Section headings (H2) --- */
.legal-page h2,
main h2 {
  font-family: 'Inter', sans-serif !important;
  font-size: 14pt !important;
  font-weight: 700 !important;
  color: #000000 !important;
  letter-spacing: -0.005em !important;
  margin: 22pt 0 8pt 0 !important;
  padding-top: 14pt !important;
  border-top: 1px solid #cccccc !important;
  page-break-after: avoid;
}
.legal-page h2:first-of-type,
main h2:first-of-type {
  border-top: none !important;
  padding-top: 0 !important;
  margin-top: 8pt !important;
}

/* --- Sub-headings (H3) --- */
.legal-page h3,
main h3 {
  font-family: 'Inter', sans-serif !important;
  font-size: 11.5pt !important;
  font-weight: 700 !important;
  color: #000000 !important;
  margin: 14pt 0 6pt 0 !important;
  page-break-after: avoid;
}

/* --- Body paragraphs --- */
.legal-page p,
.dr-page p,
.signup-page p,
main p {
  color: #1a1a1a !important;
  font-size: 10.5pt !important;
  line-height: 1.7 !important;
  margin: 0 0 10pt 0 !important;
  text-align: justify !important;
  hyphens: auto;
  -webkit-hyphens: auto;
  orphans: 3;
  widows: 3;
}
.legal-page strong, main strong { color: #000000 !important; font-weight: 700 !important; }
.legal-page em, main em { color: #1a1a1a !important; font-style: italic !important; }

/* --- Links: kept identifiable but printed as black --- */
.legal-page a, .dr-page a, main a {
  color: #000000 !important;
  text-decoration: underline !important;
  font-weight: 500 !important;
  border-bottom: none !important;
}

/* --- Inline code --- */
.legal-page code, .dr-page code, main code {
  background: #ececec !important;
  border: 1px solid #cccccc !important;
  border-radius: 2pt !important;
  padding: 1pt 4pt !important;
  font-family: ui-monospace, 'SF Mono', Menlo, Consolas, monospace !important;
  font-size: 9.5pt !important;
  color: #222222 !important;
}

/* --- Entity block (Vansera / M/S. Bhagwati Jewellers / address) --- */
.legal-entity {
  background: #f4f4f4 !important;
  border: 1px solid #cccccc !important;
  border-radius: 0 !important;
  padding: 12pt 14pt !important;
  margin: 10pt 0 14pt 0 !important;
  font-size: 10pt !important;
  line-height: 1.8 !important;
  color: #1a1a1a !important;
  page-break-inside: avoid;
}
.legal-entity strong { color: #000000 !important; font-weight: 700 !important; }

/* --- Bullet lists (rights, prohibited content, etc.) --- */
.legal-list, ul.legal-list {
  list-style: none !important;
  margin: 4pt 0 14pt 0 !important;
  padding: 0 !important;
}
.legal-list li {
  position: relative !important;
  padding-left: 14pt !important;
  margin: 0 0 6pt 0 !important;
  font-size: 10.5pt !important;
  line-height: 1.7 !important;
  color: #1a1a1a !important;
  text-align: justify !important;
  page-break-inside: avoid;
}
.legal-list li::before {
  content: '\2022' !important;  /* round bullet • */
  position: absolute !important;
  left: 2pt !important;
  top: 0 !important;
  color: #444444 !important;
  font-weight: 700 !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;
}
.legal-list li strong { color: #000000 !important; }

/* --- Tables (sub-processors, data categories, retention windows) --- */
.legal-table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 10pt 0 18pt 0 !important;
  font-size: 9.5pt !important;
  background: #ffffff !important;
  border: 1px solid #999999 !important;
  border-radius: 0 !important;
  overflow: visible !important;
  page-break-inside: avoid;
}
.legal-table th,
.legal-table td {
  text-align: left !important;
  padding: 7pt 9pt !important;
  border: 1px solid #bbbbbb !important;
  vertical-align: top !important;
  line-height: 1.5 !important;
}
.legal-table thead th {
  background: #e6e6e6 !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-size: 9.5pt !important;
  color: #000000 !important;
  letter-spacing: 0.01em !important;
}
.legal-table tbody td {
  color: #1a1a1a !important;
  background: #ffffff !important;
}
.legal-table tbody tr:nth-child(even) td {
  background: #f7f7f7 !important;
}

/* --- Footnote block at the end of each document --- */
.legal-footnote, .signup-footnote {
  margin-top: 24pt !important;
  padding: 10pt 14pt !important;
  background: #f4f4f4 !important;
  border: 1px dashed #999999 !important;
  border-radius: 0 !important;
  font-size: 9pt !important;
  color: #444444 !important;
  line-height: 1.7 !important;
  font-style: italic !important;
  page-break-inside: avoid;
}
.legal-footnote a, .signup-footnote a {
  color: #000000 !important;
  text-decoration: underline !important;
}

/* --- Page breaks --- */
h2 { page-break-after: avoid; }
h3 { page-break-after: avoid; }
.legal-callout { page-break-inside: avoid; }
.legal-entity { page-break-inside: avoid; }
.legal-table { page-break-inside: avoid; }
.legal-footnote { page-break-inside: avoid; }

/* --- Remove decorative noise --- */
.btn-hero, .btn-google, .nav-cta, .nav-login-btn, .nav-brand .ai-chip {
  display: none !important;
}

/* --- Final stylistic adjustments --- */
hr { border: none; border-top: 1px solid #cccccc !important; margin: 18pt 0; }

/* --- Landing-page chrome and floating UI: never printed --- */
.vx-cookie, .vx-fab-wrap, .vx-top, .vx-overlay, .vx-mobnav,
.vx-toast, .vx-modal-bd, .vx-skip, .vx-copy, .vx-burger, .vx-searchbtn,
#scroll-progress, #cur-dot, #cur-ring, #grain, #scene, #hero-video,
.live-ticker, canvas, video,
.hero-right, .dash-section, .stress-section, .wa-section {
  display: none !important;
}

/* The landing page paints its atmosphere with decorative gradients, glows and
   pseudo-element overlays. On paper those render as huge grey smudges, and any
   gradient-clipped text prints as nothing at all. Flatten all of it. */
body *, body *::before, body *::after {
  background-image: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: currentColor !important;
  animation: none !important;
  transform: none !important;
  opacity: 1 !important;
}
.hero, .section, .container, .hero-left, .cta-section, main, body > div {
  background: #ffffff !important;
  min-height: 0 !important;
}
.hero-title, .hero-title em, .section-header h2, .section-header h2 em, h1, h2, h3 {
  color: #000000 !important;
}
/* Reveal-on-scroll wrappers hide their content until observed — force visible. */
[data-reveal], .line-wrap, .line-inner {
  opacity: 1 !important;
  transform: none !important;
  overflow: visible !important;
}

/* Collapse the FAQ open/closed animation so every answer prints in full. */
.faq-a, .faq-row.open .faq-a {
  max-height: none !important;
  overflow: visible !important;
}
.faq-q::after { content: '' !important; }

/* The landing page colours most text through variables tuned for a black
   background. Re-point those variables at ink so they print legibly. */
:root {
  --text:  #1a1a1a !important;
  --dim:   #333333 !important;
  --muted: #555555 !important;
  --cream: #000000 !important;
  --gold:  #000000 !important;
  --bg:    #ffffff !important;
  --s:     #ffffff !important;
  --surf-1:#ffffff !important;
  --surf-2:#ffffff !important;
  --line:  #cccccc !important;
  --line2: #cccccc !important;
}