/* JavaScript enhances native details; without it the original controls work. */
[data-disclosure] > .disclosure-panel { display: flow-root; }
[data-disclosure][data-animating] > .disclosure-panel { overflow: clip; }
[data-disclosure] > summary {
  display: flex;
  align-items: center;
  gap: .75rem;
  list-style: none;
}
[data-disclosure] > summary::-webkit-details-marker { display: none; }
details[data-disclosure] > summary::after,
details[data-disclosure][open] > summary::after {
  content: '';
  display: block;
  flex: 0 0 .45rem;
  width: .45rem;
  height: .45rem;
  margin-right: .2rem;
  border-right: 2px solid var(--purple-brand);
  border-bottom: 2px solid var(--purple-brand);
  transform: rotate(45deg);
}
details[data-disclosure][data-expanded="true"] > summary::after { transform: rotate(225deg); }
.wishlist-privacy[data-disclosure] > summary::after { margin-left: auto; }
@media (prefers-reduced-motion: no-preference) {
  [data-disclosure] > summary::after { transition: transform .3s cubic-bezier(.22,.68,.25,1); }
}
