/* Print-specific styles using class modifier - minimal overrides */
.Resume.print-render {
  width: 100% !important;
  background-color: white !important;
  margin: 0 !important;
  padding: 5px !important;
}

/* Only apply font changes to content sections, not header */
.Resume.print-render .row.summary,
.Resume.print-render .row.work,
.Resume.print-render .row.skill, 
.Resume.print-render .row.certs {
  font-family: Arial, sans-serif !important;
  font-size: 11px !important;
  line-height: 1.3 !important;
}

.Resume.print-render .row.summary h1,
.Resume.print-render .row.work h1,
.Resume.print-render .row.skill h1,
.Resume.print-render .row.certs h1 {
  font-size: 22px !important;
  margin: 5px 0 !important;
  line-height: 1.2 !important;
}

.Resume.print-render .work-item h3 {
  font-size: 13px !important;
  margin: 3px 0 !important;
  line-height: 1.2 !important;
}

.Resume.print-render .work-item {
  break-inside: avoid !important;
  page-break-inside: avoid !important;
  margin-bottom: 8px !important;
  padding-bottom: 5px !important;
}

.Resume.print-render .testimonials li {
  break-inside: avoid !important;
  page-break-inside: avoid !important;
  font-size: 11px !important;
  margin-bottom: 8px !important;
}

.Resume.print-render blockquote {
  break-inside: avoid !important;
  page-break-inside: avoid !important;
  margin: 5px 0 !important;
  padding: 4px !important;
  font-size: 11px !important;
  line-height: 1.3 !important;
}

/* @media print rules that always apply */
@media print {
  @page {
    size: portrait;
    margin: 0.2in 0.1in !important;
  }
  
  * {
    -webkit-print-color-adjust: exact !important;
    color-adjust: exact !important;
  }
  
  body {
    width: 100% !important;
    background-color: white !important;
    background: white !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  /* Disable forced page breaks in print view - let content flow naturally */
  .pageBreak,
  .html2pdf__page-break {
    display: none !important;
    page-break-before: auto !important;
    break-before: auto !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  /* Basic print styling but exclude header */
  #ResumeView {
    width: 100% !important;
    max-width: none !important;
    background-color: white !important;
    background: white !important;
    margin: 0 !important;
    padding: 5px !important;
  }
  
  /* Only apply font changes to content sections, completely exclude header */
  #ResumeView .row.summary,
  #ResumeView .row.work,
  #ResumeView .row.skill,
  #ResumeView .row.certs {
    font-family: Arial, sans-serif !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
  }
  
  /* Only make body text darker for readability - exclude header */
  #ResumeView .row.summary p,
  #ResumeView .row.work p,
  #ResumeView .row.work .info,
  #ResumeView .row.work .date,
  #ResumeView .row.work .duration,
  #ResumeView .row.skill p,
  #ResumeView .row.certs p,
  #ResumeView .row.certs li,
  #ResumeView blockquote p {
    color: #333 !important;
  }
  
  /* Keep citations readable */
  #ResumeView cite,
  #ResumeView cite a {
    color: #666 !important;
  }
  
  /* Simple header constraints - preserve native colors */
  #ResumeView section#resume-details {
    margin-bottom: 15px !important;
    padding-bottom: 10px !important;
    page-break-after: avoid !important;
  }
  
  /* Fix profile picture size while preserving aspect ratio */
  #ResumeView #resume-details .profile-pic {
    width: 110px !important;
    height: auto !important;
  }
  
  /* Moderately reduce name size for print */
  #ResumeView #resume-details .name-top,
  #ResumeView #resume-details .name-bottom {
    font-size: 38px !important;
    line-height: 1.0 !important;
  }
  
  
  /* Simple website text adjustment */
  #ResumeView #resume-details .contact-website {
    font-size: 12px !important;
    line-height: 1.1 !important;
  }
  
  
  #ResumeView .work-item {
    break-inside: avoid !important;
    page-break-inside: avoid !important;
    margin-bottom: 6px !important;
    padding-bottom: 3px !important;
  }
  
  /* Prevent large gaps after work section */
  #ResumeView .row.work {
    margin-bottom: 8px !important;
    padding-bottom: 0 !important;
  }
  
  /* Compact section spacing */
  #ResumeView .row.skill,
  #ResumeView .row.certs {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  
  /* Remove excessive spacing from main sections */
  #ResumeView .row {
    margin-bottom: 8px !important;
  }
  
  /* Ensure sections flow better */
  #ResumeView section {
    margin-bottom: 10px !important;
    padding-bottom: 5px !important;
  }
  
  /* Prevent page breaks between headers and their content */
  #ResumeView h1,
  #ResumeView h2,
  #ResumeView h3 {
    break-after: avoid !important;
    page-break-after: avoid !important;
    orphans: 2 !important;
  }
  
  /* Keep skills section together */
  #ResumeView .row.skill {
    break-inside: avoid !important;
    page-break-inside: avoid !important;
  }
  
  /* Remove borders from content sections only, not header */
  #ResumeView .row.work *,
  #ResumeView .row.skill *,
  #ResumeView .row.certs *,
  #ResumeView .work-item *,
  #ResumeView .testimonials * {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
  }
  
  /* Hide specific dividers in content sections only */
  #ResumeView .row.work .hr,
  #ResumeView .row.skill .hr,
  #ResumeView .row.certs .hr,
  #ResumeView .row.summary .hr {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  /* Font sizes only for content sections - exclude header */
  #ResumeView .row.summary h1,
  #ResumeView .row.work h1,
  #ResumeView .row.skill h1,
  #ResumeView .row.certs h1 {
    font-size: 20px !important;
    margin: 8px 0 !important;
    line-height: 1.2 !important;
    font-weight: bold !important;
  }
  
  #ResumeView .work-item h3 {
    font-size: 14px !important;
    margin: 4px 0 !important;
    line-height: 1.2 !important;
    font-weight: bold !important;
  }
  
  #ResumeView .row.summary p,
  #ResumeView .row.work p,
  #ResumeView .row.skill p,
  #ResumeView .row.certs p {
    font-size: 12px !important;
    margin-bottom: 6px !important;
    line-height: 1.4 !important;
  }
  
  #ResumeView p {
    margin-bottom: 5px !important;
    line-height: 1.3 !important;
  }
  
  #ResumeView .testimonials li {
    break-inside: avoid !important;
    page-break-inside: avoid !important;
    font-size: 11px !important;
    margin-bottom: 8px !important;
  }
  
  #ResumeView blockquote {
    break-inside: avoid !important;
    page-break-inside: avoid !important;
    margin: 5px 0 !important;
    padding: 4px !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
  }
  
  .no-print {
    display: none !important;
  }
}