/* core/accordion.css — Accordion (ohne Inline-JS), passend zu legal.css */

:root{
  --accordion-accent: var(--green, #006400);
  --accordion-radius: 12px;
  --accordion-pad: 10px 12px;
  --accordion-gap: 10px;
  --accordion-bar-h: 2px;
}

/* Wrapper */
.accordion{
  display: flex;
  flex-direction: column;
  gap: var(--accordion-gap);
  margin-top: 6px;
}

/* Item separator */
.accordion-item + .accordion-item{
  border-top: 1px solid var(--border, rgba(0,0,0,.12));
  padding-top: 10px;
}

/* Heading wrapper (reset default) */
.accordion-heading{
  margin: 0;
}

/* Trigger */
.accordion-trigger{
  width: 100%;
  border: 1px solid var(--border, rgba(0,0,0,.12));
  background: var(--surface, #f6f7f8);
  cursor: pointer;
  padding: var(--accordion-pad);
  border-radius: var(--accordion-radius);
  color: var(--accordion-accent);
  text-align: left;
  font: inherit;

  display: flex;
  flex-direction: column;
  gap: 10px;
}

.accordion-trigger-row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-weight: 800;
}

.accordion-trigger:hover{
  filter: brightness(1.03);
}

.accordion-trigger:focus-visible{
  outline: 3px solid rgba(0,121,107,.55);
  outline-offset: 3px;
}

/* Chevron */
.accordion-chevron{
  width: 10px;
  height: 10px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  transition: transform 160ms ease;
  flex: 0 0 auto;
  margin-left: 12px;
}

.accordion-trigger[aria-expanded="true"] .accordion-chevron{
  transform: rotate(-135deg);
}

/* Bar */
.accordion-bar{
  height: var(--accordion-bar-h);
  width: 100%;
  background: currentColor;
  border-radius: 999px;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 240ms ease;
  opacity: .9;
}

.accordion-trigger:hover .accordion-bar,
.accordion-trigger[aria-expanded="true"] .accordion-bar{
  transform: scaleX(1);
}

/* Panel */
.accordion-panel{
  padding: 10px 12px 6px;
  border-left: 2px solid rgba(0,100,0,.18);
  margin-left: 8px;
}

.accordion-panel[hidden]{
  display: none;
}