/* ZRM Read More — outline button trigger, expandable content */

.zrm-read-more {
  --brx-icon-transform: rotate(180deg);
  width: 100%;
}

/* Trigger: outline/ghost button style */
.zrm-read-more__trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.625em 1.25em;
  border: 1px solid var(--color-brown--dark, #3A1C0C);
  background: transparent;
  cursor: pointer;
  width: auto;
  min-width: 0;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-family: var(--font-family-body, inherit);
  font-weight: var(--font-weight-semibold, 600);
  font-size: var(--font-size-text-normal, 1rem);
  color: var(--color-brown--dark, #3A1C0C);
  transition: all var(--transition-fast, 150ms ease);
}

/* Chevron via CSS — always visible, rotates when expanded */
.zrm-read-more__trigger::after {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.2s ease;
}

.zrm-read-more .brx-open .zrm-read-more__trigger::after {
  transform: rotate(180deg);
}

.zrm-read-more__trigger:hover {
  opacity: 0.85;
}

/* Trigger text — remove default margins */
.zrm-read-more__trigger .brxe-text-basic,
.zrm-read-more__trigger .brxe-heading {
  margin: 0;
}

/* Hide nestable icon if present — we use CSS ::after for chevron */
.zrm-read-more__trigger .brxe-icon {
  display: none;
}

/* Content panel: hidden by default, shown when .brx-open */
.zrm-read-more .accordion-content-wrapper {
  display: none;
}

.zrm-read-more .brx-open > .accordion-content-wrapper {
  display: block;
}