@media(max-width: 991px){
.results-page .search{flex: auto !important; width: 100%}
}
.results-page select{
background: transparent;
border: 0;
    appearance: auto;
}
.results-page .table-responsive{border: 0 !important; font-family: "Barlow Condensed"; }
.results-page table{min-width: 1024px;}
.results-page table td,.results-page table th{padding: 8px;}
.results-page table td:first-child,.results-page table th:first-child{padding-left: 16px}
.results-page table td:last-child,.results-page table th:last-child{padding-right: 16px}

/*.select-field { display: flex; align-items: center; gap: 8px; font-size: 18px !important; font-family: "Barlow Condensed";}
.select-field-label { font-size: 18px; font-family: "Barlow Condensed"; color: #a8a8a8 font-weight: normal; }
.select-field select { border: 1px solid #ccc; padding: 0; border-radius: 8px; font-family: "Barlow Condensed"; }*/

.global-filter { position: relative; display: flex; }
.global-filter i { position: absolute; left: 0; top: 50%; transform: translate(0, -50%); color: #a8a8a8; }
.global-filter input { border: 0; border-bottom: 2px solid #ccc; padding: 12px; padding-left: 32px; }

.user-avatar { min-width: 100px; border-radius: 0; border: 2px solid #ececec; object-fit: cover; }

.record-name { font-weight: 500; font-size: 18px; text-transform: uppercase; }
.record-club { font-size: 14px; color: #a8a8a8; margin-top: 6px; text-transform: uppercase;}
.record-link { color: #000000; text-decoration: none; font-weight: 500; font-size: 18px; text-transform: uppercase;}
.record-link:hover { text-decoration: none; color: #ff7c0a;}

.competition-name { font-weight: bold; font-size: 18px; font-weight: 500; text-transform: uppercase;}
.competition-location { font-size: 14px; color: #a8a8a8; margin-top: 6px; text-transform: uppercase;}

td.record-value { font-weight: bold; font-size: 24px; background: #ff7c0a; text-align: center; color:white}

.filters-container { display: flex; gap: 16px; flex-wrap: wrap; }

.title-section { border-left: 6px solid #ff7c0a; margin-top: 32px; font-size: 22px; font-weight: bold; padding-left: 12px; color: #ff7c0a; padding-top: 8px; padding-bottom: 8px;}

.table-header { border: 0; color: #a0a0a0; font-weight: 400; padding-top: 8px; padding-bottom: 8px; font-size: 18px;}
.table-header div { display: flex; align-items: center; gap: 6px; }

.table-body { border: 1px solid #ececec; }

.group-row { background-color: #ececec; border: 0; font-weight: 400; font-family: "Barlow Condensed"; font-size: 20px; }

.expanded-content { padding: 16px; background: #f9f9f9; display: flex; flex-direction: row; gap: 16px; align-items: center; flex-wrap: wrap; font-family: "Barlow Condensed";}
.sporcu-item { display: flex; align-items: center; gap: 6px; border: 0; padding: 0; flex-direction: column; font-family: "Barlow Condensed";}

.sporcu-item .record-link{
  font-size: 14px;
  white-space: nowrap;
}

/* 1) Tablonun kaydırılmasına izin ver */
.results-page .table-responsive{
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
}

/* 2) Küçük ekranda minimum genişliği düşür veya kaldır */
@media (max-width: 768px){
  .results-page table{
    min-width: unset;       /* istersen tamamen kaldır: min-width: unset; */
  }
}

/* 3) Mobilde biraz tipografi ve görsel boyutlarını küçült */
@media (max-width: 480px){
  .user-avatar{ width:72px; height:72px; min-width:72px; }
  .record-name, .record-link { font-size:16px; }
  .record-club{ font-size:13px; }
  td.record-value{ font-size:18px; padding:8px 10px; }
}

/* Filtre satırı genel yapı */
.results-page .filters-container {
  display: flex;
  align-items: flex-end;
  gap: 12px;              /* araları biraz aç */
  flex-wrap: wrap;        /* dar ekranda alta geçebilsinler */
  font-family: "Barlow Condensed";
}

/* Her select alanı */
.results-page .select-field {
  display: flex;
  flex-direction: column;
  font-size: 18px;
  min-width: 130px;       /* hepsi çok dar olmasın */
}

/* Etiket (Etkinlik, Kategori vb.) */
.results-page .select-field-label {
  margin-bottom: 4px;
  font-weight: 400;
}

/* Asıl select kutusu */
.results-page .select-field-select {
  height: 36px;           /* boyunu büyüt */
  padding: 4px 10px;
  font-size: 18px;        /* yazıyı biraz büyüt */
  border-radius: 18px;    /* yuvarlak hat istersen */
  border: 1px solid #ccc;
  background-color: #fff;
}

/* Hover/focus için küçük bir vurgu */
.results-page .select-field-select:focus {
  outline: none;
  border-color: #ff6600;  /* tema turuncusuna çekebilirsin */
}