/**
 * Theme Accordion Styles
 * 
 * This file contains all custom styles for accordion blocks using the 
 * ESAB accordion component.
 * 
 * If additional accordion styles or variants are added and the file becomes 
 * too large, create a sub-file (e.g., theme_accordion-mobile.css) to organize 
 * the code better.
 */

#main .wp-block-esab-accordion-child.esab__active_accordion .esab__head {
  background: none !important;
}

#main .wp-block-esab-accordion-child.esab__active_accordion .esab__body {
  background-color: transparent !important;
  padding-left: 15px !important;
}

.esab__heading_tag::before {
  content: "";
  display: block;
  --my-size: 0.7em;
  width: var(--my-size);
  height: var(--my-size);
  transition: rotate 0.5s ease 0s;
  rotate: 360deg;
  background-image: url("/wp-content/themes/astra-impuls-child/img/acc-plus.svg");
  background-size: contain;
  margin-top: 0.4em;
  flex-shrink: 0;
}

.esab__heading_tag {
  display: flex;
  gap: var(--gap-s);
}

.esab__head[aria-expanded="true"] .esab__heading_tag:before {
  --my-size: 0.7em;
  width: var(--my-size);
  height: var(--my-size);
  rotate: 0deg;
  background-image: url("/wp-content/themes/astra-impuls-child/img/acc-minus.svg");
}

@media (max-width: 990px) {
  /*----------------- ELEMENT -------------*/
  /*----------------- END ELEMENT ---------*/
}