/**
 * Akordeon (wpins/accordion). Wygląd <details> reużywa komponentu .wpins-acc__* z motywu
 * (ten sam co page-pills i mobilne zakładki). Tu tylko wrapper + parytet edytora.
 */

.wpins-accordion { margin: 0 0 2rem; }

/* ── Edytor ── */
.wpins-accordion-item-edit {
  border: 1px solid var(--color-wpins-border, #e8e8e8);
  border-left: 3px solid var(--color-wpins-accent, #e52528);
  padding: 0.75rem 1rem;
  margin: 0 0 0.75rem;
}
.wpins-accordion-item-edit__head { margin-bottom: 0.5rem; }
.wpins-accordion-item-edit__label {
  display: block;
  margin-bottom: 0.2rem;
  font-family: var(--font-wpins-ui, sans-serif);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--color-wpins-text-muted, #4d4d4d);
}
/* Pole tytułu (RichText) — wygląda jak input; obsługuje pogrubienie/kursywę/inline-badge. */
.wpins-accordion-item-edit__title {
  padding: 0.4rem 0.6rem;
  border: 1px solid var(--color-wpins-border, #e8e8e8);
  font-family: var(--font-wpins-heading, sans-serif);
  font-weight: 800;
  font-size: 1rem;
  line-height: 1.3;
}
.wpins-accordion-item-edit__title:focus { outline: 2px solid var(--color-wpins-accent, #e52528); outline-offset: 1px; }