/* ═══════════════════════════════════════════════════════════════
   2CU CAREER STUDIO — print.css
   Clean print stylesheet. Loaded as a separate media=print sheet
   so it never affects screen rendering.
   Usage in index.html:
     <link rel="stylesheet" href="print.css" media="print">
═══════════════════════════════════════════════════════════════ */

/* ─── PAGE SETUP ─────────────────────────────────────────────── */
@page {
    size: A4 portrait;
    margin: 18mm 16mm 22mm;
}

@page :first {
    margin-top: 12mm;
}

/* ─── HIDE EVERYTHING EXCEPT THE CV PREVIEW ─────────────────── */
*,
.ticker-strip,
header,
#heroBlock,
#featuresBlock,
#pricing,
#testimonials,
#compliance,
#faq,
footer,
#stickyExport,
#privacyModal,
#paymentModal,
#setupModal,
#toastContainer,
.designer-header,
.cv-form,
.ai-panel,
.completion-bar-wrap,
.sa-id-section,
.export-panel,
.voice-gate-note,
.skill-input-row,
.btn,
.form-section-title,
.form-group label .label-hint {
    display: none !important;
}

/* ─── SHOW ONLY THE PREVIEW WRAPPER ─────────────────────────── */
body {
    background: white !important;
    color: #0F0D0B !important;
    font-family: 'DM Sans', 'Segoe UI', Arial, sans-serif !important;
    font-size: 11pt !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    padding: 0 !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

main {
    display: block !important;
    padding: 0 !important;
    max-width: 100% !important;
    gap: 0 !important;
}

#cvDesigner {
    display: block !important;
}

.cv-designer {
    display: block !important;
    grid-template-columns: unset !important;
}

.cv-preview-wrapper {
    display: block !important;
    position: static !important;
}

.cv-preview {
    display: block !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
}

/* ─── HIDE CHROME ELEMENTS ───────────────────────────────────── */
.cv-preview-toolbar { display: none !important; }

/* ─── CV BODY PRINT STYLES ───────────────────────────────────── */
.cv-body {
    padding: 0 !important;
    display: block !important;
}

.cv-top-bar {
    display: block !important;
    height: 4pt !important;
    background: #1F4A7C !important;
    margin-bottom: 12pt !important;
    border-radius: 2pt !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

.cv-head {
    margin-bottom: 14pt !important;
    padding-bottom: 10pt !important;
    border-bottom: 1pt solid #D9D3C8 !important;
    page-break-inside: avoid;
}

.cv-name-preview {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-size: 22pt !important;
    font-weight: 700 !important;
    color: #0F0D0B !important;
    margin-bottom: 6pt !important;
    letter-spacing: -0.5pt !important;
    font-style: normal !important;
}

.cv-contact-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10pt !important;
}

.cv-contact-item {
    display: flex !important;
    align-items: center !important;
    gap: 4pt !important;
    font-size: 9pt !important;
    color: #5F5C57 !important;
}

.cv-contact-item svg {
    display: none !important; /* Remove icons for print cleanliness */
}

/* Add separators between contact items */
.cv-contact-item + .cv-contact-item::before {
    content: '·';
    color: #C8C3BB;
    margin-right: 4pt;
}

/* ─── CV SECTIONS ────────────────────────────────────────────── */
.cv-section {
    margin-bottom: 14pt !important;
    page-break-inside: avoid !important;
}

.cv-section-heading {
    display: block !important;
    font-size: 7pt !important;
    font-weight: 700 !important;
    letter-spacing: 1.2pt !important;
    text-transform: uppercase !important;
    color: #1F4A7C !important;
    margin-bottom: 6pt !important;
    padding-bottom: 3pt !important;
    border-bottom: 1.5pt solid #E8EEF7 !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

.cv-text {
    font-size: 10pt !important;
    color: #2C2926 !important;
    line-height: 1.6 !important;
    font-style: normal !important;
}

/* ─── SKILLS TAGS ────────────────────────────────────────────── */
#previewSkills {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5pt !important;
    margin-top: 4pt !important;
}

#previewSkills span {
    display: inline-block !important;
    padding: 2pt 7pt !important;
    background: #E8EEF7 !important;
    color: #1F4A7C !important;
    border-radius: 99pt !important;
    font-size: 8.5pt !important;
    font-weight: 600 !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

/* ─── INDUSTRY TAG ───────────────────────────────────────────── */
.cv-industry-tag {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4pt !important;
    padding: 2pt 8pt !important;
    background: #E8EEF7 !important;
    border-radius: 99pt !important;
    font-size: 8.5pt !important;
    font-weight: 600 !important;
    color: #1F4A7C !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

.cv-industry-tag svg { display: none !important; }

/* ─── EXPERIENCE ─────────────────────────────────────────────── */
#previewRole {
    font-weight: 700 !important;
    font-size: 10.5pt !important;
    color: #0F0D0B !important;
    margin-bottom: 3pt !important;
}

#previewAchievement {
    font-size: 9.5pt !important;
    color: #433F3A !important;
}

/* ─── PAGE FOOTER ────────────────────────────────────────────── */
.cv-body::after {
    content: '2CU Career Studio · career.2cu.online · Built with AI coaching';
    display: block;
    margin-top: 20pt;
    padding-top: 8pt;
    border-top: 1pt solid #EAE5DC;
    font-size: 7.5pt;
    color: #8B8680;
    text-align: center;
    letter-spacing: 0.5pt;
}

/* ─── PAGE BREAKS ────────────────────────────────────────────── */
.cv-section { page-break-inside: avoid; }
.cv-head    { page-break-after: avoid; }