/* Bilet bloke talebi formu (/tr/bilet-bloke · /en/ticket-block) — 15.09.2026.
   Temel form .il-* (iletisim.css) ve .ia-* (iade.css) sınıflarından gelir;
   burada yalnız kart satırları ve bilgi düğmeleri var, hepsi .bb- önekli. */

.bb-kartlar { grid-column: 1 / -1; display: flex; flex-direction: column; gap: 10px; outline: none; }

.bb-bilgi-satiri { display: flex; flex-wrap: wrap; gap: 8px; }
.bb-bilgi-dugme {
  display: inline-flex; align-items: center; gap: 8px;
  border: 1.5px solid #cbd5e1; border-radius: 999px; background: #fff;
  padding: 5px 12px 5px 6px; cursor: pointer;
  font-size: 12.5px; font-weight: 700; color: var(--u-black);
}
.bb-bilgi-dugme .ia-bilgi-dugme { pointer-events: none; }
.bb-bilgi-dugme[aria-expanded='true'] { border-color: var(--u-fuchsia); }
.bb-bilgi-dugme[aria-expanded='true'] .ia-bilgi-dugme { background: var(--u-fuchsia); color: #fff; }

.bb-kart-listesi { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.bb-kart {
  border: 1.5px solid #d1d5db; border-radius: 14px; background: #fafbfc;
  padding: 12px 14px 14px; display: flex; flex-direction: column; gap: 8px;
}
.bb-kart-baslik {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
  font-family: 'Mark Pro'; font-weight: 900; font-style: italic;
  font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--u-fuchsia);
}
.bb-kart-sil {
  width: 28px; height: 28px; border-radius: 999px; border: 0; cursor: pointer; padding: 0;
  background: #e2e8f0; color: var(--u-black); font-size: 18px; line-height: 1;
}
.bb-kart-sil:hover { background: var(--u-fuchsia); color: #fff; }
.bb-numara-etiketi { font-size: 12.5px; color: var(--u-muted); line-height: 1.4; }

.bb-kart-alanlar { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 14px; }
.bb-kart-alanlar .il-field.wide { grid-column: 1 / -1; }
.bb-kart .il-field input { background: #fff; }

.bb-kart-ekle { align-self: flex-start; padding: 10px 16px; }

@media (max-width: 560px) {
  .bb-kart-alanlar { grid-template-columns: 1fr; }
}