MediaWiki:CustomFiltered.css

.filtered {
  display: flex;
  flex-wrap: nowrap; /* Make sure they stay in one row */
}

.filtered-filters {
  flex: 0 0 25%; /* Don't grow or shrink, fixed at 25% width */
  border: 1px solid #e6e6e6 !important;
  max-width: 25%;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 1rem; /* Optional: spacing inside the filters panel */
}

.motif-filter .filtered-filters {
	  top: 5rem !important; 
} 

@media (min-width:  1071px) {
	.filtered-filters {
      position: sticky !important;
	}
}

.filtered-views {
  flex: 1 1 75%; /* Grow to take remaining space */
  max-width: 75%;
  box-sizing: border-box;
  border: 1px solid #e6e6e6 !important;
  border-radius: 5px;
  padding: 1rem; /* Optional: spacing inside the views panel */
}

.filtered-table table thead th {
	position: sticky !important;
}

/* Optional: make it responsive */
@media (max-width: 1070px) {
  .filtered {
    flex-direction: column; /* Stack vertically on smaller screens */
  }

  .filtered-filters,
  .filtered-views {
    max-width: 100%;
    flex: 0 0 100%;
  }
}

.filtered-filters .filtered-value .filtered-value-option {
	width: unset !important;
}