/* Print styles for coloring book - optimized for 8.5x11 letter */
@media print {
  /* Hide non-print elements */
  .main-nav, .generator-controls, .print-footer, .main-footer,
  .color-palette, .btn-print, .print-btn, .lang-switcher,
  .ad-banner-top, .no-print, .page-print-btn, .card-actions,
  .print-hide-others, .coloring-page--pdf { display: none !important; }

  /* Reset container for full-width print */
  .generator-container { padding: 0 !important; margin: 0 !important; max-width: 100% !important; }
  .coloring-pages { display: block !important; max-width: 100% !important; }

  /* Each coloring page gets its own page */
  .coloring-page {
    display: block !important;
    break-after: page !important;
    page-break-after: always !important;
    break-inside: avoid !important;
    page-break-inside: avoid !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0.5in 0.4in 0.4in 0.4in !important;
    margin: 0 !important;
    text-align: center !important;
    width: 100% !important;
    min-height: auto !important;
    box-sizing: border-box !important;
    background: #fff !important;
  }

  .coloring-page:last-child {
    break-after: auto !important;
    page-break-after: auto !important;
  }

  .page-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  /* Scene images: full printable size */
  .coloring-scene-img {
    max-width: 6.5in !important;
    max-height: 5.5in !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto 0.2in auto !important;
    border: 3px solid #000 !important;
    border-radius: 4px !important;
  }

  /* SVG fallback: full printable size with high-contrast lines */
  .coloring-svg {
    max-width: 6.5in !important;
    max-height: 5.5in !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto 0.2in auto !important;
  }

  .coloring-svg path,
  .coloring-svg circle,
  .coloring-svg ellipse,
  .coloring-svg rect,
  .coloring-svg line,
  .coloring-svg polyline {
    stroke: #000 !important;
    stroke-width: 3px !important;
  }

  /* Word labels: large and clear */
  .word-labels {
    font-size: 1.6rem !important;
    margin: 0.15in 0 0.1in 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 0.3rem !important;
  }

  .word-labels .word-target {
    font-weight: 900 !important;
    font-size: 2rem !important;
    color: #000 !important;
  }

  .word-labels .word-native {
    font-weight: 700 !important;
    font-size: 1.4rem !important;
    color: #333 !important;
  }

  .word-labels .word-divider {
    color: #999 !important;
    font-size: 1.2rem !important;
  }

  /* Generator uses word-labels as the bilingual caption; hide the duplicate phrase lines */
  .coloring-generator-page .coloring-phrase { display: none !important; }

  /* Character context phrases */
  .coloring-phrase {
    font-size: 1rem !important;
    color: #222 !important;
    font-style: italic !important;
    margin: 0.1in 0 !important;
    line-height: 1.4 !important;
    max-width: 90% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  .coloring-phrase.coloring-phrase-native {
    font-style: normal !important;
    font-weight: 700 !important;
    color: #000 !important;
    font-size: 1.05rem !important;
  }

  /* Per-page print button: hidden in print */
  .page-print-btn { display: none !important; }

  /* No hover effects */
  .coloring-page:hover { transform: none !important; box-shadow: none !important; }

  /* White background */
  body { background: #fff !important; }

  /* Page setup: letter size with margins */
  @page {
    size: letter;
    margin: 0.4in 0.35in;
  }
}

/* Screen-only: per-page print button styling */
.print-btn {
  display: inline-block;
  padding: 0.4rem 1rem;
  background: var(--secondary);
  color: #fff;
  border: none;
  border-radius: 50px;
  font-family: 'Nunito', sans-serif;
  font-weight: 700;
  font-size: 0.85rem;
  cursor: pointer;
  margin-top: 0.5rem;
  transition: all 0.2s;
}
.print-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(78,205,196,0.4);
}