/**
 * Corpus Filter Selector Popup Styles
 *
 * Popup/dropdown wrapper for the corpus filter selector component
 */

/* Backdrop overlay */
.corpus-filter-popup__backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 9998;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.corpus-filter-popup__backdrop--visible {
  /* opacity: 1; 
  MMC: we don't want it to look like a modal. 
  Filters are usually just a pop-up without overlays*/
}

/* Popup container */
.corpus-filter-popup {
  position: fixed;
  z-index: 9999;
  background: var(--surface-default);
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15), 0 2px 8px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  opacity: 0;
  transform: translateY(-8px);
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.corpus-filter-popup--visible {
  opacity: 1;
  transform: translateY(0);
}

/* Adjust the selector component inside popup */
.corpus-filter-popup .corpus-filter-selector {
  border-radius: 0;
  max-height: none;
  height: auto;
}

/* Ensure proper sizing */
.corpus-filter-popup .corpus-filter-selector__main {
  max-height: calc(600px - 120px); /* Account for header and footer */
}

.corpus-filter-popup .corpus-filter-selector__options,
.corpus-filter-popup .corpus-filter-selector__summary {
  max-height: calc(600px - 120px);
}