/* Vertical gap between items in a group */
.fi-sidebar-group-items {
  gap: 0.1rem !important;
}

/* Vertical gap between different groups */
.fi-sidebar-group {
  padding: 0.2rem !important;
}

.fi-sidebar-item {
  padding: 0.1rem !important;
}

/* Adjusting the inner padding of the links to reduce height */
.fi-sidebar-item-button {
  padding-top: 0.35rem !important;
  padding-bottom: 0.35rem !important;
}

.fi-sidebar-item-label {
  font-size: 0.85rem !important;
  line-height: 1.25rem !important;
}

/* Adjust icon size slightly if using FontAwesome to prevent height bloat */
.fi-sidebar-item-icon {
  width: 1.25rem !important;
  height: 1.25rem !important;
}

.fi-sidebar-nav-groups {
  row-gap: 0rem !important;
}

.fi-sidebar-nav {
  padding-bottom: 0.75rem !important;
  padding-top: 0.75rem !important;
}

/* 1. Target the 'ul' container to reduce the flex gap between 'li' items */
.fi-sidebar-nav-groups ul {
  gap: 0.2rem !important; /* Adjust this value (e.g., 0px to 1rem) */
}

/* 2. Target the 'li' items directly if you need specific margins */
.fi-sidebar-nav-groups ul li {
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}

/* Target the sidebar navigation scrollbar */
.fi-sidebar-nav::-webkit-scrollbar {
  width: 5px;
}

.fi-sidebar-nav::-webkit-scrollbar-track {
  background: transparent;
}

/* Use the Filament primary color variable */
.fi-sidebar-nav::-webkit-scrollbar-thumb {
  background-color: rgb(var(--primary-600)); /* Filament primary shade */
  border-radius: 10px;
}

.fi-sidebar-nav::-webkit-scrollbar-thumb:hover {
  background-color: rgb(var(--primary-500)); /* Slightly lighter on hover */
}

/* Firefox Support */
.fi-sidebar-nav {
  scrollbar-width: thin;
  /* First color is thumb, second is track */
  scrollbar-color: rgb(var(--primary-600)) transparent;
}

.fi-icon-btn-icon {
  color: rgb(var(--primary-600)) !important;
}

.fi-sidebar-item-icon:hover {
  color: rgb(var(--primary-600)) !important;
}

/* Curator Image  */
.curator-grid-container {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 10px;
}

.curator-picker-grid {
  display: grid !important;
  grid-template-columns: repeat(6, 1fr) !important;
  gap: 10px;
}

.filepond--list {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}

.filepond--list-scroller {
  position: static !important;
}
/*
.filepond--item {
    position: static !important;
    transform: none !important;
    width: 100% !important;
}

.filepond--panel-root {
    display: none;
} */

.curator-picker-grid li button img {
  object-fit: contain !important;
}

div.relative.block img {
  min-height: 50px !important;
  max-height: 300px !important;
  object-fit: contain !important;
}

.curator-media-picker .fi-icon-btn-icon {
  color: white !important;
  background-color: rgb(var(--primary-600)) !important;
  padding: 2px !important;
  border-radius: 10px !important;
  width: 2rem !important;
  height: 2rem !important;
}

.nested-wrapper {
  max-height: 600px;
  overflow-y: auto;
  padding: 10px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #f9fafb;
  scroll-behavior: smooth;
}