/* Filo Operasyon Merkezi concept demo (cozumler/filo-operasyon.html) — scoped to
   main.case-filo-operasyon. Shared demo-page rules live in case.css (loaded
   first); this file only holds this demo's own art direction. */

/* ---------- Hero: hypothetical company label + "Konsept demo" chip ----------
   Phones/tablets: one row above the headline. Desktop: the chip sits under the
   label in the label column. */
.case-filo-operasyon .filo-hero-label {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 16px;
}
@media (min-width: 900px) {
  .case-filo-operasyon .filo-hero-label { flex-direction: column; align-items: flex-start; gap: 16px; }
}
/* Honesty note between the intro and the meta row. */
.case-filo-operasyon .case-hero .demo-note { margin-top: clamp(24px, 2.6vw, 36px); }

/* wide.svg window geometry (see case.css → .case-wide). */
.case-filo-operasyon .case-wide { --win-x: 88; --win-y: 70; }

/* ---------- Yaklaşım: plan strip ----------
   Lives in its own .split__body so it sits on the same 4-column rhythm as the
   hero meta and the "Neyi ölçeriz" band (3 of 4 columns on desktop), one step
   smaller than the band values so the band stays the climax. */
.case-filo-operasyon .filo-plan { margin-top: clamp(12px, 2.4vw, 40px); }
.case-filo-operasyon .filo-plan .stat__value { white-space: nowrap; font-size: clamp(2.25rem, 1.4rem + 2.4vw, 3.75rem); }
@media (min-width: 600px) and (max-width: 899px) {
  .case-filo-operasyon .filo-plan { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
/* Phones: three tidy index rows (value | label) instead of cramped columns. */
@media (max-width: 599px) {
  .case-filo-operasyon .filo-plan { grid-template-columns: 1fr; row-gap: 0; border-bottom: 1px solid var(--line); }
  .case-filo-operasyon .filo-plan .stat { grid-template-columns: 4.5rem minmax(0, 1fr); align-items: baseline; column-gap: 12px; padding-block: 16px 18px; }
  .case-filo-operasyon .filo-plan .stat__value { font-size: 2.25rem; }
  .case-filo-operasyon .filo-plan .stat__label { max-width: none; }
}

/* ---------- Teknoloji ve önerilen ekip ----------
   case.css justifies the credits title (name left, count right); a two-word
   name ("Önerilen ekip") was spread across the column. Keep it one unit. */
.case-filo-operasyon .case-credits__name { display: inline-block; }