/* -----------------------------------------*/
/* ACCORDION PANEL */

.wp-block-accordion-panel {
  display: grid !important;
  grid-template-rows: 0fr;
  overflow: hidden;
  padding-bottom: 0;
  opacity: 0;
  transition:
  grid-template-rows .35s ease-in-out,
  padding-bottom .35s ease-in-out,
  opacity .25s ease-in-out;
}

.wp-block-accordion-panel > .wp-block-group {
  min-height: 0;
}

.wp-block-accordion-item.is-open .wp-block-accordion-panel {
  grid-template-rows: 1fr;
  padding-bottom: var(--wp--preset--spacing--30) !important;
  opacity: 1;
}

/* -----------------------------------------*/
/* ACCORDION TOGGLE */

.wp-block-accordion-heading__toggle-icon {
  position: relative;
  padding: 4px;
  transform: rotate(45deg);
  color: transparent;
}
.wp-block-accordion-item.is-open > .wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon {
  transform: rotate(-225deg) translate(-6%, 2%);
}
.wp-block-accordion-heading__toggle-icon:before {
  content: "";
  display: flex;
  position: absolute;
  width: 20%;
  height: 20%;
  border-top: 2px solid var(--wp--preset--color--contrast);
  border-right: 2px solid var(--wp--preset--color--contrast);
}

html[dir="rtl"] .wp-block-accordion-heading__toggle-icon {
  transform: rotate(-135deg);
}
html[dir="rtl"] .wp-block-accordion-item.is-open > .wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon {
  transform: rotate(-225deg) translate(6%, 2%);
}

.wp-block-accordion-heading { transition: .15s; }
.wp-block-accordion-heading:hover {
  color: var(--wp--preset--color--custom-gray);
}
.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
  text-decoration: none;
}

/* ----------------------------------------- */
/* CUSTOM ACCORDION PANEL                    */
/* ----------------------------------------- */

.rlg-accordion-panel {
    display: grid !important;
    grid-template-rows: 0fr;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;

    margin-block-start: 0 !important;
    padding: 0 !important;

    transition:
        grid-template-rows 0.35s ease-in-out,
        opacity 0.25s ease-in-out,
        visibility 0s linear 0.35s;
}

.rlg-accordion-panel > * {
    min-height: 0;
    overflow: hidden;
}

.rlg-accordion-panel-inner {
    padding: 0 !important;
}


.rlg-accordion-item.is-open :where(h1,h2,h3,h4,h5,h6) {
  color: var(--wp--preset--color--accent-1);
}

.rlg-accordion-item.is-open > .rlg-accordion-panel {
    grid-template-rows: 1fr;
    opacity: 1;
    visibility: visible;

    transition:
        grid-template-rows 0.35s ease-in-out,
        opacity 0.25s ease-in-out,
        visibility 0s linear 0s;
}

.rlg-accordion-item :where(h1,h2,h3,h4,h5,h6) { transition: .15s; }
.rlg-accordion-item :where(h1,h2,h3,h4,h5,h6):hover { opacity: 0.75; }


/* ----------------------------------------- */
/* CUSTOM ACCORDION TRIGGER                  */
/* ----------------------------------------- */

.rlg-accordion-trigger {
    width: 100%;
    cursor: pointer;
}

.rlg-accordion-trigger:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

/*
 * Supaya bagian konten utama bisa mengecil
 * dan tidak mendorong ikon keluar.
 */
.rlg-accordion-trigger > :first-child {
    flex: 1 1 auto;
    min-width: 0;
}

/* ----------------------------------------- */
/* CUSTOM ACCORDION TOGGLE                   */
/* ----------------------------------------- */

.rlg-accordion-icon {
    flex: 0 0 auto;
    transition: transform .35s cubic-bezier(.2,.8,.2,1)
}

.rlg-accordion-icon svg {
    display: block;
}

.rlg-accordion-item.is-open .rlg-accordion-icon {
    transform: rotate(90deg);
}

html[dir="rtl"] .rlg-accordion-icon {
    transform: rotate(180deg);
}

html[dir="rtl"] .rlg-accordion-item.is-open .rlg-accordion-icon {
    transform: rotate(90deg);
}

/* ----------------------------------------- */
/* REDUCED MOTION                            */
/* ----------------------------------------- */

@media (prefers-reduced-motion: reduce) {
    .rlg-accordion-panel,
    .rlg-accordion-icon {
        transition: none;
    }
}