/* ==========================================================================
   LOCURA Brand Book — Print / PDF Export Styles
   Loaded via <link rel="stylesheet" href="print.css" media="print">
   ========================================================================== */

@page {
  size: A4;
  margin: 15mm 20mm;
}

/* Hide interactive / screen-only elements */
.sidebar,
.sidebar-overlay,
.hamburger,
.sidebar-btn,
.copy-toast,
.contrast-checker,
[data-no-print] {
  display: none !important;
}

/* Reset layout — no sidebar offset */
.main-content {
  margin-left: 0 !important;
  max-width: 100% !important;
  padding: 0 !important;
}

.content-wrapper {
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Force light mode colors */
:root,
.dark {
  --cream: #ffffff;
  --cream-light: #f8f8f6;
  --cream-dark: #D0CCC1;
  --text-dark: #111111;
  --text-muted: #555555;
  --locura-navy: #011423;
  --locura-blue: #0A5899;
}

body {
  background: #fff !important;
  color: #111 !important;
  font-size: 11pt;
  line-height: 1.5;
}

/* Page breaks between sections */
.section {
  page-break-before: always;
  page-break-inside: avoid;
  margin-bottom: 20pt;
}

.section:first-of-type {
  page-break-before: avoid;
}

/* Avoid orphans / widows inside cards and grids */
.value-card,
.principle-card,
.formality-card,
.logo-variant-card,
.color-swatch-large,
.size-card,
.bizcard,
.rollup-mockup,
.pdf-mockup {
  page-break-inside: avoid;
}

/* Section titles */
.section-number {
  color: var(--locura-blue);
}

.section-title {
  color: #011423 !important;
  font-size: 24pt;
}

.section-subtitle {
  color: #011423 !important;
  font-size: 14pt;
}

/* Ensure color swatches print with actual colors */
* {
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
}

/* Images */
img {
  max-width: 100% !important;
}

/* Links — show URL after external links */
a[href^="http"]::after {
  content: " (" attr(href) ")";
  font-size: 0.8em;
  color: #666;
  word-break: break-all;
}

/* Don't show URL for download links (they're relative) */
a[download]::after {
  content: none !important;
}

a {
  color: #111 !important;
  text-decoration: none !important;
}

/* Buttons — simplified for print */
.btn {
  border: 1px solid #ccc !important;
  background: transparent !important;
  color: #111 !important;
  box-shadow: none !important;
}

/* Cards — clean borders for print */
.card-demo,
.value-card,
.principle-card,
.formality-card {
  box-shadow: none !important;
  border: 1px solid #ddd !important;
}

/* Color swatch blocks */
.color-swatch-block,
.token-swatch-color,
.semantic-swatch-color,
.chart-color-circle,
.neutral-step {
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
}

/* Code blocks */
code {
  background: #f5f5f5 !important;
  color: #333 !important;
}

.code-block {
  background: #f5f5f5 !important;
  color: #333 !important;
  border: 1px solid #ddd !important;
  font-size: 9pt;
}

/* Footer */
footer {
  page-break-before: always;
}

/* App shell diagram — ensure backgrounds print */
.app-shell-diagram,
.shell-sidebar,
.shell-topbar,
.shell-content,
.shell-card-placeholder {
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
}

/* Business card and rollup mockups */
.bizcard-front,
.bizcard-back,
.rollup-mockup,
.overlay-template {
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
}

/* PDF mockup */
.pdf-mockup {
  border: 1px solid #ccc !important;
}

/* Tables */
.specs-table,
.do-dont-table,
.pdf-table-demo {
  page-break-inside: avoid;
}

.specs-table thead th,
.do-dont-table thead th,
.pdf-table-demo thead th {
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
}

/* Mobile diagram — keep small */
.mobile-diagram {
  max-width: 200px;
}

/* Spacing and radius demos */
.spacing-visual,
.radius-box,
.bp-bar {
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
}

/* Identity hero */
.identity-hero {
  page-break-inside: avoid;
}

/* Stats bar */
.stats-bar {
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
}

/* Safe zone demo */
.safe-zone-wrapper {
  page-break-inside: avoid;
}

/* Email signature */
.email-sig-preview {
  page-break-inside: avoid;
  border: 1px solid #ddd !important;
}

/* Avatar circles */
.avatar-circle {
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
}

/* Forbidden items */
.forbidden-preview {
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
}