/**
 * 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.
 */
/**
 * Theme Accordion Styles (ESAB)
 */

.cont-acc .wp-block-esab-accordion-child {
  border: 0 !important;
  border-radius: 0 !important;
}

.cont-acc
  .wp-block-esab-accordion
  .wp-block-esab-accordion-child
  > .esab__head {
  padding: 5px var(--gap-s) var(--gap-s) var(--gap-s) !important;
  align-items: flex-end;
}

.cont-acc .esab__head {
  border-bottom: 2px solid var(--ast-global-color-0) !important;
  border-radius: 0 !important;
}

.cont-acc .esab__head .esab__heading_txt,
.cont-acc .esab__head .esab__heading_tag {
  color: var(--ast-global-color-0) !important;
}

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

.cont-acc .wp-block-esab-accordion .wp-block-esab-accordion-child > .esab__body,
.cont-acc
  .wp-block-esab-accordion.nested-accordion
  .wp-block-esab-accordion-child
  > .esab__body {
  padding-left: var(--gap-s) !important;
}

#main .wp-block-esab-accordion-child.esab__active_accordion .esab__body {
  background-color: transparent !important;
  padding-left: var(--gap-s) !important;
}

.cont-acc
  .wp-block-esab-accordion
  .wp-block-esab-accordion-child
  > .esab__active.esab__body {
  border-color: transparent !important;
}

.esab__icon .esab__collapse,
.esab__icon .esab__expand {
  display: none !important;
}

.esab__icon::after {
  content: "";
  display: block;
  width: clamp(15px, 0.739rem + 0.47vw, 20px);
  aspect-ratio: 1 / 1;
  background: url(/wp-content/themes/astra-impuls-child/img/arrow-left.svg)
    no-repeat center / contain;
  rotate: -130deg;
  transition: rotate 0.3s ease-in-out;
}

.esab__active_accordion .esab__icon::after {
  rotate: -220deg;
}

@media (max-width: 768px) {
  .esab__icon::after {
    margin-bottom: 4px;
  }
}