/*
 * brochure-print.css
 * Loaded with media="print" — applies ONLY during print/PDF export.
 * Lives after main.css in load order so it wins the cascade.
 * Uses only fully-opaque solid colours (no rgba alpha, no var()).
 * print-color-adjust:exact tells the engine to paint backgrounds.
 */

@page {
  size: A4 portrait;
  margin: 0;
}

html,
body {
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
  color-adjust: exact !important;
  background: #ffffff !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

/* ── Hide all chrome ───────────────────────────────────────── */
header,
footer,
nav,
#site-nav,
#site-footer,
.theme-overlay,
.skip-link,
.brochure-toolbar-wrap,
.modal,
.modal-backdrop,
.offcanvas,
.offcanvas-backdrop,
#backToTopBtn,
video,
.brochure-no-print {
  display: none !important;
}

/* ── Unwrap layout containers ──────────────────────────────── */
main,
.container,
.container-fluid,
.brochure-shell {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

/* ══════════════════════════════════════════════════════════════
   SHEETS — each one = one physical A4 page
   ══════════════════════════════════════════════════════════════ */
html body .brochure-sheet {
  display: block !important;
  width: 210mm !important;
  height: 297mm !important;
  min-height: unset !important;
  max-height: 297mm !important;
  overflow: hidden !important;
  padding: 12mm 14mm !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  break-after: page !important;
  page-break-after: always !important;
  /* Fully opaque — no alpha channel */
  background: #0d2155 !important;
  /* Simulate the gradient with a border-top accent */
  border-top: 6px solid #1a4a8a !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
  color: #ffffff !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body .brochure-sheet:last-of-type {
  break-after: auto !important;
  page-break-after: auto !important;
}

/* ── All text directly on blue sheet = white ───────────────── */
html body .brochure-sheet,
html body .brochure-sheet h1,
html body .brochure-sheet h2,
html body .brochure-sheet h3,
html body .brochure-sheet h4,
html body .brochure-sheet p,
html body .brochure-sheet strong,
html body .brochure-sheet span,
html body .brochure-sheet li,
html body .brochure-sheet small,
html body .brochure-sheet a,
html body .brochure-sheet a:visited,
html body .brochure-sheet .small-muted,
html body .brochure-sheet .brochure-intro-pull,
html body .brochure-sheet .kicker,
html body .brochure-sheet .brochure-kicker {
  color: #ffffff !important;
}

html body .brochure-sheet a,
html body .brochure-sheet a:visited {
  text-decoration: none !important;
}

/* ── Section head divider ──────────────────────────────────── */
html body .brochure-sheet .brochure-section-head {
  border-bottom: 1px solid #4a6fa5 !important;
  padding-bottom: 8pt !important;
  margin-bottom: 10pt !important;
}

/* ── Kicker pills on blue ──────────────────────────────────── */
html body .brochure-sheet .brochure-kicker,
html body .brochure-sheet .brochure-kicker--white {
  background: #1e3d7a !important;
  border: 1px solid #4a6fa5 !important;
  color: #ffffff !important;
  display: inline-block !important;
}

/* ── Badges & accreditation on blue ───────────────────────── */
html body .brochure-sheet .brochure-badge,
html body .brochure-sheet .brochure-accred-badge {
  background: #1e3d7a !important;
  border: 1px solid #4a6fa5 !important;
  color: #ffffff !important;
}

/* ── Page number circle ────────────────────────────────────── */
html body .brochure-sheet .page-number {
  background: #1e3d7a !important;
  border: 1px solid #4a6fa5 !important;
  color: #ffffff !important;
}

/* ── Highlight strips on blue ──────────────────────────────── */
html body .brochure-sheet .brochure-highlight-strip {
  background: #1a3670 !important;
  border: 1px solid #2d5299 !important;
}
html body .brochure-sheet .brochure-highlight-strip .bh-item {
  color: #d0e0ff !important;
}

/* ── Icon squares on blue ──────────────────────────────────── */
html body .brochure-sheet .bl-icon,
html body .brochure-sheet .bc-icon {
  background: #1e3d7a !important;
  color: #d0e0ff !important;
}

/* ══════════════════════════════════════════════════════════════
   GLASS PANELS = white cards on the blue sheet
   Must override: backdrop-filter, rgba background, box-shadow
   ══════════════════════════════════════════════════════════════ */
html body .brochure-sheet .glass-panel,
html body .brochure-sheet .soft-card {
  background: #ffffff !important;
  border: 1px solid #cccccc !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-radius: 6pt !important;
}

/* Dark text inside white panels */
html body .brochure-sheet .glass-panel,
html body .brochure-sheet .glass-panel h1,
html body .brochure-sheet .glass-panel h2,
html body .brochure-sheet .glass-panel h3,
html body .brochure-sheet .glass-panel h4,
html body .brochure-sheet .glass-panel p,
html body .brochure-sheet .glass-panel strong,
html body .brochure-sheet .glass-panel span,
html body .brochure-sheet .glass-panel li,
html body .brochure-sheet .glass-panel a,
html body .brochure-sheet .glass-panel a:visited,
html body .brochure-sheet .soft-card,
html body .brochure-sheet .soft-card h1,
html body .brochure-sheet .soft-card h2,
html body .brochure-sheet .soft-card h3,
html body .brochure-sheet .soft-card p,
html body .brochure-sheet .soft-card strong,
html body .brochure-sheet .soft-card span,
html body .brochure-sheet .soft-card li,
html body .brochure-sheet .soft-card a {
  color: #172033 !important;
}

html body .brochure-sheet .glass-panel .small-muted,
html body .brochure-sheet .soft-card .small-muted {
  color: #555555 !important;
}

/* Accent blue inside white panels */
html body .brochure-sheet .glass-panel .brochure-stat strong,
html body .brochure-sheet .glass-panel .brochure-price-row strong,
html body .brochure-sheet .glass-panel .text-primary,
html body .brochure-sheet .glass-panel i.text-primary {
  color: #224B8E !important;
}

/* Icon squares inside white panels */
html body .brochure-sheet .glass-panel .bl-icon,
html body .brochure-sheet .glass-panel .bc-icon {
  background: #e8eef8 !important;
  color: #224B8E !important;
}

html body .brochure-sheet .glass-panel .bc-num {
  background: #224B8E !important;
  color: #ffffff !important;
}

/* Kicker pills inside white panels */
html body .brochure-sheet .glass-panel .brochure-kicker {
  background: #e8eef8 !important;
  border: 1px solid #b0c4de !important;
  color: #224B8E !important;
}

/* Highlight strips inside white panels */
html body .brochure-sheet .glass-panel .brochure-highlight-strip,
html body .brochure-sheet .soft-card .brochure-highlight-strip {
  background: #eef3fb !important;
  border: 1px solid #b0c4de !important;
}
html body .brochure-sheet .glass-panel .brochure-highlight-strip .bh-item,
html body .brochure-sheet .soft-card .brochure-highlight-strip .bh-item {
  color: #224B8E !important;
}

/* ── Feature cards (activities grid) ──────────────────────── */
html body .brochure-feature-card {
  background: #ffffff !important;
  border: 1px solid #cccccc !important;
  box-shadow: none !important;
}
html body .brochure-feature-card,
html body .brochure-feature-card strong,
html body .brochure-feature-card p,
html body .brochure-feature-card span {
  color: #172033 !important;
}
html body .brochure-feature-card .small-muted {
  color: #555555 !important;
}
html body .brochure-feature-card .bfc-icon {
  background: #224B8E !important;
  color: #ffffff !important;
}

/* ── Contact rows inside panels ───────────────────────────── */
html body .brochure-sheet .glass-panel .brochure-contact-row {
  border-bottom: 1px solid #e0e0e0 !important;
}
html body .brochure-sheet .glass-panel .brochure-contact-row:last-child {
  border-bottom: none !important;
}

/* ── Brochure list dividers inside panels ──────────────────── */
html body .brochure-sheet .glass-panel .brochure-list li,
html body .brochure-sheet .glass-panel .brochure-contents li {
  border-bottom: 1px solid #e8e8e8 !important;
}
html body .brochure-sheet .glass-panel .brochure-list li:last-child,
html body .brochure-sheet .glass-panel .brochure-contents li:last-child {
  border-bottom: none !important;
}

/* ── Price row dividers ────────────────────────────────────── */
html body .brochure-sheet .glass-panel .brochure-price-row {
  border-bottom: 1px solid #e8e8e8 !important;
}
html body .brochure-sheet .glass-panel .brochure-price-row:last-child {
  border-bottom: none !important;
}

/* ══════════════════════════════════════════════════════════════
   GRIDS — keep as CSS grid, just adjust column counts
   ══════════════════════════════════════════════════════════════ */
html body .brochure-grid-3 {
  grid-template-columns: 1fr 1fr !important;
  display: grid !important;
}
html body .brochure-grid-4 {
  grid-template-columns: 1fr 1fr !important;
  display: grid !important;
}
html body .brochure-grid-2 {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
}

/* ── Front cover ───────────────────────────────────────────── */
html body .brochure-cover-media {
  background: #0d2155 !important;
  border: 2px solid #4a6fa5 !important;
  box-shadow: none !important;
  height: 150px !important;
}
html body .brochure-cover-media::after {
  display: none !important;
}
html body .brochure-cover-video {
  display: none !important;
}
html body .brochure-cover-print-fallback {
  display: flex !important;
}

/* ── Print note ────────────────────────────────────────────── */
html body .brochure-print-note {
  display: block !important;
  color: #8899bb !important;
  font-size: 7pt !important;
}

/* ── Intro pull quote ──────────────────────────────────────── */
html body .brochure-intro-pull {
  border-left: 3px solid #4a6fa5 !important;
  color: #d0e0ff !important;
}