.logo-wrap {
  width: 30%;
  text-align: center;
}

/* =========================================================
   TOM SELECT DARK THEME OVERRIDES
   ========================================================= */
.ts-wrapper.single .ts-control,
.ts-wrapper.multi .ts-control,
.ts-wrapper .ts-control,
.ts-control {
  background: rgba(15, 23, 42, 0.8) !important; /* bg-slate-900/80 */
  background-color: rgba(15, 23, 42, 0.8) !important;
  background-image: none !important;
  border: 1px solid rgb(51, 65, 85) !important; /* border-slate-700 */
  border-radius: 0.75rem !important; /* rounded-xl */
  color: #ffffff !important;
  padding: 0.625rem 1rem !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  min-height: 2.625rem !important;
  box-shadow: none !important;
}

/* Caret / arrow */
.ts-wrapper.single .ts-control:after {
  border-color: #94a3b8 transparent transparent transparent !important;
}

.ts-wrapper.single.dropdown-active .ts-control:after {
  border-color: transparent transparent #94a3b8 transparent !important;
}

/* Items and placeholder */
.ts-control > .item,
.ts-wrapper.single .ts-control > .item {
  color: #ffffff !important;
  background: transparent !important;
}

.ts-control input,
.ts-wrapper.single .ts-control input {
  color: #ffffff !important;
  background: transparent !important;
}

.ts-control input::placeholder,
.ts-wrapper.single .ts-control input::placeholder {
  color: #64748b !important;
}

/* Focus and active states */
.ts-wrapper.focus .ts-control,
.ts-wrapper.single.input-active .ts-control,
.ts-wrapper.input-active .ts-control,
.focus .ts-control {
  background: rgba(15, 23, 42, 0.95) !important;
  background-image: none !important;
  border-color: #facc15 !important; /* border-yellow-400 */
  box-shadow: 0 0 0 1px #facc15 !important;
  outline: none !important;
}

/* Dropdown menu */
.ts-dropdown {
  background-color: #0f172a !important; /* bg-slate-900 */
  background: #0f172a !important;
  border: 1px solid rgb(51, 65, 85) !important; /* border-slate-700 */
  border-radius: 0.75rem !important;
  color: #ffffff !important;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.5) !important;
  margin-top: 4px !important;
  overflow: hidden !important;
  z-index: 50 !important;
}

.ts-dropdown .option {
  color: #cbd5e1 !important;
  padding: 0.5rem 1rem !important;
}

.ts-dropdown .option.active,
.ts-dropdown .option:hover {
  background-color: #1e293b !important; /* bg-slate-800 */
  color: #ffffff !important;
}

.ts-dropdown .option.selected {
  background-color: rgba(250, 204, 21, 0.15) !important;
  color: #fde047 !important;
}