/* ---------------------------------------------------------------------
   theme01.css — "Sidebar Classic"
   Yellow/navy sidebar with a circular portrait, white content cards with
   a colored icon badge per heading. Corners are intentionally rounded
   ("agak elips") on the outer sheet and every card.
   --------------------------------------------------------------------- */

:root,
[data-scheme="amber-navy"] {
  --cv-accent: #f4b400;
  --cv-accent-ink: #1c2331;
  --cv-sidebar-bg: #171f2e;
  --cv-sidebar-bg-2: #1f293c;
  --cv-sidebar-text: #eef1f6;
  --cv-sidebar-muted: #aab2c5;
  --cv-grad-start: #f5b400;
  --cv-grad-end: #373E4E;
}
[data-scheme="ocean-slate"] {
  --cv-accent: #2f9bd6;
  --cv-accent-ink: #0c2233;
  --cv-sidebar-bg: #0f2436;
  --cv-sidebar-bg-2: #163247;
  --cv-sidebar-text: #eaf3fa;
  --cv-sidebar-muted: #9db6c8;
  --cv-grad-start: #2f9bd6;
  --cv-grad-end: #373E4E;
}
[data-scheme="emerald-ink"] {
  --cv-accent: #2ea86f;
  --cv-accent-ink: #0d2318;
  --cv-sidebar-bg: #10241c;
  --cv-sidebar-bg-2: #16342a;
  --cv-sidebar-text: #eaf6ef;
  --cv-sidebar-muted: #9dc2ac;
  --cv-grad-start: #2ea86f;
  --cv-grad-end: #373E4E;
}
[data-scheme="rose-graphite"] {
  --cv-accent: #e0637d;
  --cv-accent-ink: #2a1620;
  --cv-sidebar-bg: #241b22;
  --cv-sidebar-bg-2: #2f232c;
  --cv-sidebar-text: #f7eef1;
  --cv-sidebar-muted: #c9a9b3;
  --cv-grad-start: #e0637d;
  --cv-grad-end: #373E4E;
}

[data-theme="theme01"] .cv-sheet {
  background: #fff;
  border-radius: 34px;
  box-shadow: 0 30px 70px rgba(20, 25, 40, .16);
  overflow: hidden;
}
@media (max-width: 860px) {
  [data-theme="theme01"] .cv-sheet { border-radius: 24px; }
}

/* ---------------- Sidebar ---------------- */
[data-theme="theme01"] .cv-sidebar {
  background: var(--cv-sidebar-bg);
  color: var(--cv-sidebar-text);
  min-height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
[data-theme="theme01"] .cv-sidebar-top {
  background: var(--cv-accent);
  padding: 2.6rem 1.75rem 10px;
  text-align: center;
  position: relative;
}
[data-theme="theme01"] .cv-photo-wrap {
  position: relative;
  width: 148px;
  height: 148px;
  margin: 0 auto -74px;
  z-index: 2;
}
[data-theme="theme01"] .cv-photo {
  width: 148px;
  height: 148px;
  border-radius: 50%;
  object-fit: cover;
  border: 6px solid rgba(255,255,255,.55);
  box-shadow: 0 10px 24px rgba(0,0,0,.25);
  display: block;
}
[data-theme="theme01"] .cv-photo-placeholder {
  background: rgba(255,255,255,.35);
}
[data-theme="theme01"] .cv-sidebar-namebox {
  background: var(--cv-sidebar-bg);
  padding: 84px 1.75rem 0;
  text-align: center;
}
[data-theme="theme01"] .cv-name {
  margin: 0 0 .3rem;
  font-size: 1.5rem;
  font-weight: 800;
  color: var(--cv-accent);
}
[data-theme="theme01"] .cv-title {
  margin: 0;
  font-size: .92rem;
  color: var(--cv-sidebar-muted);
  padding: 0 .5rem;
}

[data-theme="theme01"] .cv-sidebar-body {
  padding: 2.6rem 1.75rem 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.7rem;
  flex: 1;
}
[data-theme="theme01"] .cv-sidebar-heading {
  font-size: 1.05rem;
  letter-spacing: .08em;
  color: var(--cv-accent);
  margin: 0 0 .75rem;
  font-weight: 700;
  padding-bottom: .6rem;
  position: relative;
}
[data-theme="theme01"] .cv-sidebar-heading::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(to right, var(--cv-grad-start) 33px, var(--cv-grad-end) 35px);
  border-radius: 999px;
}
[data-theme="theme01"] .cv-contact-list {
  list-style: none;
  margin: 0; padding: 0;
  display: flex; flex-direction: column; gap: .55rem;
}
[data-theme="theme01"] .cv-contact-list li {
  display: flex; align-items: center; gap: .55rem;
  font-size: .93rem;
  color: var(--cv-sidebar-text);
  word-break: break-word;
  padding-top: .4rem
}
[data-theme="theme01"] .cv-contact-list a { text-decoration: none; }
[data-theme="theme01"] .cv-contact-list a:hover { text-decoration: underline; text-decoration-style: dashed; text-decoration-color: var(--cv-grad-end); text-underline-offset: 4px; }
[data-theme="theme01"] .cv-contact-list .cv-icon { color: var(--cv-accent); flex: none; }

