/* 
 * AI Website Development - Print Stylesheet
 * Optimized styles for printing the presentation
 */

@media print {
  /* Global print adjustments */
  body {
    background-color: white !important;
    color: black !important;
    font-size: 12pt;
    line-height: 1.3;
    padding: 0 !important;
    margin: 0 !important;
  }
  
  /* Hide navigation elements */
  nav.navbar,
  .navigation-controls,
  .progress,
  #slideNav,
  button.next-slide,
  button.prev-slide,
  #toggleTheme,
  #printView {
    display: none !important;
  }
  
  /* Remove padding for print */
  .container, 
  .container-fluid {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  
  /* Adjust slide height for print */
  .slide {
    min-height: auto !important;
    height: auto !important;
    page-break-after: always;
    margin: 0 !important;
    padding: 1cm !important;
    border: none !important;
    box-shadow: none !important;
  }
  
  /* Gradient text doesn't print well, revert to solid color */
  .gradient-text {
    background: none !important;
    -webkit-text-fill-color: #2563EB !important;
    color: #2563EB !important;
  }
  
  /* Improve card contrast for print */
  .card {
    border: 1px solid #ddd !important;
    box-shadow: none !important;
    break-inside: avoid;
  }
  
  /* Ensure lists print properly */
  .list-group {
    border: 1px solid #ddd !important;
  }
  
  .list-group-item {
    border-bottom: 1px solid #ddd !important; 
    border-radius: 0 !important;
    break-inside: avoid;
  }
  
  /* Fix background colors for printing */
  .bg-dark, 
  .bg-primary, 
  .bg-secondary,
  .bg-success,
  .bg-danger,
  .bg-warning {
    background-color: white !important;
    color: black !important;
    border: 1px solid #ddd !important;
  }
  
  /* QR codes for digital resources */
  .qr-code {
    display: block !important;
    margin: 1cm auto 0.5cm;
    width: 2cm;
    height: 2cm;
  }
  
  .qr-label {
    display: block !important;
    text-align: center;
    font-size: 8pt;
    margin-bottom: 0.5cm;
  }
  
  /* Override colors for better print contrast */
  h1, h2, h3, h4, h5, h6 {
    color: black !important;
  }
  
  a {
    color: #2563EB !important;
    text-decoration: underline !important;
  }
  
  /* Adjust code blocks for print */
  pre, code {
    background-color: #f8f8f8 !important;
    border: 1px solid #ddd !important;
    color: black !important;
    font-size: 9pt !important;
    white-space: pre-wrap !important;
    word-break: break-all !important;
  }
  
  .code-box .code-header {
    background-color: #f0f0f0 !important;
    color: black !important;
    border-bottom: 1px solid #ddd !important;
  }
  
  /* Adjust syntax highlighting for print */
  .hljs-keyword,
  .hljs-built_in,
  .hljs-type,
  .hljs-literal,
  .hljs-number,
  .hljs-regexp,
  .hljs-string,
  .hljs-subst,
  .hljs-symbol,
  .hljs-class,
  .hljs-function,
  .hljs-title,
  .hljs-attr,
  .hljs-selector-attr,
  .hljs-selector-class,
  .hljs-selector-id,
  .hljs-selector-pseudo,
  .hljs-template-tag,
  .hljs-template-variable,
  .hljs-variable,
  .hljs-comment,
  .hljs-doctag,
  .hljs-meta,
  .hljs-section,
  .hljs-tag,
  .hljs-name,
  .hljs-bullet,
  .hljs-code,
  .hljs-formula,
  .hljs-link,
  .hljs-quote,
  .hljs-selector-tag {
    color: black !important;
  }
  
  /* Handle image placeholders */
  .placeholder-box {
    border: 1px dashed #999 !important;
    background-color: white !important;
    text-align: center !important;
    padding: 0.5cm !important;
  }
  
  .placeholder-box i {
    display: none !important; /* Hide Font Awesome icons in print */
  }
  
  .placeholder-box h4,
  .placeholder-box p {
    color: black !important;
  }
  
  /* Tables */
  table {
    border-collapse: collapse !important;
    width: 100% !important;
    margin: 1em 0 !important;
  }
  
  th, td {
    border: 1px solid #ddd !important;
    padding: 0.25cm !important;
    text-align: left !important;
  }
  
  th {
    background-color: #f0f0f0 !important;
    font-weight: bold !important;
  }
  
  /* Header and footer for print */
  @page {
    margin: 1cm;
  }
  
  @page :first {
    margin-top: 2cm;
  }
  
  /* Footer with page numbers */
  @page {
    @bottom-center {
      content: "AI Website Development Course • Page " counter(page) " of " counter(pages);
      font-size: 8pt;
    }
  }
  
  /* Optimize images for print */
  img {
    max-width: 100% !important;
    page-break-inside: avoid;
  }
  
  /* Special content types */
  .exercise-box,
  .key-takeaway {
    border: 1px solid #ddd !important;
    border-left: 4px solid #999 !important;
    background-color: white !important;
    padding: 0.5cm !important;
    margin: 0.5cm 0 !important;
    page-break-inside: avoid;
  }
}