.accordion-block { width: 100%; overflow: hidden; }

.accordion-block.has-borders { border: 1px solid #e5e7eb; }
.accordion-block.has-borders .accordion-item { border-bottom: 1px solid #e5e7eb; }
.accordion-block.has-borders .accordion-item:last-child { border-bottom: none; }

.accordion-item { overflow: hidden; }

.accordion-header { width: 100%; display: flex; align-items: center; padding: 1rem; background: transparent; border: none; cursor: pointer; text-align: left; font-weight: 500; transition: background-color 0.3s ease; }
.accordion-header:hover { background-color: rgba(0, 0, 0, 0.05); }

.icon-left .accordion-header { flex-direction: row; }
.icon-right .accordion-header { justify-content: space-between; }

.accordion-title { flex: 1; font-size: 1.25rem; }

.accordion-header i { font-size: 1.25rem; transition: transform 0.3s ease; }

.icon-left .accordion-header i { margin-right: 0.75rem; }
.icon-right .accordion-header i { margin-left: 0.75rem; }

.accordion-item.is-active .accordion-header i { transform: rotate(90deg); }

.accordion-item.is-active .accordion-header i.hb-plus { transform: rotate(45deg); }

.accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; }

.accordion-content-inner { padding: 1rem 1rem 1rem; }

/* Editor Styles */
.block-editor-block-list__block .accordion-content { max-height: none !important; }
.block-editor-block-list__block .accordion-item { margin-bottom: 1rem; }