/* 
 * Minimal Print Stylesheet for logar.esq
 * Forces single column layout and removes interactive elements
 */

/* Override CSS variables for print-friendly colors */
@media print {
  :root {
    /* Use black text on white background for print */
    --color0: #ffffff;
    --color1: #ffffff;
    --color2: #ffffff;
    --color3: #ffffff;
    --color4: #ffffff;
    --color5: #ffffff;
    --color6: #ffffff;
    --color7: #ffffff;
    --color8: #ffffff;
    --color9: #ffffff;
    --color10: #ffffff;
    
    --counterColor0: #000000;
    --counterColor1: #000000;
    --counterColor2: #000000;
    --counterColor3: #000000;
    --counterColor4: #000000;
    --counterColor5: #000000;
    --counterColor6: #000000;
    --counterColor7: #000000;
    --counterColor8: #000000;
    --counterColor9: #000000;
    --counterColor10: #000000;
    
    --base-color: #ffffff;
    
    /* Simplify spacing for print */
    --spacing-mult: 0.5;
    --layout-spacing: 0.5em;
    --small-spacing: 0.2em;
    
    /* Remove transitions for print */
    --fast-transition: 0s;
    --medium-transition: 0s;
    --slow-transition: 0s;
    --transition-multiplier: 0;
    
    /* Simplify borders for print */
    --border-radius-base: 0px;
  }

  /* Hide navigation and interactive elements */
  #index {
    display: none !important;
  }

  /* Force single column layout */
  #columns {
    display: block !important;
    grid-template-columns: none !important;
    padding: 1em !important;
    gap: 0 !important;
  }

  /* Remove scrolling and height restrictions from columns */
  .column {
    max-height: none !important;
    min-height: auto !important;
    overflow: visible !important;
    overflow-y: visible !important;
    overflow-x: visible !important;
    min-width: auto !important;
    width: 100% !important;
    display: block !important;
    page-break-inside: avoid;
  }

  /* Remove column scroll buttons */
  .column-scroll-top {
    display: none !important;
  }

  /* Adjust content spacing for print */
  .column > * {
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
    padding-bottom: 0.5em !important;
    border-radius: 0 !important;
    page-break-inside: avoid;
  }

  /* Typography adjustments for print */
  h1, h2, h3, h4, h5, h6 {
    page-break-after: avoid;
    page-break-inside: avoid;
  }

  /* Improve readability of emphasized text */
  .large-font {
    font-size: 1.2em !important;
    line-height: 1.3em !important;
  }

  .larger-font {
    font-size: 1.4em !important;
    line-height: 1.4em !important;
    font-weight: bold !important;
  }

  /* Content drawers - keep them expanded for print */
  .content-drawer {
    border: 1px solid #000000 !important;
    border-radius: 0 !important;
    margin: 0.5em 0 !important;
    page-break-inside: avoid;
  }

  .content-drawer summary {
    background-color: #f0f0f0 !important;
    color: #000000 !important;
    padding: 0.3em !important;
    border-bottom: 1px solid #000000 !important;
    font-weight: bold !important;
  }

  .content-drawer > div {
    background-color: #ffffff !important;
    color: #000000 !important;
    padding: 0.5em !important;
  }

  /* Remove hover effects and transitions */
  *:hover {
    background-color: inherit !important;
    color: inherit !important;
    transform: none !important;
  }

  * {
    transition: none !important;
    animation: none !important;
    box-shadow: none !important;
  }

  /* Messages - simplify for print */
  .message {
    border: 1px solid #000000 !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    border-radius: 0 !important;
  }

  .error-message {
    background-color: #f0f0f0 !important;
    color: #000000 !important;
  }

  /* Hide close buttons */
  .close-error-btn {
    display: none !important;
  }

  /* Links - ensure they're visible */
  a {
    color: #000000 !important;
    text-decoration: underline !important;
  }

  a[href^="http"]:after {
    content: " (" attr(href) ")";
    font-size: 0.8em;
    color: #666666;
  }

  /* Images - ensure they fit on page */
  img {
    max-width: 100% !important;
    max-height: 7in !important;
    border-radius: 0 !important;
    page-break-inside: avoid;
  }

  /* Page structure */
  body {
    background-color: #ffffff !important;
    color: #000000 !important;
    font-size: 10pt !important;
    line-height: 1.4 !important;
  }

  /* Ensure proper page breaks */
  h2, h3 {
    page-break-before: auto;
    page-break-after: avoid;
  }

  p, li {
    page-break-inside: avoid;
    orphans: 2;
    widows: 2;
  }
}