/* cp-megamenu.css
 * Submenu (mega-menu) do cabecalho: FECHADO por padrao, abre SO no hover do item
 * "Fisioterapia pelvica" (ou no clique/touch). Usa display:none/block para garantir
 * que nada (nem classes do tema, nem visibility de filhos) deixe o painel aberto.
 * Ver assets/js/cp-megamenu.js.
 */

[id^="uc_mega_menu_elementor_"].cp-mm-ready .cp-mm-item {
  position: relative;
}

/* FECHADO por padrao — display:none esconde a subarvore inteira (a prova de
   uc-active_item do tema e de visibility de filhos) */
[id^="uc_mega_menu_elementor_"].cp-mm-ready .cp-mm-item .uc-mega_menu_section {
  display: none !important;
  position: absolute !important;
  top: 100% !important;
  left: 50% !important;
  transform: translate(-50%, 0) !important;
  width: 700px !important;
  max-width: 92vw !important;
  height: auto !important;
  overflow: visible !important;
  z-index: 99999;
  padding-top: 12px !important;
}

/* ABERTO: somente no hover (desktop) ou com a classe .cp-open (clique/touch) */
[id^="uc_mega_menu_elementor_"].cp-mm-ready .cp-mm-item:hover .uc-mega_menu_section,
[id^="uc_mega_menu_elementor_"].cp-mm-ready .cp-mm-item.cp-open .uc-mega_menu_section {
  display: block !important;
}

/* o tema deixa os filhos do painel com opacity:0; reexibe-os apenas quando aberto */
[id^="uc_mega_menu_elementor_"].cp-mm-ready .cp-mm-item:hover .uc-mega_menu_section *,
[id^="uc_mega_menu_elementor_"].cp-mm-ready .cp-mm-item.cp-open .uc-mega_menu_section * {
  opacity: 1 !important;
  visibility: visible !important;
}

/* cartao branco arredondado (como no original) + cliques habilitados quando aberto */
[id^="uc_mega_menu_elementor_"].cp-mm-ready .cp-mm-item .uc-mega_menu_section .cp-mm-cover {
  background: #fff;
  border-radius: 25px;
  box-shadow: 0 12px 34px rgba(0, 0, 0, .10);
  padding: 26px 34px;
}
[id^="uc_mega_menu_elementor_"].cp-mm-ready .cp-mm-item:hover .uc-mega_menu_section,
[id^="uc_mega_menu_elementor_"].cp-mm-ready .cp-mm-item:hover .uc-mega_menu_section *,
[id^="uc_mega_menu_elementor_"].cp-mm-ready .cp-mm-item.cp-open .uc-mega_menu_section,
[id^="uc_mega_menu_elementor_"].cp-mm-ready .cp-mm-item.cp-open .uc-mega_menu_section * {
  pointer-events: auto !important;
}

/* efeito de hover nos itens do painel (fundo rosa claro, igual ao original) */
[id^="uc_mega_menu_elementor_"].cp-mm-ready .cp-mm-item .cp-mm-cover .ue-link-item:hover {
  background-color: var(--e-global-color-secondary, #FFE6E9) !important;
}

/* gira a setinha quando aberto */
[id^="uc_mega_menu_elementor_"].cp-mm-ready .cp-mm-item:hover .uc_expand_indicator,
[id^="uc_mega_menu_elementor_"].cp-mm-ready .cp-mm-item.cp-open .uc_expand_indicator {
  transform: rotate(180deg);
}

/* item-pilar no mega-menu (Fase O.3.1) — mesmo padrão dos 4 serviços:
   círculo rosa + ícone (SVG) + título escuro. Item normal do grid (não full-width). */
.cp-mm-pillar{display:flex !important;align-items:center;gap:15px;
  width:auto !important;flex-basis:auto !important;grid-column:auto !important;
  border:0 !important;margin:0 !important;padding-bottom:0 !important;}
.cp-mm-pillar .ue-graphic-element{width:60px;height:60px;border-radius:50%;background:#fce1ea;
  display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
.cp-mm-pillar .cp-mm-ico{display:flex;align-items:center;justify-content:center;}
.cp-mm-pillar .cp-mm-ico svg{width:30px;height:30px;}
.cp-mm-pillar .ue-link-item-title{color:#2c2c2c !important;font-weight:400 !important;}