/* ============================================================================
   astra.css — Astra template'in layout kuralları.

   Tek-sütun, table-based item rows (başlık sol, tarih sağ), flex-wrap
   contact row. A4 sayfa kutusu (width/bg/color/font) + multi-page
   container base.css'te (template-agnostic). Burada sadece
   Astra'ya özel page padding, header, contact, section ve item
   layout kararları var.

   Yeni bir template eklenince (örn. "titan" 2 kolon sidebar'lı) sadece
   yeni bir browser-css/<name>.css dosyası oluşturmak yeterli;
   server.js otomatik yükler. base.css ve PHP style.css'e dokunulmaz.
   ============================================================================ */

/* === Page Padding — Astra-spesifik === */
.cv-page,
.cvlystpreview-page.astra-page {
  padding: 14mm 13mm;
}

/* === Header (photo + name/position/contact) === */
.cvlystpreview-header {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.cvlystpreview-header-text {
  vertical-align: top;
}
.cvlystpreview-photo-wrap {
  vertical-align: top;
}

/* === Contact Row === */
.cvlystpreview-contact-row {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 14px;
  align-items: center;
  color: #334155;
  font-size: 12.5px;
  font-family: var(--font-cv-body, var(--font-inter));
}
.cvlystpreview-contact { display: inline-flex; align-items: center; gap: 4px; font-family: var(--font-cv-body, var(--font-inter)); }
.cvlystpreview-contact a, .cvlystpreview-contact span { font-family: inherit; }

/* === Divider === */
.cvlystpreview-divider {
  height: 2px;
  border-radius: 2px;
  margin: 7mm 0 5mm;
}

.cvlystpreview-summary {
  margin-bottom: 0mm;
}

/* === Section === */
.cvlystpreview-section { margin: 0 0 1mm; }
.cvlystpreview-section-line {
  height: 2.5px;
  border-radius: 2px;
  margin: 0 0 4.5mm;
  opacity: 1;
  max-width: 100%;
  box-shadow: 0 0 0 0.5px currentColor;
  display: block;
}

/* === Item (deneyim/egitim/proje/sertifika) === */
.cvlystpreview-item { margin: 0 0 1mm; page-break-inside: avoid; }
.cvlystpreview-item-row {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 2px;
}
.cvlystpreview-item-title-cell {
  display: table-cell;
  width: 65%;
  text-align: left;
  vertical-align: baseline;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
}
.cvlystpreview-item-dates-cell {
  display: table-cell;
  width: 35%;
  text-align: right;
  vertical-align: baseline;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 4mm;
  box-sizing: border-box;
}

/* === Skills === */
.cvlystpreview-skills {
    line-height: 1.3;
}

.cvlystpreview-chip {
    display: inline-block;

    font-size: 12.5px;
    font-weight: 500;
    color: #0F172A;

    line-height: 1.3;
    width: max-content;

    padding: 1mm 3mm;
    margin-right: 1.5mm;
    margin-bottom: 1.5mm;

    border-radius: 3mm;

    white-space: nowrap;
    word-break: keep-all;
    overflow-wrap: normal;

}