/* ===========================
   DROPDOWN MODALIDAD (FederationsBar)
   Igual que el season-dd del topbar: pill oscuro, texto blanco.
   Mantiene el ancho que ya pones inline (no tocamos width).
   =========================== */

/* Contenedor del dropdown dentro de la barra de federaciones */
.feds-bar .modality-dd{
  position: relative;
  overflow: visible !important; /* que el menú pueda salir por fuera */
}

/* ---- Control (react-select v1: .Select- ; v2: .Select__) ---- */
.feds-bar .modality-dd .Select-control,
.feds-bar .modality-dd .Select__control{
  background:#1a2023 !important;
  border:1px solid rgba(255,255,255,0.09) !important;
  border-radius:999px !important;             /* forma pill */
  height:var(--season-h,34px);
  min-height:var(--season-h,34px);
  box-shadow:none !important;
  color:#fff !important;
  transition:background .2s ease, border-color .2s ease, box-shadow .2s ease;
}

/* Hover */
.feds-bar .modality-dd .Select-control:hover,
.feds-bar .modality-dd .Select__control:hover{
  background:#20272b !important;
  border-color:rgba(255,255,255,0.14) !important;
}

/* Focus / Open / Has-value: mantener pill oscuro y halo verde */
.feds-bar .modality-dd .Select.is-focused > .Select-control,
.feds-bar .modality-dd .Select.is-open > .Select-control,
.feds-bar .modality-dd .Select.has-value > .Select-control,
.feds-bar .modality-dd .Select__control--is-focused{
  background:#1a2023 !important;
  border-color:#00e765 !important;
  box-shadow:0 0 0 2px rgba(0,231,101,0.25) !important;
  border-bottom-left-radius:999px !important;
  border-bottom-right-radius:999px !important;
}

/* Valor / placeholder — siempre blanco (v1 y v2) */
.feds-bar .modality-dd .Select--single > .Select-control .Select-value,
.feds-bar .modality-dd .Select--single > .Select-control .Select-value .Select-value-label,
.feds-bar .modality-dd .Select-placeholder,
.feds-bar .modality-dd .Select__single-value,
.feds-bar .modality-dd .Select__placeholder{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  opacity:1 !important;
  font-size:12px;
  letter-spacing:.2px;
  line-height:calc(var(--season-h,34px) - 2px);
  padding-left:6px;
}

/* Evitar herencias raras */
.feds-bar .modality-dd .Select-control *{ color:inherit; }
.feds-bar .modality-dd .Select__control *{ color:inherit; }

/* Input interno (si aparece) */
.feds-bar .modality-dd .Select-input{ height:calc(var(--season-h,34px) - 2px); }
.feds-bar .modality-dd .Select-input > input{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

/* Indicador/caret blanco (v1 y v2) */
.feds-bar .modality-dd .Select-arrow{
  border-color:#fff transparent transparent !important;
}
.feds-bar .modality-dd .Select__indicator{
  color:#fff !important;
  opacity:0.9;
}
.feds-bar .modality-dd .Select__indicator-separator{ display:none; }

/* ---- Menú desplegable oscuro ---- */
.feds-bar .modality-dd .Select-menu-outer,
.feds-bar .modality-dd .Select__menu{
  background:#0f1315 !important;
  border:1px solid rgba(255,255,255,0.08) !important;
  border-radius:12px !important;
  margin-top:6px !important;
  box-shadow:0 10px 24px rgba(0,0,0,0.35) !important;
  z-index:99999 !important;
  overflow:hidden;
}

/* Opciones (v1 y v2) */
.feds-bar .modality-dd .Select-option,
.feds-bar .modality-dd .Select__option{
  color:#fff !important;
  padding:8px 12px;
  font-size:12px;
  background:transparent;
}
.feds-bar .modality-dd .Select-option.is-focused,
.feds-bar .modality-dd .Select__option--is-focused{
  background:#20272b !important;
  color:#fff !important;
}
.feds-bar .modality-dd .Select-option.is-selected,
.feds-bar .modality-dd .Select__option--is-selected{
  background:#0b7c3c !important;
  color:#fff !important;
}

/* Sin botón de limpiar */
.feds-bar .modality-dd .Select-clear-zone{ display:none !important; }

/* ===========================
   OVERRIDES por ID (#modalidad-select)
   Garantiza texto blanco si alguna regla global pisa el color.
   =========================== */

#modalidad-select .Select-value,
#modalidad-select .Select-value-label,
#modalidad-select .Select-placeholder,
#modalidad-select .VirtualizedSelectOption,
#modalidad-select .VirtualizedSelectFocusedOption,
#modalidad-select .Select__single-value,
#modalidad-select .Select__placeholder,
#modalidad-select .Select__option{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  opacity:1 !important;
}

/* Mantener blanco en focus/open/has-value (v1) */
#modalidad-select.Select.has-value > .Select-control .Select-value,
#modalidad-select.Select.is-focused > .Select-control .Select-value,
#modalidad-select.Select.is-open > .Select-control .Select-value{
  color:#fff !important;
}

/* Menú por ID (por si hay reglas más específicas) */
#modalidad-select .Select-menu-outer,
#modalidad-select .Select-menu{
  background:#0f1315 !important;
  border:1px solid rgba(255,255,255,0.08) !important;
}
#modalidad-select .Select-option.is-focused,
#modalidad-select .VirtualizedSelectFocusedOption{
  background:#20272b !important; color:#fff !important;
}
#modalidad-select .Select-option.is-selected{
  background:#0b7c3c !important; color:#fff !important;
}