/* Makine Parkı sayfası (/makine-parki) — yalnız token; main.css bileşenlerine ek küçük yerleşim kuralları. */

/* Tezgâh ızgarasının son hücresi (teklif kutusu): son sırada boş hücre kalmasın diye kalan sütunları kaplar.
   --t* / --d* sınıfları PHP'den gelir (süzgeçsiz durum). Süzgeç uygulanınca "son görünen kart kaçıncı?" kuralları
   (nth-child(… of …) ~ hücre) yeniden hesaplar; desteklemeyen tarayıcıda bu kurallar yok sayılır. */
.mach-cell { display: grid; min-width: 0; }

@media (min-width: 600px) and (max-width: 1023.98px) {
  .mach-cell--t2 { grid-column: 1 / -1; }
  .machine-card:nth-child(odd of .machine-card:not([hidden])):nth-last-child(1 of .machine-card:not([hidden])) ~ .mach-cell { grid-column: auto; }
  .machine-card:nth-child(even of .machine-card:not([hidden])):nth-last-child(1 of .machine-card:not([hidden])) ~ .mach-cell { grid-column: 1 / -1; }
}

@media (min-width: 1024px) {
  .mach-cell--d2 { grid-column: span 2; }
  .mach-cell--d3 { grid-column: 1 / -1; }
  .machine-card:nth-child(3n+2 of .machine-card:not([hidden])):nth-last-child(1 of .machine-card:not([hidden])) ~ .mach-cell { grid-column: auto; }
  .machine-card:nth-child(3n+1 of .machine-card:not([hidden])):nth-last-child(1 of .machine-card:not([hidden])) ~ .mach-cell { grid-column: span 2; }
  .machine-card:nth-child(3n of .machine-card:not([hidden])):nth-last-child(1 of .machine-card:not([hidden])) ~ .mach-cell { grid-column: 1 / -1; }
}

/* Özet tablo. Mobilde 3 sütun (tezgâh · marka · adet) yatay kaydırmasız sığar: marka / model bölünmez, yazı arayüz
   darlığındadır; "öne çıkan özellik" sütunu ≥ 640 px'te eklenir (aynı bilgi kartlarda zaten var).
   İlk sütun anahtar / değer tablosundaki kadar geniş tutulmaz. */
.mach-table th,
.mach-table td { padding-inline: .625rem; }
.mach-table th:first-child { padding-left: .875rem; }
.mach-table tbody th { width: auto; color: var(--text); }
.mach-table tbody th,
.mach-table td { font-stretch: var(--w-ui); }
.mach-table td:nth-child(2) { width: 1%; white-space: nowrap; }
.mach-table th:nth-child(3),
.mach-table td:nth-child(3) { width: 3.5rem; text-align: right; }
.mach-table th:nth-child(4),
.mach-table td:nth-child(4) { display: none; }

@media (min-width: 640px) {
  .mach-table table { min-width: 36rem; }
  .mach-table th,
  .mach-table td,
  .mach-table th:first-child { padding-inline: var(--s-4); }
  .mach-table tbody th { width: 30%; }
  .mach-table tbody th,
  .mach-table td { font-stretch: inherit; }
  .mach-table th:nth-child(2),
  .mach-table td:nth-child(2) { width: 27%; }
  .mach-table th:nth-child(3),
  .mach-table td:nth-child(3) { width: 11%; text-align: left; }
  .mach-table th:nth-child(4),
  .mach-table td:nth-child(4) { display: table-cell; }
}