/* =========================================================================
   CV — koyu kenar çubuklu, A4'e temiz basılan düzen.
   PDF bu sayfadan Chrome headless ile üretiliyor; baskı kuralları asıl kaynak.
   ========================================================================= */

.cv-sayfa {
  --kenar: 64mm;
  --koyu-1: #171B31;
  --koyu-2: #232948;
  --vurgu: #6C8BFF;
  --metin: #171B31;
  --soluk: #5C6480;
  --cizgi: #DFE3EE;

  max-width: 210mm;
  margin: 0 auto;
  background: #fff;
  color: var(--metin);
  font-size: 9.3pt;
  line-height: 1.5;

  /* Koyu şerit içerikten bağımsız olarak tam boy iner; sayfa sonlarında da sürer. */
  background-image: linear-gradient(to right, var(--koyu-1) 0 var(--kenar), #fff var(--kenar) 100%);
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;

  display: grid;
  grid-template-columns: var(--kenar) 1fr;
  align-items: start;
}

/* ---------------- SOL: koyu kenar çubuğu ---------------- */
.cv-yan {
  padding: 13mm 7mm 12mm 9mm;
  color: #C9D0E6;
  font-size: 8.5pt;
}
.cv-yan a { color: #C9D0E6; text-decoration: none; }

.cv-yan-baslik {
  font-size: 7.4pt;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--vurgu);
  margin: 0 0 2.4mm;
  padding-bottom: 1.4mm;
  border-bottom: 1px solid rgba(255, 255, 255, .16);
}
.cv-yan .cv-bolum { margin-bottom: 6.5mm; }
.cv-yan .cv-bolum:last-child { margin-bottom: 0; }

.cv-iletisim { list-style: none; margin: 0; padding: 0; }
.cv-iletisim li {
  display: flex;
  gap: 2.2mm;
  margin-bottom: 2mm;
  line-height: 1.35;
  word-break: break-word;
}
.cv-iletisim svg {
  width: 3.3mm; height: 3.3mm;
  flex: 0 0 auto;
  margin-top: .5mm;
  stroke: var(--vurgu);
  fill: none; stroke-width: 2;
  stroke-linecap: round; stroke-linejoin: round;
}

.cv-cift { list-style: none; margin: 0; padding: 0; }
.cv-cift li {
  display: flex;
  justify-content: space-between;
  gap: 2mm;
  padding: 1mm 0;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.cv-cift li:last-child { border-bottom: 0; }
.cv-cift b { font-weight: 600; color: #fff; }
.cv-cift span { color: #8F98B8; font-variant-numeric: tabular-nums; }

/* yetenekler: alt alta madde — taranabilir olsun diye paragraf değil */
.cv-oz { margin-bottom: 3.6mm; }
.cv-oz:last-child { margin-bottom: 0; }
.cv-oz-ad {
  font-size: 7.2pt;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: #fff;
  margin: 0 0 1.3mm;
}
.cv-oz ul { list-style: none; margin: 0; padding: 0; }
.cv-oz li {
  position: relative;
  padding-left: 2.8mm;
  margin-bottom: .7mm;
  line-height: 1.35;
}
.cv-oz li::before {
  content: '';
  position: absolute;
  left: 0; top: 1.5mm;
  width: 1.2mm; height: 1.2mm;
  border-radius: 50%;
  background: var(--vurgu);
}

/* ---------------- SAĞ: ana sütun ---------------- */
.cv-ana { padding: 13mm 12mm 12mm 8mm; }

.cv-ad {
  font-size: 24pt;
  font-weight: 800;
  letter-spacing: -.025em;
  line-height: 1.02;
  margin: 0 0 2mm;
}
.cv-unvan {
  font-size: 10.5pt;
  font-weight: 600;
  color: var(--vurgu);
  margin: 0 0 5mm;
}

/* vurgu sayıları — CV'nin ilk 3 saniyede anlattığı şey */
.cv-rozet {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2mm;
  margin-bottom: 6mm;
}
.cv-rozet div {
  padding: 2.2mm 1.5mm;
  border: 1px solid var(--cizgi);
  border-radius: 1.6mm;
  text-align: center;
  background: #F7F8FC;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.cv-rozet b {
  display: block;
  font-size: 14pt;
  font-weight: 800;
  line-height: 1;
  color: var(--koyu-1);
  font-variant-numeric: tabular-nums;
}
.cv-rozet span {
  display: block;
  margin-top: .8mm;
  font-size: 6.6pt;
  line-height: 1.2;
  color: var(--soluk);
}

.cv-baslik {
  font-size: 8pt;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin: 0 0 2.6mm;
  padding-bottom: 1.3mm;
  border-bottom: 1.4px solid var(--koyu-1);
}
.cv-ana .cv-bolum { margin-bottom: 5.6mm; }
.cv-ana .cv-bolum:last-child { margin-bottom: 0; }

.cv-ozet { margin: 0; line-height: 1.52; }
.cv-ozet b { font-weight: 700; }

/* siteyi incelemeye davet — sayfanın en dikkat çeken kutusu */
.cv-cagri {
  margin: 3.5mm 0 0;
  padding: 3mm 3.5mm;
  border-left: 1.2mm solid var(--vurgu);
  background: #F2F5FF;
  border-radius: 0 1.6mm 1.6mm 0;
  font-size: 8.8pt;
  line-height: 1.45;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.cv-cagri b { font-weight: 700; color: var(--koyu-1); }

.cv-is { margin-bottom: 4.2mm; }
.cv-is:last-child { margin-bottom: 0; }
.cv-is-ust {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 3mm;
  margin-bottom: .5mm;
}
.cv-is-ad { font-size: 9.8pt; font-weight: 700; margin: 0; }
.cv-is-tarih {
  font-size: 8pt;
  font-weight: 600;
  color: var(--soluk);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.cv-is-yer {
  font-size: 8.6pt;
  color: var(--vurgu);
  font-weight: 600;
  margin: 0 0 1.5mm;
}
.cv-madde { margin: 0; padding-left: 4mm; }
.cv-madde li { margin-bottom: 1mm; line-height: 1.42; }
.cv-madde li::marker { color: var(--vurgu); }

.cv-proje { padding: 1.9mm 0; border-bottom: 1px solid var(--cizgi); }
.cv-proje:last-child { border-bottom: 0; }
.cv-proje-ust { display: flex; justify-content: space-between; align-items: baseline; gap: 3mm; }
.cv-proje-ad { font-weight: 700; }
.cv-proje-yil {
  font-size: 8pt; color: var(--soluk);
  white-space: nowrap; font-variant-numeric: tabular-nums;
}
.cv-proje p { margin: .4mm 0 0; line-height: 1.42; }
.cv-proje-yigin { display: block; margin-top: .7mm; font-size: 7.8pt; color: var(--soluk); }

/* ---------------- baskı ---------------- */
@page { size: A4; margin: 0; }

@media print {
  html, body { background: #fff; margin: 0; padding: 0; }
  .cv-sayfa { max-width: none; box-shadow: none; border-radius: 0; }
  .cv-yazdir, .site-header, .site-footer, .to-top, .skip-link { display: none !important; }
  .cv-bolum, .cv-is, .cv-proje, .cv-rozet, .cv-cagri { break-inside: avoid; }
  .cv-baslik, .cv-yan-baslik { break-after: avoid; }
  a { color: inherit; text-decoration: none; }
}

/* ---------------- ekran ---------------- */
@media screen {
  .cv-sarmal { background: var(--bg-soft, #EEF0F6); padding: 26px 16px 48px; }
  .cv-sayfa { box-shadow: 0 20px 56px -22px rgba(10, 12, 30, .35); border-radius: 5px; overflow: hidden; }
  .cv-yazdir { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; margin-bottom: 22px; }
}
[data-theme="dark"] .cv-sarmal { background: #0A0C15; }

@media (max-width: 720px) {
  .cv-sayfa { grid-template-columns: 1fr; background-image: none; font-size: 10.4pt; }
  .cv-yan { background: var(--koyu-1); padding: 22px 20px; }
  .cv-ana { padding: 22px 20px 30px; }
  .cv-rozet { grid-template-columns: repeat(2, 1fr); }
}
