/* Print-friendly styles for blog posts */
@media print {
  /* Hide non-essential elements */
  .navbar,
  .footer,
  .sidebar-block,
  .post-social-share,
  .post-navigation,
  .btn,
  .d-print-none {
    display: none !important;
  }
  
  /* Optimize layout for print */
  body {
    font-size: 12pt;
    line-height: 1.4;
    color: #000 !important;
    background: #fff !important;
  }
  
  .container {
    max-width: none !important;
    padding: 0 !important;
  }
  
  /* Blog post specific styles */
  .blog-post {
    margin: 0 !important;
    padding: 0 !important;
  }
  
  .blog-post h1, 
  .blog-post h2, 
  .blog-post h3, 
  .blog-post h4 {
    color: #000 !important;
    page-break-after: avoid;
  }
  
  .blog-post p, 
  .blog-post li {
    orphans: 3;
    widows: 3;
  }
  
  .blog-post img {
    max-width: 100% !important;
    height: auto !important;
    page-break-inside: avoid;
  }
  
  /* Article meta information */
  .post-meta {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10pt;
    margin-bottom: 20pt;
  }
  
  /* Code blocks and alerts */
  .alert {
    border: 1px solid #ccc !important;
    padding: 10pt !important;
    margin: 10pt 0 !important;
    background: #f8f9fa !important;
  }
  
  /* Links - show URLs */
  a[href]:after {
    content: " (" attr(href) ")";
    font-size: 10pt;
    color: #666;
  }
  
  /* Don't show URLs for internal navigation */
  a[href^="#"]:after,
  a[href^="javascript:"]:after,
  a.btn:after {
    content: "";
  }
  
  /* Page breaks */
  .page-break {
    page-break-before: always;
  }
  
  /* Breadcrumbs for context */
  .breadcrumb {
    display: block !important;
    font-size: 10pt;
    margin-bottom: 15pt;
  }
  
  /* Post tags */
  .post-tags {
    border-top: 1px solid #ccc;
    padding-top: 10pt;
    margin-top: 20pt;
  }
  
  .post-tags .badge {
    border: 1px solid #ccc !important;
    background: transparent !important;
    color: #000 !important;
    padding: 2pt 6pt !important;
    margin-right: 5pt;
  }
}