.cafe-accordion {
  --cafe-accordion-color: var(--cty-pagewrap-txt);
  --cafe-accordion-bg: white;  /* color of clickable body background */
  --cafe-accordion-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;
  --cafe-accordion-border-color: var(--bs-border-color);
  --cafe-accordion-border-width: var(--bs-border-width);
  --cafe-accordion-border-radius: var(--bs-border-radius);
  --cafe-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --cafe-accordion-btn-padding-x: 1.25rem;
  --cafe-accordion-btn-padding-y: 1rem;
  --cafe-accordion-btn-color: var(--cty-pagewrap-txt); /* color of clickable header text */
  --cafe-accordion-btn-bg: #fafafa; /* color of clickable header background */
  --cafe-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --cafe-accordion-btn-icon-width: 1.25rem;
  --cafe-accordion-btn-icon-transform: rotate(-180deg);
  --cafe-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --cafe-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --cafe-accordion-btn-focus-border-color: #86b7fe; 
  --cafe-accordion-btn-focus-box-shadow: 0; /* 0 0 0 0.25rem rgba(13, 110, 253, 0.25); */
  --cafe-accordion-body-padding-x: 1.25rem;
  --cafe-accordion-body-padding-y: 1rem;
  --cafe-accordion-active-color: var(--cty-pagewrap-txt);
  --cafe-accordion-active-bg: white;
}

.cafe-accordion { margin:1rem 0 1.5rem 0; }

.cafe-accordion .accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--cafe-accordion-btn-padding-y) var(--cafe-accordion-btn-padding-x);
  color: var(--cafe-accordion-btn-color);
  text-align: left; /* Reset button style */
  background-color: var(--cafe-accordion-btn-bg);
  border: 0;
  border-radius:0;
  overflow-anchor: none;
  /*transition(var(--cafe-accordion-transition));*/
  font-size:inherit; 
  font-weight:700; /* we add */

  &:not(.collapsed) {
    color: var(--cafe-accordion-active-color);
    background-color: var(--cafe-accordion-active-bg);
    box-shadow: inset 0 calc(-1 * var(--cafe-accordion-border-width)) 0 var(--cafe-accordion-border-color); /* stylelint-disable-line function-disallowed-list */

    &::after {
      background-image: var(--cafe-accordion-btn-active-icon);
      transform: var(--cafe-accordion-btn-icon-transform);
    }
  }

  /* Accordion icon*/
  &::after {
    flex-shrink: 0;
    width: var(--cafe-accordion-btn-icon-width);
    height: var(--cafe-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--cafe-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--cafe-accordion-btn-icon-width);
  }

  &:hover {
    z-index: 2;
  }

  &:focus {
    z-index: 3;
    border-color: var(--cafe-accordion-btn-focus-border-color);
    outline: 0;
    box-shadow: var(--cafe-accordion-btn-focus-box-shadow);
  }
}

.cafe-accordion .accordion-header {
  margin-bottom: 0;
}

.cafe-accordion .accordion-item {
  color: var(--cafe-accordion-color);
  background-color: var(--cafe-accordion-bg);
  border: var(--cafe-accordion-border-width) solid var(--cafe-accordion-border-color);
}

.cafe-accordion .accordion-body {
  padding: var(--cafe-accordion-body-padding-y) var(--cafe-accordion-body-padding-x);
}


/* Flush accordion items
 Remove borders and border-radius to keep accordion items edge-to-edge.*/

.cafe-accordion .accordion-flush {
  .accordion-collapse {
    border-width: 0;
  }

  .accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;

    &:first-child { border-top: 0; }
    &:last-child { border-bottom: 0; }

    .accordion-button {
      &,
      &.collapsed {
        border-radius:0;
      }
    }
  }
}