/*
 * Promatec Menu Accordion (shortcode)
 * - Le rendu est encapsulé dans .pm-menu-accordion pour ne pas impacter le desktop.
 * - Les couleurs sont gérées via les classes WP des items (participer / financer / soutenir).
 */

.pm-menu-accordion {
  width: 100%;
}

/* Layout N1 */
.pm-menu-accordion .pm-acc-head {
  display: flex;
  align-items: stretch;
}

.pm-menu-accordion .pm-acc-link {
  color: var(--e-global-color-text);
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 24px;
  text-decoration: none;
}

.pm-menu-accordion .pm-acc-toggle {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  border: 0;
  background: transparent !important;
  cursor: pointer;
  position: relative;
}

/* “Chevron” via CSS (pas besoin de lib d’icônes) */
.pm-menu-accordion .pm-acc-toggle::before {
  content: "";
  width: 10px;
  height: 10px;
  color: var(--e-global-color-text);
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -5px;
  margin-top: -7px;
  transition: transform 180ms ease;
}

.pm-menu-accordion .pm-acc-item.participer .pm-acc-toggle::before,
.pm-menu-accordion .pm-acc-item.financer .pm-acc-toggle::before,
.pm-menu-accordion .pm-acc-item.soutenir .pm-acc-toggle::before {
  color: var(--e-global-color-0eb4c5c);
}

.pm-menu-accordion .pm-acc-item.is-open .pm-acc-toggle::before {
  transform: rotate(-135deg);
  margin-top: -1px;
}

/* Panel (anim max-height via JS) */
.pm-menu-accordion .pm-acc-panel {
  overflow: hidden;
  max-height: 0;
  transition: max-height 240ms ease;
}

.pm-menu-accordion .pm-acc-list {
  list-style: none;
  margin: 0;
  padding: 8px 0 12px;
}

.pm-menu-accordion .pm-acc-sublink {
  color: var(--e-global-color-text);
  display: block;
  padding: 16px 24px 16px 40px;
  text-decoration: none;
}

/* --- Couleurs N1 selon tes classes --- */
.pm-menu-accordion .participer > .pm-acc-head {
  background: #74aa50;
}
.pm-menu-accordion .financer > .pm-acc-head {
  background: #52338a;
}
.pm-menu-accordion .soutenir > .pm-acc-head {
  background: #e94a44;
}

/* Couleur quand ouvert (classe ajoutée sur le wrapper .pm-acc-item) */
/* .pm-menu-accordion .participer.is-open > .pm-acc-head {
  background: #299989;
}
.pm-menu-accordion .financer.is-open > .pm-acc-head {
  background: #bfa6f7;
}
.pm-menu-accordion .soutenir.is-open > .pm-acc-head {
  background: #f7ab59;
} */

/* Lisibilité sur fonds colorés */
.pm-menu-accordion .participer > .pm-acc-head,
.pm-menu-accordion .financer > .pm-acc-head,
.pm-menu-accordion .soutenir > .pm-acc-head {
  color: #fff;
}

.pm-menu-accordion .participer .pm-acc-link,
.pm-menu-accordion .financer .pm-acc-link,
.pm-menu-accordion .soutenir .pm-acc-link {
  color: inherit;
}