[data-theme="theme01"] .cv-social-row {
  display: flex; flex-wrap: wrap; gap: .55rem;
}
[data-theme="theme01"] .cv-social-icon {
  width: 34px; height: 34px;
  border-radius: 50%;
  background: var(--cv-sidebar-bg-2);
  display: flex; align-items: center; justify-content: center;
  color: var(--cv-accent);
  text-decoration: none;
  border: 1px solid rgba(255,255,255,.08);
}
[data-theme="theme01"] .cv-social-icon:hover { background: var(--cv-accent); color: var(--cv-accent-ink); }

[data-theme="theme01"] .cv-tag-cloud ul {
  list-style: none; margin: 0; padding: 0;
  display: flex; flex-wrap: wrap; gap: .4rem;
}
[data-theme="theme01"] .cv-tag-cloud li {
  font-size: .74rem;
  background: var(--cv-sidebar-bg-2);
  color: var(--cv-sidebar-text);
  padding: .3rem .65rem;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.08);
}
[data-theme="theme01"] .cv-tag-cloud-alt li {
  background: transparent;
  border: 1px solid var(--cv-accent);
  color: var(--cv-accent);
}

/* ---------------- Content column ---------------- */
[data-theme="theme01"] .cv-content {
  padding: 2.4rem 2.4rem 3rem;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  background: #fff;
}
[data-theme="theme01"] .cv-card-hero .cv-card-body { color: #3a4257; line-height: 1.6; }

[data-theme="theme01"] .cv-card-title {
  display: flex; align-items: center; justify-content: space-between; gap: .6rem;
  font-size: 1.05rem;
  margin: 0 0 1rem;
  color: #1c2331;
  padding-bottom: .6rem;
  border-bottom: none;
  position: relative;
}
[data-theme="theme01"] .cv-card-title::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(to right, var(--cv-grad-start) 33px, #f1f2f6 35px);
  border-radius: 999px;
}
[data-theme="theme01"] .cv-card-title-left { display: flex; align-items: center; gap: .6rem; min-width: 0; }
[data-theme="theme01"] .cv-card-title .cv-icon {
  background: var(--cv-accent);
  color: #fff;
  border-radius: 50%;
  padding: .32rem;
  width: 1.7em; height: 1.7em;
  flex: none;
}
[data-theme="theme01"] .cv-card-title .cv-show-details-btn { flex: none; }
[data-theme="theme01"] .cv-card-intro { color: #3a4257; margin-bottom: .8rem; line-height: 1.6; }

[data-theme="theme01"] .cv-entry {
  font-size: .93rem;
  color: #4b5468;
  line-height: 1.55;
}
[data-theme="theme01"] .cv-entry-title { color: #1c2331; font-weight: 700; font-size: 1rem; }
[data-theme="theme01"] .cv-entry-subtitle { color: #2b3346; }
[data-theme="theme01"] .cv-entry-meta,
[data-theme="theme01"] .cv-entry-period { color: #6b7488; }

/* Skill progress bars (Technical Skills style items rendered as plain
   text keep their default look; the Areas of Expertise tag-cloud above
   is what visually plays the "skills" role from the reference design). */