/* Accordion Component Styles */
/* Wrapper around Dash Mantine Components Accordion */

.custom-accordion {
  /* Base styles can be added here if needed */
}

/* Default Tailwind-style classes for AccordionControl */
.custom-accordion .mantine-Accordion-control {
  display: flex !important;
  flex: 1 !important;
  align-items: center !important;
  justify-content: space-between !important;
  font-weight: 500 !important;
  transition: all 150ms ease-in-out !important;
  cursor: pointer !important;
  background-color: transparent !important;
  border: none !important;
  outline: none !important;
  width: 100% !important;
  text-align: left !important;
}

.custom-accordion .mantine-Accordion-control:hover {
  text-decoration: underline !important;
}