/**
 * Juniebug Theme for Hugo - Print Styles
 */

/* Hide elements not needed for print */
nav, 
.search, 
.menu-toggle, 
.post-navigation, 
footer,
.cover,
.sidebar,
.toc-container {
    display: none !important;
}

/* Basic styling for print */
body {
    font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 12pt;
    line-height: 1.5;
    color: #000;
    background: #fff;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    page-break-after: avoid;
    page-break-inside: avoid;
}

h1 {
    font-size: 24pt;
    margin-bottom: 1cm;
}

h2 {
    font-size: 18pt;
    margin-top: 1cm;
}

h3 {
    font-size: 14pt;
}

p, blockquote, ul, ol, dl, table {
    margin-bottom: 0.5cm;
}

a {
    color: #000;
    text-decoration: underline;
}

/* Show URL after links */
a[href^="http"]:after {
    content: " (" attr(href) ")";
    font-size: 90%;
}

/* Don't show URL for images */
a[href^="http"] img:after {
    content: "";
}

/* Ensure images fit on page */
img {
    max-width: 100% !important;
    page-break-inside: avoid;
}

/* Page breaks */
article {
    page-break-before: always;
}

/* Code blocks */
pre, code {
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    border: 1px solid #ddd;
    background-color: #f8f8f8 !important;
    color: #333 !important;
}

pre {
    padding: 0.5cm;
    margin: 0.5cm 0;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/* Tables */
table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 1cm;
}

table, th, td {
    border: 1px solid #ddd;
}

th, td {
    padding: 0.25cm;
    text-align: left;
}

.main-content {
    width: 100%;
}

/* Blog post meta */
#blog-post-meta {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 0.5cm 0;
    margin: 0.5cm 0;
    color: #666;
}

.meta-content {
    display: block;
}

.post-date {
    margin-bottom: 0.25cm;
}

.post-tags ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.post-tags li {
    display: inline-block;
    margin-right: 0.25cm;
    border: 1px solid #ddd;
    padding: 0.1cm 0.25cm;
}