/* Additional component styles that complement Tailwind utilities */

/* SlimSelect overrides for dark theme */
.ss-list {
  border-radius: 12px !important;
  border: 1px solid #2a2a2a !important;
  background: #1c1c1c !important;
}
.ss-option {
  background: none !important;
  padding: 8px 12px !important;
  margin: 3px 5px !important;
  border-radius: 8px !important;
  color: #fff !important;
}
.ss-option:hover {
  background: rgba(255,255,255,0.05) !important;
}
.ss-selected {
  background: #4c6ef5 !important;
}
.ss-search input {
  padding: 8px 15px !important;
  border-radius: 8px !important;
  background: #141414 !important;
  border: 1px solid #2a2a2a !important;
  color: #fff !important;
}
.ss-values {
  margin-bottom: 4px !important;
}

/* Swiper custom styles */
.swiper-slide {
  height: auto !important;
}

/* Horizontal scroll hide scrollbar */
.scroll-x::-webkit-scrollbar {
  display: none;
}
.scroll-x {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Material icon alignment fixes */
.material-icons-round {
  line-height: 1;
  vertical-align: middle;
}