/* Duda clone - tab and FAQ accordion state.
 *
 * Duda's widget CSS collapses .section to max-height:0 and reopens it with a
 * per-widget rule (`.widget-<hash> .expanded .section { max-height: 30000px }`).
 * Off-platform the reopen does not take effect reliably, so the panel stays 0px
 * high even with the .expanded class correctly applied. These rules assert the
 * open state directly, keyed on the same class clone-widgets.js toggles, so the
 * accordion animates open and closed exactly as it does on the live site.
 */

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

.accordion-item.expanded .section {
  max-height: 30000px !important;
}

/* Arrow indicator, matching Duda's roundedIcon/fullBorder/leftIcons layouts. */
.accordion-item.expanded .arrow {
  transform: rotate(180deg);
}

.accordion-item .arrow {
  transition: transform 0.3s ease-out;
}

.accordion-title {
  cursor: pointer;
}

/* Tab panels: exactly one visible, matching the live site's display values. */
.tab-label {
  cursor: pointer;
}

.wrapper > .tab:not(.active) {
  display: none;
}

.wrapper > .tab.active {
  display: flex;
}