.flex:has(> input[placeholder="Cerca giocatore..."] + select) > input[placeholder="Cerca giocatore..."] {
  background-color: #06140b !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(251, 191, 36, 0.35) !important;
  caret-color: #fbbf24 !important;
}

.flex:has(> input[placeholder="Cerca giocatore..."] + select) > input[placeholder="Cerca giocatore..."]::placeholder {
  color: #71937a !important;
  -webkit-text-fill-color: #71937a !important;
  opacity: 1 !important;
}

.flex:has(> input[placeholder="Cerca giocatore..."] + select) > input[placeholder="Cerca giocatore..."]:focus {
  border-color: #fbbf24 !important;
  box-shadow: 0 0 0 3px rgba(251, 191, 36, 0.14) !important;
  outline: none !important;
}

@media (max-width: 639px) {
  .flex:has(> input[placeholder="Cerca giocatore..."] + select) {
    flex-wrap: wrap !important;
  }

  .flex:has(> input[placeholder="Cerca giocatore..."] + select) > input[placeholder="Cerca giocatore..."] {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    flex: 1 1 100% !important;
    border: 1px solid rgba(251, 191, 36, 0.5) !important;
    font-size: 16px !important;
  }

  .flex:has(> input[placeholder="Cerca giocatore..."] + select) > select {
    width: 100% !important;
    min-height: 42px !important;
    flex: 1 1 100% !important;
  }
}