/* ==========================================================================
   11. PROFESSIONAL ATS-FRIENDLY CV & PRINT LAYOUT
   ========================================================================== */

#printable-cv {
  display: none;
}

.ats-cv-sheet {
  background: #FFFFFF;
  color: #111827;
  font-family: 'Plus Jakarta Sans', 'Segoe UI', Arial, sans-serif;
  line-height: 1.52;
  font-size: 10.2pt;
  max-width: 800px;
  margin: 0 auto;
}

.ats-header {
  border-bottom: 2px solid #0F172A;
  padding-bottom: 12px;
  margin-bottom: 16px;
}

.ats-name {
  font-family: 'Space Grotesk', Arial, sans-serif;
  font-size: 21pt;
  font-weight: 700;
  color: #0F172A;
  letter-spacing: -0.02em;
  margin: 0 0 4px 0;
}

.ats-title-line {
  font-size: 10.8pt;
  font-weight: 600;
  color: #1D4ED8;
  margin-bottom: 8px;
}

.ats-contact-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  font-size: 9.2pt;
  color: #334155;
}

.ats-contact-bar a {
  color: #0F172A;
  text-decoration: underline;
}

.ats-section {
  margin-bottom: 14px;
  page-break-inside: avoid;
}

.ats-section-title {
  font-family: 'Space Grotesk', Arial, sans-serif;
  font-size: 10.5pt;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #0F172A;
  border-bottom: 1px solid #CBD5E1;
  padding-bottom: 3px;
  margin-bottom: 8px;
}

.ats-summary-text {
  font-size: 9.8pt;
  color: #1F2937;
  margin-bottom: 6px;
}

.ats-exp-block {
  margin-bottom: 11px;
  page-break-inside: avoid;
}

.ats-exp-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  font-weight: 700;
  font-size: 10.2pt;
  color: #0F172A;
}

.ats-exp-sub {
  font-size: 9.3pt;
  font-weight: 600;
  color: #475569;
  margin-bottom: 4px;
}

.ats-bullets {
  margin: 0 0 0 18px;
  padding: 0;
}

.ats-bullets li {
  font-size: 9.5pt;
  color: #1F2937;
  margin-bottom: 3px;
}

.ats-skills-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 18px;
}

.ats-skill-cat {
  font-size: 9.5pt;
  color: #1F2937;
}

.ats-skill-cat strong {
  color: #0F172A;
}

html[dir="rtl"] .ats-cv-sheet {
  font-family: 'IBM Plex Sans Arabic', 'Plus Jakarta Sans', Arial, sans-serif;
}

html[dir="rtl"] .ats-name,
html[dir="rtl"] .ats-section-title {
  font-family: 'IBM Plex Sans Arabic', 'Space Grotesk', Arial, sans-serif;
  letter-spacing: 0;
}

html[dir="rtl"] .ats-bullets {
  margin: 0 18px 0 0;
}

/* Screen Responsiveness for CV Preview Modal & Standalone CV Page */
@media screen and (max-width: 680px) {
  .ats-name {
    font-size: 16pt;
    line-height: 1.2;
  }

  .ats-title-line {
    font-size: 9.8pt;
    line-height: 1.45;
  }

  .ats-contact-bar {
    gap: 6px 10px;
    font-size: 8.8pt;
  }

  .ats-skills-grid {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .ats-exp-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
  }
}

@media print {
  @page {
    size: A4 portrait;
    margin: 14mm 16mm;
  }

  html, body {
    background: #FFFFFF !important;
    color: #000000 !important;
    font-size: 10pt !important;
    overflow: visible !important;
    height: auto !important;
  }

  .skip-link,
  #cursor-halo,
  .site-header,
  .mobile-drawer,
  main,
  .site-footer,
  .cv-modal-overlay,
  .no-print {
    display: none !important;
  }

  #printable-cv {
    display: block !important;
    width: 100% !important;
    background: #FFFFFF !important;
    color: #000000 !important;
  }

  .ats-cv-sheet {
    max-width: 100% !important;
  }

  .ats-contact-bar a {
    color: #000000 !important;
    text-decoration: none !important;
  }
}