/* Medikal Tedarik Portalı concept demo (cozumler/medikal-tedarik.html) — scoped to main.case-medikal-tedarik.
   Shared demo-page rules live in case.css (loaded first); this file only holds
   this demo's own art direction. */

/* wide.svg window geometry (see case.css → .case-wide). */
.case-medikal-tedarik .case-wide { --win-x: 96; --win-y: 60; }

/* ---------- Hero: hypothetical company label + "Konsept demo" chip ----------
   Side by side above the headline on phones; stacked in the label column
   from 900px, where the split puts the label beside the headline. */
.case-medikal-tedarik .case-hero__label {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 16px;
}
@media (min-width: 900px) {
  .case-medikal-tedarik .case-hero__label { flex-direction: column; align-items: flex-start; gap: 16px; }
}
.case-medikal-tedarik .case-hero__note { margin-top: clamp(24px, 2.6vw, 36px); }

/* ---------- "Demodaki akış": three steps as editorial index rows ----------
   Static rows (no link): number + step title, description underneath on
   small screens; on desktop the description moves to the right half of the
   body column, so it lines up with the case-meta, feature and stat columns
   (all of which split the body at 50%), baseline-aligned with the title. */
.case-medikal-tedarik .case-flow .index-list__link {
  grid-template-columns: auto minmax(0, 1fr);
  row-gap: 10px;
}
.case-medikal-tedarik .case-flow .index-list__meta {
  grid-column: 2;
  margin-top: 0;
  max-width: 44ch;
}
@media (min-width: 900px) {
  .case-medikal-tedarik .case-flow .index-list__link {
    grid-template-columns: auto minmax(0, 1fr) calc((100% - var(--col-gap)) / 2);
    column-gap: var(--col-gap);
    padding-block: clamp(24px, 2.6vw, 40px);
  }
  .case-medikal-tedarik .case-flow .index-list__meta { grid-column: 3; max-width: 46ch; }
  /* Label sits on the first row's baseline band, like the other section labels. */
  .case-medikal-tedarik .case-flow .split__label {
    padding-top: calc(clamp(24px, 2.6vw, 40px) + 0.86 * var(--fs-h2) - 15px);
  }
}

/* ---------- Credits: "Önerilen ekip" ----------
   The column title is justified (case.css) to push the team count right; a
   two-word name would be spread apart, so keep the name atomic. */
.case-medikal-tedarik .case-credits__name { display: inline-block; }