/* =====================================================
   CV Page Styles
   ===================================================== */

.cv-wrapper {
    max-width: 860px;
    margin: 0 auto;
    padding: 32px 24px 48px;
    font-family: 'Segoe UI', Arial, sans-serif;
    color: #222;
    background: #fff;
}

/* Header */
.cv-header {
    text-align: center;
    border-bottom: 3px solid var(--color-accent-cyan);
    padding-bottom: 14px;
    margin-bottom: 20px;
}

.cv-header h1 {
    font-size: 2.2rem;
    font-weight: 800;
    letter-spacing: 2px;
    color: #111;
    margin: 0 0 4px;
    text-transform: uppercase;
}

.cv-header .cv-title {
    font-size: 0.95rem;
    color: var(--color-accent-cyan);
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
}

.cv-contact-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px 16px;
    font-size: 0.83rem;
    color: #555;
}

.cv-contact-row a {
    color: var(--color-accent-cyan);
    text-decoration: none;
}

.cv-contact-row a:hover {
    text-decoration: underline;
}

/* Sections */
.cv-section {
    margin-bottom: 22px;
}

.cv-section-title {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: var(--color-accent-cyan);
    border-bottom: 1.5px solid #e0e0e0;
    padding-bottom: 4px;
    margin-bottom: 12px;
}

/* Summary */
.cv-summary p {
    font-size: 0.88rem;
    line-height: 1.65;
    color: #333;
    margin: 0;
}

/* Core Competencies */
.cv-competencies {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.cv-competency-tag {
    font-size: 0.82rem;
    background: #f0f4ff;
    color: var(--color-accent-cyan);
    border: 1px solid #c5d5f8;
    border-radius: 3px;
    padding: 3px 10px;
    font-weight: 600;
}

/* Skills Table */
.cv-skills-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.83rem;
}

.cv-skills-table td {
    padding: 4px 10px;
    border-bottom: 1px solid #f0f0f0;
    vertical-align: top;
}

.cv-skills-table td:first-child {
    font-weight: 700;
    color: #333;
    white-space: nowrap;
    width: 130px;
}

.cv-skills-table td:last-child {
    color: #555;
}

/* Experience */
.cv-job {
    margin-bottom: 16px;
}

.cv-job-header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 2px;
}

.cv-job-title {
    font-size: 0.92rem;
    font-weight: 700;
    color: #111;
}

.cv-job-company {
    font-weight: 600;
    color: var(--color-accent-cyan);
}

.cv-job-date {
    font-size: 0.8rem;
    color: #888;
    white-space: nowrap;
}

.cv-job ul {
    margin: 5px 0 0 0;
    padding-left: 16px;
}

.cv-job ul li {
    font-size: 0.84rem;
    line-height: 1.55;
    color: #444;
    margin-bottom: 2px;
}

.cv-job ul li strong {
    color: #111;
}

/* Projects */
.cv-project {
    margin-bottom: 14px;
}

.cv-project-header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 2px;
    margin-bottom: 4px;
}

.cv-project-name {
    font-size: 0.9rem;
    font-weight: 700;
    color: #111;
}

.cv-project-date {
    font-size: 0.8rem;
    color: #888;
}

.cv-project ul {
    margin: 0;
    padding-left: 16px;
}

.cv-project ul li {
    font-size: 0.84rem;
    line-height: 1.55;
    color: #444;
    margin-bottom: 2px;
}

.cv-project ul li strong {
    color: #111;
}

.cv-tech-tag {
    display: inline-block;
    font-size: 0.75rem;
    background: #f0f4ff;
    color: var(--color-accent-cyan);
    border: 1px solid #c5d5f8;
    border-radius: 3px;
    padding: 1px 7px;
    margin: 4px 3px 0 0;
    font-weight: 600;
}

/* Education */
.cv-edu-item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 8px;
}

.cv-edu-item > div {
    flex: 1;
}

.cv-edu-degree {
    font-size: 0.88rem;
    font-weight: 700;
    color: #111;
}

.cv-edu-school {
    font-size: 0.84rem;
    color: #555;
}

.cv-edu-date {
    font-size: 0.8rem;
    color: #888;
    white-space: nowrap;
    flex-shrink: 0;
    padding-top: 2px;
}

/* Download Button */
.cv-download-bar {
    text-align: right;
    margin-bottom: 24px;
}

.cv-download-bar .btn {
    font-size: 0.85rem;
    padding: 8px 20px;
    background: var(--color-accent-cyan);
    border: none;
    border-radius: 4px;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.2s;
}

.cv-download-bar .btn:hover {
    background: color-mix(in srgb, var(--color-accent-cyan) 85%, #000);
    color: #fff;
}

/* Print styles — Browser Print → PDF (renkler korunur) */
@media print {
    * {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
        color-adjust: exact !important;
    }
    body * { visibility: hidden; }
    .cv-wrapper, .cv-wrapper * { visibility: visible; }
    .cv-wrapper { position: absolute; left: 0; top: 0; max-width: 100%; padding: 20px; }
    .cv-download-bar { display: none; }
}

/* Responsive */
@media (max-width: 600px) {
    .cv-header h1 { font-size: 1.7rem; }
    .cv-job-header { flex-direction: column; }
    .cv-edu-item { flex-direction: column; }
    .cv-skills-table td:first-child { width: 110px; }
}

/* Dark theme — CV kartı site temasıyla uyumlu */
html[data-theme="dark"] .cv-wrapper {
    background: var(--color-bg-secondary);
    color: var(--color-text-primary);
}

html[data-theme="dark"] .cv-header {
    border-bottom-color: var(--color-accent-cyan);
}

html[data-theme="dark"] .cv-header h1 {
    color: var(--color-text-primary);
}

html[data-theme="dark"] .cv-contact-row {
    color: var(--color-text-secondary);
}

html[data-theme="dark"] .cv-summary p,
html[data-theme="dark"] .cv-skills-table td,
html[data-theme="dark"] .cv-job ul li,
html[data-theme="dark"] .cv-project ul li {
    color: var(--color-text-secondary);
}

html[data-theme="dark"] .cv-job-title,
html[data-theme="dark"] .cv-project-name,
html[data-theme="dark"] .cv-edu-degree,
html[data-theme="dark"] .cv-skills-table td:first-child,
html[data-theme="dark"] .cv-job ul li strong,
html[data-theme="dark"] .cv-project ul li strong {
    color: var(--color-text-primary);
}

html[data-theme="dark"] .cv-competency-tag,
html[data-theme="dark"] .cv-tech-tag {
    background: var(--color-accent-cyan-dim);
    border-color: var(--color-border-accent);
}