/* ============================================
   PRINT STYLES FOR POTTER COUNTY MEMORIAL PAGES
   ============================================ */

@media print {

    /* Page layout */
    body {
        font-family: "Garamond", "Times New Roman", serif;
        font-size: 20px;
        color: #000;
        background: #fff;
        margin: 20px 20px 20px 60px; /* left margin for 3-hole punch */
    }

    /* Hide anything not needed in print */
    nav, header, footer, .no-print, .btn, .actions, .menu, .navbar {
        display: none !important;
    }

    /* Main container */
    .print-container {
        max-width: 800px;
        margin: 0 auto;
    }

    /* Name styling */
    .record-name {
        font-family: "Brush Script MT", "Segoe Script", cursive;
        font-size: 32px;
        font-weight: normal;
        text-align: center;
        margin-bottom: 20px;
        letter-spacing: 1px;
        text-shadow: 0.5px 0.5px 0 #ccc;
    }

    /* Section titles */
    .section-title {
        font-size: 20px;
        margin-top: 25px;
        margin-bottom: 10px;
        font-weight: bold;
        text-decoration: underline;
    }

    /* Field rows */
    .field {
        margin-bottom: 6px;
        font-size: 15px;
    }

    /* Notes / obituary blocks */
    .text-block {
        margin-top: 10px;
        line-height: 1.5;
        font-size: 15px;
        white-space: pre-wrap;
    }

    /* Images */
    .record-image {
        max-width: 250px;
        margin: 20px auto;
        display: block;
        border: 1px solid #444;
        padding: 4px;
        border-radius: 4px;
    }

    /* Footer */
    .print-footer {
        text-align: center;
        margin-top: 40px;
        font-style: italic;
        font-size: 13px;
    }

    /* Hide punch guides in print */
    .hole-guide {
        display: none !important;
    }
}

/* Punch hole guides — screen only */
.hole-guide {
    position: absolute;
    left: 20px;
    width: 10px;
    height: 10px;
    border: 1px solid #999;
    border-radius: 50%;
    background: #eee;
}

/* Positioning three guides */
.hole-guide.top { top: 100px; }
.hole-guide.middle { top: 400px; }
.hole-guide.bottom { top: 700px; }