/**
 * 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-esab-accordion .esab__icon {
  display: none;
}

.wp-block-uagb-container.cont-acc .uagb-container-inner-blocks-wrap {
  gap: 5px !important;
}

.wp-block-uagb-container.cont-acc .wp-block-esab-accordion {
  border-radius: var(--border-radius-10);
  overflow: hidden;
}

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

.wp-block-uagb-container.cont-acc .wp-block-esab-accordion .wp-block-esab-accordion-child {
  border: none !important;
  background-color: var(--ast-global-color-0);
  margin-bottom: 5px !important;
}

.wp-block-uagb-container.cont-acc .wp-block-esab-accordion .wp-block-esab-accordion-child .esab__head {
  padding: var(--gap-s) var(--gap-m);
}

.wp-block-uagb-container.cont-acc .wp-block-esab-accordion .wp-block-esab-accordion-child .esab__heading_tag {
  font-family: var(--mainfont);
  font-size: var(--h6-font-size);
  font-style: normal;
  font-weight: 500;
  line-height: 1.67;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  display: flex;
}

.wp-block-uagb-container.cont-acc .wp-block-esab-accordion .wp-block-esab-accordion-child .esab__body {
  padding: var(--gap-s) var(--gap-m);
}

.wp-block-uagb-container.cont-acc .wp-block-esab-accordion-child:last-of-type {
  margin-bottom: 0 !important;
  border-bottom-right-radius: var(--border-radius-10);
}

.esab__active_accordion * {
  color: inherit !important;
  background: none !important;
}

.wp-block-esab-accordion .esab__container .esab__head h6 {
  display: flex;
}

.wp-block-esab-accordion .esab__container .esab__head h6::before {
  content: "";
  display: flex;
  height: 0.65em;
  width: 0.65em;
  background-image: url(../../img/acc-plus.svg);
  background-size: contain;
  background-position: center center;
  margin-top: 0.45em;
  rotate: 180deg;
  margin-right: 0.7em;
  background-repeat: no-repeat;
  transition: all 0.5s ease 0s;
  min-height: 0.65em;
  min-width: 0.65em;
}

.wp-block-esab-accordion .esab__container .esab__head[aria-expanded="true"] h6::before {
  background-image: url(../../img/acc-minus.svg);
  rotate: -180deg;
}

@media screen and (max-width:990px) {
  .wp-block-uagb-container.cont-acc {
    flex-direction: column;
    gap: 4px;
  }

  .wp-block-uagb-container.cont-acc .wp-block-esab-accordion:first-child {
    border-radius: var(--border-radius-10) var(--border-radius-10) 0 0;
    overflow: hidden;
  }

  .wp-block-uagb-container.cont-acc .wp-block-esab-accordion:last-child {
    border-radius: 0 0 var(--border-radius-10) var(--border-radius-10);
    overflow: hidden;
  }

  .wp-block-uagb-container.cont-acc .wp-block-esab-accordion:first-child .wp-block-esab-accordion-child:last-of-type {
    border-radius: 0 !important;
  }

  .wp-block-uagb-container.cont-acc .wp-block-esab-accordion:last-child .wp-block-esab-accordion-child:first-of-type {
    border-radius: 0 !important;
  }
}