/*! NFM Consulting - Print/PDF Optimization Styles */
/* Shared print stylesheet for bio.html and power.html */

/* Typography Styles - Bio/Power Pages */
/* Montserrat for headings */
header h1 {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-weight: 700;
}

header p {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-weight: 600;
}

/* Open Sans for body text */
div.text-lg {
  font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
}

/* Print/PDF Optimization Styles */
@media print {
  /* Hide navigation and footer */
  nav,
  footer,
  .mobile-menu,
  .mobile-menu-button {
    display: none !important;
  }

  /* Remove padding that accounts for fixed navigation */
  section.pt-36,
  section.pt-24 {
    padding-top: 0 !important;
  }

  main.pt-36,
  main.pt-24 {
    padding-top: 0 !important;
  }

  /* Optimize page layout with smaller margins */
  @page {
    margin: 0.5in;
    size: letter;
  }

  /* White background for printing */
  body {
    background: white !important;
    color: black !important;
  }

  /* Allow article to flow across pages naturally */
  article {
    page-break-inside: auto;
  }

  /* Keep header compact and allow text to flow on same page */
  header {
    page-break-after: avoid;
    margin-bottom: 0.5rem !important;
  }

  header h1 {
    margin-bottom: 0.25rem !important;
    font-size: 2rem !important;
  }

  header p {
    margin-bottom: 0.5rem !important;
    font-size: 1.25rem !important;
  }

  /* Allow page breaks between paragraphs if needed */
  p {
    page-break-inside: avoid;
    orphans: 2;
    widows: 2;
    margin-bottom: 0.5rem !important;
  }

  /* Ensure bio text starts on first page with header */
  div.text-lg {
    page-break-before: avoid;
    margin-top: 0 !important;
  }

  /* Optimize bio/power page section */
  section.custom-nav-bg {
    background: white !important;
    padding-top: 0 !important;
    padding-bottom: 0.5rem !important;
  }

  /* Remove decorative effects */
  img {
    box-shadow: none !important;
  }

  /* Ensure content doesn't get cut off */
  .max-w-7xl {
    max-width: 100% !important;
  }

  /* Optimize text colors for print */
  .text-gray-900,
  .text-gray-700 {
    color: black !important;
  }

  .text-nfm-blue {
    color: #1e3a8a !important;
  }

  /* Optimize flex layout for print - allow photo and text on same page */
  article.flex {
    gap: 0.75rem !important;
    align-items: flex-start !important;
    page-break-inside: auto;
    display: flex !important;
  }

  /* Photo container - allow it to flow with text, don't force page break */
  article.flex > div.flex-shrink-0 {
    page-break-after: avoid;
    flex-shrink: 0 !important;
  }

  /* Scale photo for print (30% larger than original 100px = 130px) */
  article.flex img {
    max-width: 130px !important;
    max-height: 156px !important;
  }

  /* Bio text container - start on first page with photo */
  div.flex-1,
  div[class*="flex-1"],
  div[class*="md:flex-\[2\]"] {
    page-break-before: avoid;
    page-break-inside: auto;
  }

  /* Reduce container padding for more space */
  div.max-w-7xl {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  /* Hide CTA button in print */
  div.mt-8.pt-6.border-t {
    display: none !important;
  }
}