/* Aramada yolcu sayısı seçimi (assets/js/passenger-count.js).
   Alan yalnız manager ayarı açıkken eklenir; kapalıyken arama kartı birebir aynı kalır. */

.passenger-field { gap: 4px; }
/* İkon yok: − sayı + ; sütun dar olduğu için yan boşluk küçük. */
.console-home-wrap .reservation-field.passenger-field { padding: 0 7px; justify-content: space-between; }

.passenger-count-input {
  flex: 1 1 0;
  width: 0;
  min-width: 22px;
  height: 100%;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  text-align: center;
  font-size: .92rem;
  font-weight: 700;
  color: #1e293b;
}

.passenger-step {
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 9px;
  background: #f3f5f8;
  color: #f05d19;
  font-size: 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background .15s ease;
}
.passenger-step:hover:not(:disabled) { background: #fff1e8; }
.passenger-step:disabled { color: #c3cad4; background: #f6f7f9; cursor: not-allowed; }

@media (max-width: 575px) {
  .console-home-wrap .reservation-main-row.has-passenger-slot .reservation-slot-passenger {
    width: 100% !important; flex: 0 0 100% !important; max-width: 100% !important; padding-right: 0 !important;
  }
}
/* Geniş ekran: grid'e dar bir sütun eklenir. */
@media (min-width: 1200px) {
  .console-home-wrap .reservation-main-row.has-passenger-slot {
    grid-template-columns: minmax(120px,1.5fr) minmax(120px,1.5fr) minmax(112px,1fr) minmax(112px,.8fr) 118px auto;
  }
}
/* Tablet: yolcu ile "Ara" aynı satırda yarım genişlik. */
@media (min-width: 576px) and (max-width: 1199px) {
  .console-home-wrap .reservation-main-row.has-passenger-slot .reservation-slot-search {
    width: 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
    margin-top: 0 !important;
  }
  .console-home-wrap .reservation-main-row.has-passenger-slot .reservation-slot-passenger {
    width: 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
    padding-right: 8px !important;
  }
}
