@use '../../abstract';

.cds-section-wrap.accordion-layout-wrap {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 0 16px;

  .cds-accordion-image__image {
    img {
      width: 100%;
      border-radius: 16px;
    }
  }
  .cds-accordion-image__accordion {
    white-space: break-spaces;

    .cds-accordion:first-child .cds-accordion__content {
      margin-top: 0;
    }
  }
}

@include abstract.media-bp-up('md') {
  .cds-section-wrap.accordion-layout-wrap {
    display: flex;
    flex-direction: row;
    gap: 96px;
    padding: 0 32px;

    &.image-position-right {
      flex-direction: row-reverse;
    }

    .cds-accordion-image__image {
      width: 50%;
    }

    .cds-accordion-image__accordion {
      width: 50%;
      white-space: break-spaces;
      margin-top: 56px;

      &:has(.is-active) {
        margin-top: 42px;
      }

      .cds-accordion:first-child .cds-accordion__content {
        margin-top: 0;
      }
    }
  }
}