/* Base wrapper */
.wpb-toggle {
  margin: 1rem 0;
}

/* Button */
.wpb-toggle__btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  width: 100%;
  padding: .75rem 1rem;
  border: none;
  cursor: pointer;
  font-weight: 600;
  transition: transform .2s ease;
}

/* Sizes */
.wpb-toggle-btn--sm .wpb-toggle__btn { font-size: .9rem; padding: .5rem .75rem; }
.wpb-toggle-btn--md .wpb-toggle__btn { font-size: 1rem; }
.wpb-toggle-btn--lg .wpb-toggle__btn { font-size: 1.15rem; padding: 1rem 1.25rem; }

/* Focus styles for accessibility */
.wpb-toggle__btn:focus {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

/* Icon */
.wpb-toggle__icon::before {
  content: "+";
  display: inline-block;
  font-weight: 700;
  line-height: 1;
  transform-origin: center;
  transition: transform .2s ease, opacity .2s ease;
}
.wpb-toggle.is-open .wpb-toggle__icon::before {
  content: "–";
}

/* Collapsible content */
.wpb-toggle__content {
  overflow: hidden;
  transition: max-height .3s ease;
}

/* Respect prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
  .wpb-toggle__content { transition: none; }
  .wpb-toggle__btn { transition: none; }
}