.wp-block-meta-box-accordion {
  position: relative;
}

.wp-block-meta-box-accordion:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  /* max-width: 1900px; */
  display: block;
  pointer-events: none;
  transition:
    border 0.5s,
    0.4s max-width 0.4s;
}

.wp-block-meta-box-accordion
  + .wp-block-meta-box-accordion:not([data-state='ouvert']):before {
  border-top: none !important;
}

.wp-block-meta-box-accordion.no-border-bottom:before {
  border-bottom: none !important;
}

.wp-block-meta-box-accordion[data-state='ouvert']:before {
  border: 5px solid var(--wp--preset--color--jaune);
  transition:
    0.5s border 0.5s,
    0.4s max-width 0s;
}

.wp-block-meta-box-accordion[data-state='ferme']:before {
  border: 3px solid var(--wp--preset--color--beige);
  max-width: calc((100vw - 1200px) / 2 + (1200px * 13 / 12));
  transition-delay: 0.3s;
}

@media all and (max-width: 1520px) {
  .wp-block-meta-box-accordion[data-state='ferme']:before {
    max-width: calc((100vw - 1200px) / 2 + (1200px * 10 / 12) + 1rem);
  }
}

@media all and (max-width: 1024px) {
  .wp-block-meta-box-accordion[data-state='ferme']:before {
    max-width: calc((100vw - 1024px) / 2 + (1024px * 10 / 12) + 1rem);
  }
}

@media all and (max-width: 768px) {
  .wp-block-meta-box-accordion[data-state='ferme']:before {
    max-width: calc((100vw - 768px) / 2 + (768px * 10 / 12) + 1rem);
  }
}

@media all and (max-width: 640px) {
  .wp-block-meta-box-accordion[data-state='ferme']:before {
    max-width: calc((100vw - 640px) / 2 + (640px * 10 / 12) + 1rem);
  }
}

.wp-block-meta-box-accordion .icon-plus,
.wp-block-meta-box-accordion .icon-moins {
  transition: opacity 0.3s;
}

.wp-block-meta-box-accordion[data-state='ferme'] .icon-plus {
  transition-delay: 0.8s;
  opacity: 1;
}

.wp-block-meta-box-accordion[data-state='ouvert'] .icon-plus {
  opacity: 0;
  transition-delay: 0;
}

.wp-block-meta-box-accordion[data-state='ferme'] .icon-moins {
  opacity: 0;
}

.wp-block-meta-box-accordion[data-state='ouvert'] .icon-moins {
  opacity: 1;
  transition-delay: 0.5s;
}

.wp-block-meta-box-accordion[data-state='ouvert'] button {
  padding: 50px 0;
  transition-delay: 0.3s;
}

.wp-block-meta-box-accordion[data-state='ferme'] button {
  padding: 30px 0;
}

.wp-block-meta-box-accordion[data-state='ferme']
  .wp-block-heading.is-style-tiret-jaune:before {
  content: none;
}

.wp-block-meta-box-accordion .accordion__content {
  transition:
    max-height 0.5s ease-in-out,
    opacity 0.2s,
    0.2s padding 0.2s;
  overflow: hidden;
  max-height: 500px;
}

.wp-block-meta-box-accordion[data-state='ferme'] .accordion__content {
  opacity: 0;
  max-height: 0;
  padding-bottom: 0;
}

.wp-block-meta-box-accordion[data-state='ouvert'] .accordion__content {
  transition-delay: 0.3s;
  padding-bottom: 30px;
}

.wp-block-meta-box-accordion .wp-block-media-text {
  grid-template-columns: 1fr 40%;
}

.wp-block-meta-box-accordion .accordion__content > p {
  max-width: 65ch;
}

.wp-block-meta-box-accordion .wp-block-media-text.has-media-on-the-right {
  grid-template-columns: 40% 1fr;
}

.wp-block-meta-box-accordion .wysiwyg .wp-block-list {
  padding-left: 0 !important;
}

@media all and (max-width: 768px) {
  .wp-block-meta-box-accordion[data-state='ouvert'] button {
    padding: 30px 0;
  }

  .wp-block-meta-box-accordion .wp-block-media-text.has-media-on-the-right {
    row-gap: 20px;
  }
}

@media all and (min-width: 768px) {
  .wp-block-meta-box-accordion .wp-block-media-text.has-media-on-the-right {
    padding-left: 5%;
  }
}