/* RIBONDI — menu mobile e acordeao sem jQuery.

   Nos dois casos a visibilidade sai do atributo hidden do painel, e o estado
   semantico do aria-expanded do controle. Os dois sao escritos juntos pelo
   rb-menu.js e nunca separadamente: uma classe .aberto em paralelo seria uma
   segunda fonte de verdade, e e dai que nasce o painel visivel na tela mas
   fechado para o leitor de tela. */

/* ---- menu mobile ---- */
.elementor-nav-menu--dropdown.elementor-nav-menu__container[hidden]{
  display: none;
}

/* O icone de abrir e o de fechar convivem no markup; mostra um por vez. */
.elementor-menu-toggle .elementor-menu-toggle__icon--close{ display: none; }
.elementor-menu-toggle[aria-expanded="true"] .elementor-menu-toggle__icon--open{ display: none; }
.elementor-menu-toggle[aria-expanded="true"] .elementor-menu-toggle__icon--close{ display: inline-block; }

/* ---- acordeao ----

   O Essential Addons esconde o conteudo incondicionalmente:

     .eael-adv-accordion .eael-accordion-list .eael-accordion-content{display:none}

   especificidade 0,3,0. O JS dele revelava com slideDown(), que escreve
   display:block inline e por isso ganhava de qualquer folha.

   Sem esse JS, tirar o atributo hidden nao basta: a regra do plugin continua
   valendo e o conteudo nunca aparece - o cabecalho ate alterna aria-expanded,
   mas a resposta fica invisivel. As duas regras abaixo repetem a mesma
   especificidade para poder falar por cima, e amarram a visibilidade ao
   atributo hidden, que e a unica fonte de verdade do estado. */
.eael-adv-accordion .eael-accordion-list .eael-accordion-content{
  display: block;
}
.eael-adv-accordion .eael-accordion-list .eael-accordion-content[hidden]{
  display: none;
}
.eael-accordion-header{
  cursor: pointer;
}

/* O icone de menos aparece so no item aberto; o de mais, no fechado. */
.eael-accordion-header .eael-advanced-accordion-icon-opened{ display: none; }
.eael-accordion-header[aria-expanded="true"] .eael-advanced-accordion-icon-opened{ display: inline-block; }
.eael-accordion-header[aria-expanded="true"] .eael-advanced-accordion-icon-closed{ display: none; }

/* A seta SVG do tema gira quando abre. */
.eael-accordion-header .fa-toggle-svg{
  display: inline-block;
  transition: transform .3s ease;
}
.eael-accordion-header[aria-expanded="true"] .fa-toggle-svg{
  transform: rotate(180deg);
}
@media (prefers-reduced-motion: reduce){
  .eael-accordion-header .fa-toggle-svg{ transition: none; }
}