/* ==========================================================================
   pdf.css — dark-text-on-light styles for the html2pdf "Save as PDF" button

   Unlike print.css (loaded with media="print"), these rules must apply to the
   on-screen DOM while html2canvas snapshots it, because html2pdf renders the
   live page rather than the print view. They are scoped behind the `.pdf-mode`
   class so they only affect the content being captured, never the site itself.

   Triggered by toggling `.pdf-mode` on <main id="main-content"> immediately
   before capture and removing it right after.
   ========================================================================== */

/* White page, dark ink */
.pdf-mode {
    --bg: #ffffff;
    --text: #1a1a1a;
    --text-muted: #333333;
    --accent: #0b6fa4;
    --card-bg: #ffffff;
    --card-border: #cccccc;

    background: #ffffff;
    color: #1a1a1a;
}

/* Recolor every textual surface that reads from the theme tokens */
.pdf-mode .card {
    background: #ffffff;
    border-color: #cccccc;
}

/* --------------------------------------------------------------------------
   Professional Experience — drop the boxed card chrome for a cleaner resume
   look: no border/radius/padding, a slim accent bar on the left of each job,
   and a light divider between jobs instead of a box outline.
   -------------------------------------------------------------------------- */
.pdf-mode .card {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 0 0 0 0.9rem;
    margin-top: 1.1rem;
    position: relative;
    border-left: 3px solid #0b6fa4;
}

.pdf-mode .card:first-of-type {
    margin-top: 0;
}

/* Hairline divider between consecutive job cards */
.pdf-mode .card + .card::before {
    content: "";
    position: absolute;
    top: -0.55rem;
    left: 0.9rem;
    right: 0;
    border-top: 1px solid #e2e2e2;
}

.pdf-mode .card h3,
.pdf-mode .card h4,
.pdf-mode .resume-header h1,
.pdf-mode .resume-list,
.pdf-mode .resume-list li,
.pdf-mode .resume-list strong {
    color: #1a1a1a;
}

.pdf-mode .card p,
.pdf-mode .resume-contact,
.pdf-mode .resume-list {
    color: #333333;
}

/* Keep accents legible on white */
.pdf-mode .resume-title,
.pdf-mode .card .resume-period,
.pdf-mode .section-title,
.pdf-mode .resume-contact a {
    color: #0b6fa4;
}

.pdf-mode .card .resume-period {
    color: #555555;
}