/* ============================================
   LessonEye — Print + Eco Mode
   Applied on print OR when body has .eco-mode
   ============================================ */

@media print {
  @page { margin: 18mm 16mm; size: A4; }

  body {
    background: white !important;
    color: #000 !important;
    font-family: Georgia, 'Times New Roman', serif !important;
    font-size: 11pt !important;
    line-height: 1.55 !important;
  }
  body.ar { font-family: 'Tajawal', Arial, sans-serif !important; }

  /* Strip all chrome */
  .navbar, .site-footer, .sys-status, .fb-btn, .brow, .steps,
  .modal-backdrop, .autosave-pill, .hero-cta, .nav-actions,
  .cta-btn, .export-panel, .ohead-actions { display: none !important; }

  .section, .engine-wrap, .container, main { padding: 0 !important; margin: 0 !important; max-width: 100% !important; }
  .obox { background: white !important; border: 1px solid #999 !important; box-shadow: none !important; }
  .ohead { background: white !important; border-bottom: 1px solid #999 !important; }
  .ohead h3 { color: #000 !important; }
  .obody { color: #111 !important; font-family: 'Source Sans 3', Helvetica, sans-serif !important; max-height: none !important; overflow: visible !important; white-space: pre-wrap !important; }
  .watermark { background: white !important; color: #555 !important; border-top: 1px dashed #999 !important; }
  .watermark strong { color: #000 !important; -webkit-text-fill-color: #000 !important; }

  a { color: #000 !important; text-decoration: underline !important; }
  h1, h2, h3, h4 { color: #000 !important; page-break-after: avoid; }
  p, li { page-break-inside: avoid; }

  /* Don't let gradient text ruin print */
  [class*="gradient"], em, strong {
    background: none !important;
    -webkit-text-fill-color: #000 !important;
    color: #000 !important;
  }
}

/* Eco screen mode — toggleable via JS */
body.eco-mode {
  background: white !important;
  color: #1a1a1a !important;
}
body.eco-mode * {
  color: #1a1a1a !important;
  background: white !important;
  border-color: #ccc !important;
  box-shadow: none !important;
  background-image: none !important;
}
body.eco-mode .modal { background: white !important; }
body.eco-mode .brand-mark { filter: grayscale(1); }
body.eco-mode a, body.eco-mode .gold { color: #8a6d1e !important; }