/**
 * 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.
 */

.wp-block-uagb-container.cont-acc.cont-bibliothek .esab__container {
  gap: 0 !important;
}

.wp-block-uagb-container.cont-acc.cont-bibliothek .esab__head {
  padding: var(--gap-m) 0 !important;
  background: none !important;
}

.wp-block-uagb-container.cont-acc.cont-bibliothek
  .esab__container
  .wp-block-esab-accordion-child,
.wp-block-uagb-container.cont-acc.cont-bibliothek
  .esab__container
  .wp-block-esab-accordion-child.esab__active_accordion {
  border-bottom: 1px solid var(--ast-global-color-0);
  transition: all 0.5s ease-in-out;
  border-radius: 0 !important;
}

.wp-block-uagb-container.cont-acc.cont-bibliothek
  .esab__container
  .wp-block-esab-accordion-child:first-of-type
  .esab__head {
  border-top: 1px solid var(--ast-global-color-0);
}

.wp-block-uagb-container.cont-acc.cont-bibliothek
  .esab__container
  .esab__heading_tag {
  font-size: var(--h5-font-size);
  font-family: var(--mainfont);
  color: var(--ast-global-color-0) !important;
  font-style: normal;
  font-weight: 500;
  line-height: 1.14;
  letter-spacing: -0.34px;
}

.wp-block-uagb-container.cont-acc.cont-bibliothek
  .esab__container
  .esab__icon
  img {
  max-width: 100%;
  max-height: 100%;
}

.wp-block-uagb-container.cont-acc.cont-bibliothek .esab__container .esab__body {
  background-color: transparent !important;
  padding: var(--gap-l) 9.5%; /* 1050 - 850 = 200 = 19.5% von 1050. 19.5/2= ca. 9.5% */
}

.wp-block-uagb-container.cont-acc.cont-bibliothek
  .esab__container
  .esab__body
  .wp-block-uagb-advanced-heading {
  margin-bottom: var(--gap-s);
}

.wp-block-uagb-container.cont-acc.cont-bibliothek
  .esab__container
  .esab__body
  .wp-block-uagb-advanced-heading:not(:first-of-type) {
  margin-top: var(--gap-l);
}

.wp-block-uagb-container.cont-acc.cont-bibliothek
  .wp-block-esab-accordion-child
  > .esab__active.esab__body {
  border: none !important;
  background: transparent;
}

/* arrow icons */
.wp-block-uagb-container.cont-acc.cont-bibliothek .esab__icon::before {
  content: "";
  display: inline-block;
  inset: 0;
  background: url(../../img/icon-accordion-collapsed.svg) center/contain
    no-repeat;
  opacity: 1;
  --my-size: var(--h5-font-size);
  width: var(--my-size);
  height: var(--my-size);
  transition: transform 0.5s ease;
  margin-right: var(
    --gap-s
  ); /* sonst verschwindet die pfeilspitze im hintergrund beim Rotieren */
}

.wp-block-uagb-container.cont-acc.cont-bibliothek
  .esab__active_accordion
  .esab__icon::before {
  transform: rotate(-90deg);
}