/* ============================================================================
   ADVOKE CV — templates/family-sidebar.css
   Layout family: sidebar
   Two-column resume with a rail carrying contact, skills, languages and
   certifications. Rail may be on the left or right depending on the
   template's design.sidebar.direction.
   ============================================================================ */

.resume--sidebar {
  padding: 0;
}

.resume--sidebar > .layout--sidebar {
  display: grid;
  grid-template-columns: var(--t-sidebar-width) minmax(0, 1fr);
  min-height: inherit;
  padding: 0;
  align-items: stretch;
}

.layout--sidebar-right {
  grid-template-columns: minmax(0, 1fr) var(--t-sidebar-width);
}

/* ── Rail ─────────────────────────────────────────────────────────────── */

.layout--sidebar .resume-rail {
  background: var(--t-sidebar-bg);
  color: var(--t-sidebar-fg);
  padding: var(--t-sidebar-pad);
  display: flex;
  flex-direction: column;
  gap: var(--t-section-gap);
}

.layout--sidebar .resume-rail .resume-section__heading {
  color: var(--t-sidebar-heading-fg);
  border-bottom-color: var(--t-sidebar-heading-rule);
}

.layout--sidebar .resume-rail .resume-section__heading-text {
  color: inherit;
}

.layout--sidebar .resume-rail p,
.layout--sidebar .resume-rail li,
.layout--sidebar .resume-rail span,
.layout--sidebar .resume-rail a {
  color: var(--t-sidebar-fg);
}

.layout--sidebar .resume-rail .resume-entry__context,
.layout--sidebar .resume-rail .resume-entry__org,
.layout--sidebar .resume-rail .resume-entry__role,
.layout--sidebar .resume-rail .resume-meta,
.layout--sidebar .resume-rail .resume-inline-list,
.layout--sidebar .resume-rail .resume-inline-list__label,
.layout--sidebar .resume-rail .resume-inline-list__value {
  color: var(--t-sidebar-muted);
}

.layout--sidebar .resume-rail .resume-chip {
  background: color-mix(in srgb, var(--t-sidebar-fg) 8%, transparent);
  color: var(--t-sidebar-fg);
  border-color: color-mix(in srgb, var(--t-sidebar-fg) 18%, transparent);
}

.layout--sidebar .resume-rail .resume-chips--skills .resume-chip {
  background: transparent;
  color: var(--t-sidebar-fg);
  border-color: color-mix(in srgb, var(--t-sidebar-fg) 22%, transparent);
}

.layout--sidebar .resume-rail .resume-bullet::marker,
.layout--sidebar .resume-rail .resume-bullet::before {
  color: var(--t-sidebar-heading-rule);
}

.layout--sidebar .resume-rail .resume-language__name,
.layout--sidebar .resume-rail .resume-language__level,
.layout--sidebar .resume-rail .resume-language__cert {
  color: var(--t-sidebar-fg);
}

.layout--sidebar .resume-rail .resume-language__level,
.layout--sidebar .resume-rail .resume-language__cert {
  color: var(--t-sidebar-muted);
}

.layout--sidebar .resume-rail .resume-skill__level {
  color: var(--t-sidebar-muted);
}

.layout--sidebar .resume-rail .resume-matrix__label {
  color: var(--t-sidebar-heading-rule);
}

.layout--sidebar .resume-rail .resume-matrix__item {
  color: var(--t-sidebar-fg);
}

/* ── Main column ──────────────────────────────────────────────────────── */

.layout--sidebar .resume-main {
  padding: var(--t-main-pad);
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.layout--sidebar .resume-main .resume-header {
  margin-bottom: var(--t-section-gap);
}

.layout--sidebar .resume-main__body {
  display: block;
}

.layout--sidebar .resume-main__body .resume-section + .resume-section {
  margin-top: var(--t-section-gap);
}

/* ── Collapsed rail (no content) ──────────────────────────────────────── */

.layout--sidebar--collapsed {
  display: block;
  padding: var(--t-page-pad);
}