/* All animation states are opt-in, never triggered during initial page render. */
.mlo-root,.mlo-root *,.mlo-panel,.mlo-panel *{box-sizing:border-box}
.mlo-root .mlo-trigger,.mlo-root .mlo-trigger:hover,.mlo-root .mlo-trigger:focus,.mlo-root .mlo-trigger:active{display:inline-flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;width:auto;height:44px;margin:0;padding:0 4px;border:0;border-radius:0;background:transparent!important;color:#ffffff!important;box-shadow:none!important;transform:none!important;transition:none!important;cursor:pointer;font:500 16px/1 Arial,Helvetica,sans-serif}
.mlo-root .mlo-trigger svg{order:1;width:28px;height:28px;display:block;stroke:none!important;fill:#ffffff!important;flex:0 0 28px}
.mlo-root .mlo-trigger-label{order:2;color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;font:500 16px/1 Arial,Helvetica,sans-serif;white-space:nowrap}
.mlo-shade[hidden],.mlo-panel[hidden]{display:none!important}
.mlo-shade{position:fixed!important;inset:0;z-index:2147482000;background:rgba(0,0,0,.35);opacity:0;transition:none!important}
.mlo-shade.mlo-visible{opacity:1}
.mlo-panel{position:fixed!important;top:0;left:18px;width:min(240px,calc(100vw - 36px));height:min(72vh,640px);z-index:2147482001;background:#fff;color:#181818;border-radius:18px;box-shadow:0 16px 48px rgba(0,0,0,.2);overflow:hidden;font:16px/1.4 system-ui,sans-serif;isolation:isolate;transform:translate3d(0,-100%,0);transform-origin:top center}
.mlo-panel.mlo-rise{transform:translate3d(0,0,0);transition:transform .32s cubic-bezier(.22,.61,.36,1)}
.mlo-panel.mlo-fall{transform:translate3d(0,-100%,0);transition:transform .32s cubic-bezier(.22,.61,.36,1)}
.mlo-panel .mlo-screen{position:absolute;inset:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;background:#fff}
.mlo-panel .mlo-top{min-height:66px;padding:20px;border-bottom:1px solid #ececec;display:flex;align-items:center;gap:10px}
.mlo-panel .mlo-back{border:0;background:transparent!important;color:#181818!important;box-shadow:none!important;cursor:pointer;font:26px/1 system-ui,sans-serif;width:32px;height:32px;padding:0;transition:none!important;transform:none!important}
.mlo-panel .mlo-list,.mlo-panel .mlo-list ul{list-style:none!important;margin:0!important;padding:0!important}
.mlo-panel .mlo-list{padding:12px!important}
.mlo-panel .mlo-list li{position:relative;min-height:48px;margin:0!important;padding:0!important;transition:none!important;transform:none!important;animation:none!important}
.mlo-panel .mlo-list a,.mlo-panel .mlo-list a:hover,.mlo-panel .mlo-list a:focus,.mlo-panel .mlo-list a:active{display:flex;align-items:center;min-height:48px;padding:10px 12px;color:#181818!important;background:transparent!important;text-decoration:none!important;font:inherit!important;letter-spacing:normal!important;box-shadow:none!important;transform:none!important;transition:none!important;animation:none!important}
.mlo-panel .mlo-list li.mlo-has-submenu>a{padding-right:48px}
.mlo-panel .mlo-expand,.mlo-panel .mlo-expand:hover,.mlo-panel .mlo-expand:focus,.mlo-panel .mlo-expand:active{position:absolute;right:0;top:2px;width:44px;height:44px;padding:0;border:0;background:transparent!important;color:#181818!important;box-shadow:none!important;font:22px/1 system-ui,sans-serif;cursor:pointer;transform:none!important;transition:none!important;animation:none!important}
@media(max-width:767px){
 .mlo-panel{top:auto;left:0;right:0;bottom:0;width:100%;height:min(82dvh,720px);border-radius:20px 20px 0 0;transform:translate3d(0,105%,0)}
 .mlo-panel.mlo-rise{transform:translate3d(0,0,0);transition:transform .36s cubic-bezier(.22,.61,.36,1)}
 .mlo-panel.mlo-fall{transform:translate3d(0,105%,0);transition:transform .36s cubic-bezier(.22,.61,.36,1)}
}
@media(prefers-reduced-motion:reduce){.mlo-panel,.mlo-shade,.mlo-panel .mlo-screen{transition:none!important}}

/* Acionador sem elemento button: evita o estilo rosa global de botões do tema. */
html body .mlo-root .mlo-trigger,
html body .mlo-root .mlo-trigger:is(:hover,:focus,:focus-visible,:active){
 display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;
 width:auto!important;height:44px!important;padding:0 4px!important;margin:0;
 border:0!important;outline:0!important;border-radius:0!important;
 background:transparent!important;background-image:none!important;
 box-shadow:none!important;color:#ffffff!important;opacity:1!important;
 transform:none!important;transition:none!important;animation:none!important;
 -webkit-tap-highlight-color:transparent!important;cursor:pointer!important;
}
html body .mlo-root .mlo-trigger svg,html body .mlo-root .mlo-trigger svg path{
 stroke:none!important;fill:#ffffff!important;color:#ffffff!important;
 filter:none!important;transition:none!important;animation:none!important;
}
html body .mlo-root .mlo-trigger::before,html body .mlo-root .mlo-trigger::after{content:none!important;display:none!important}
html body .mlo-root .mlo-trigger svg{order:1!important;width:28px!important;height:28px!important;pointer-events:none!important}
html body .mlo-root .mlo-trigger-label{order:2!important;display:inline!important;color:#ffffff!important;-webkit-text-fill-color:#ffffff!important}

/* Identificação da conta: ícone e textos em duas linhas, sem animações. */
.mlo-panel .mlo-top.mlo-account{display:flex;align-items:center;gap:12px;min-height:76px;padding:16px 20px}
.mlo-panel .mlo-account-icon{display:block;flex:0 0 32px;width:32px;height:32px;object-fit:contain;transition:none!important;animation:none!important}
.mlo-panel .mlo-account-copy{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0;line-height:1.25}
.mlo-panel .mlo-account-copy strong{display:block;color:#181818;font-size:16px;font-weight:700;line-height:1.25}
.mlo-panel .mlo-account-subtitle{display:block;color:#777;font-size:13px;font-weight:400;line-height:1.3}

/* v1.3.6: [ícone] Menu, azul, ordem fixa. */
html body .mlo-root > .mlo-trigger,
html body .mlo-root > .mlo-trigger:hover,
html body .mlo-root > .mlo-trigger:focus,
html body .mlo-root > .mlo-trigger:focus-visible,
html body .mlo-root > .mlo-trigger:active {
  appearance:none!important;-webkit-appearance:none!important;
  display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;
  width:auto!important;height:44px!important;min-width:0!important;min-height:44px!important;
  margin:0;padding:0 4px!important;border:0!important;border-radius:0!important;outline:0!important;
  background:transparent!important;background-color:transparent!important;background-image:none!important;
  box-shadow:none!important;text-shadow:none!important;color:#ffffff!important;
  filter:none!important;opacity:1!important;transform:none!important;transition:none!important;animation:none!important;
  -webkit-tap-highlight-color:transparent!important;
}
html body .mlo-root > .mlo-trigger svg{order:1!important;width:28px!important;height:28px!important;flex:0 0 28px!important}
html body .mlo-root > .mlo-trigger svg,
html body .mlo-root > .mlo-trigger svg path{stroke:none!important;fill:#ffffff!important;filter:none!important;transition:none!important;animation:none!important}
html body .mlo-root > .mlo-trigger .mlo-trigger-label{order:2!important;display:inline!important;color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;white-space:nowrap!important}

/* Categorias manuais do desktop: logos de 50px e distancia fixa de 8px. */
@media(min-width:768px){
 .mlo-panel .mlo-desktop-list{display:block!important}
 .mlo-panel .mlo-mobile-list{display:none!important}
 .mlo-panel .mlo-desktop-list a{display:flex!important;align-items:center!important;gap:8px!important;justify-content:flex-start!important;min-height:66px!important}
 .mlo-panel .mlo-desktop-list .mlo-desktop-logo,
 .mlo-panel .mlo-desktop-list .mlo-logo-placeholder{display:block!important;width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;max-width:50px!important;max-height:50px!important;flex:0 0 50px!important;object-fit:contain!important;object-position:center!important;transform:none!important;transition:none!important;animation:none!important}
 .mlo-panel .mlo-desktop-list .mlo-menu-name{display:block;min-width:0;flex:1;transform:none!important;transition:none!important}
}
@media(max-width:767px){.mlo-panel .mlo-desktop-list{display:none!important}.mlo-panel .mlo-desktop-logo{display:none!important}}

/* v1.2.9: orientação somente para administradores quando não há itens cadastrados. */
@media(min-width:768px){.mlo-panel .mlo-desktop-empty{padding:20px 24px;font-size:14px;color:#555;line-height:1.5}.mlo-panel .mlo-desktop-empty a{display:block;margin-top:8px;color:#174ea6!important;text-decoration:underline!important}}
@media(max-width:767px){.mlo-panel .mlo-desktop-empty{display:none!important}}

/* v1.3.0: mensagem visivel quando a lista ainda nao foi cadastrada. */
@media(min-width:768px){.mlo-panel .mlo-desktop-empty{display:block!important;padding:22px 20px!important;white-space:normal!important;color:#555!important;font:14px/1.5 system-ui,sans-serif!important}}

/* v1.3.2: desktop shows both manually selected logos and standard WP categories.
   The standard labels start 16px to the right of the logo's left edge. */
@media (min-width:768px){
 .mlo-panel .mlo-desktop-regular{display:block!important;}
 .mlo-panel .mlo-desktop-regular > li > a{padding-left:28px!important;}
 .mlo-panel .mlo-desktop-regular > li > .mlo-expand{right:0;}
}
@media (max-width:767px){
 .mlo-panel .mlo-desktop-regular{display:none!important;}
}

/* v1.3.4: desloca 8px adicionais e alinha o bloco de conta com o início das categorias tradicionais no desktop. */
@media (min-width:768px){
 .mlo-panel .mlo-top.mlo-account{padding-left:36px;}
}

@media(max-width:767px){.mlo-root .mlo-trigger-label,html body .mlo-root .mlo-trigger-label,html body .mlo-root > .mlo-trigger .mlo-trigger-label{display:none!important}}

.mlo-panel .mlo-subhead{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:14px 16px 8px;border-bottom:0!important}
.mlo-panel .mlo-back-row{display:flex;align-items:center;gap:6px;width:100%;padding-bottom:12px;border-bottom:1px solid #d8d8d8}
.mlo-panel .mlo-back,.mlo-panel .mlo-back:hover{color:#D50000!important;font-size:32px;line-height:1;width:auto;height:auto}
.mlo-panel .mlo-back-label{color:#000!important;font:600 15px/1 system-ui,sans-serif}
.mlo-panel .mlo-sub-title{display:block;margin-top:16px;color:#000;font:700 16px/1.2 system-ui,sans-serif}
.mlo-panel .mlo-expand,.mlo-panel .mlo-expand:hover{color:#D50000!important}

.mlo-panel .mlo-screen{position:absolute;inset:0;overflow-x:hidden;overflow-y:auto;background:#fff;visibility:hidden;pointer-events:none;transform:translate3d(100%,0,0)}
.mlo-panel .mlo-screen.mlo-current{visibility:visible;pointer-events:auto;transform:translate3d(0,0,0)}
.mlo-panel .mlo-list li,
.mlo-panel .mlo-list a,
.mlo-panel .mlo-list a:hover,
.mlo-panel .mlo-list a:focus,
.mlo-panel .mlo-list a:active{
 transition:none!important;
 animation:none!important;
 transform:none!important;
 translate:none!important;
 letter-spacing:normal!important;
 text-indent:0!important;
 margin-left:0!important;
}
.mlo-panel .mlo-back-row{align-items:center!important}
.mlo-panel .mlo-back,.mlo-panel .mlo-back:hover{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:18px!important;line-height:18px!important;font-size:28px!important;padding:0!important;margin:0!important;vertical-align:middle!important}
.mlo-panel .mlo-back-label{line-height:18px!important;display:inline-flex!important;align-items:center!important}
@media(max-width:767px){
 .mlo-panel .mlo-top,
 .mlo-panel .mlo-subhead,
 .mlo-panel .mlo-sub-title,
 .mlo-panel .mlo-back-row{border-bottom:0!important}
}

@media(min-width:768px){
 .mlo-panel .mlo-screen{transform:translate3d(100%,0,0)!important;transition:none!important;visibility:hidden!important}
 .mlo-panel .mlo-screen.mlo-current{transform:translate3d(0,0,0)!important;visibility:visible!important}
}

/* Transição horizontal exclusivamente na navegação entre telas do menu. */
.mlo-panel.mlo-navigating .mlo-screen.mlo-slide-enter,
.mlo-panel.mlo-navigating .mlo-screen.mlo-slide-exit{visibility:visible!important;pointer-events:none!important}
@media(min-width:768px){
 .mlo-panel.mlo-navigating .mlo-screen.mlo-slide-enter,
 .mlo-panel.mlo-navigating .mlo-screen.mlo-slide-exit{visibility:visible!important}
}

/* Desktop: permitir apenas o deslizamento das telas durante navegação. */
@media (min-width:768px){
 .mlo-panel.mlo-navigating .mlo-screen.mlo-slide-enter,
 .mlo-panel.mlo-navigating .mlo-screen.mlo-slide-exit{transition:transform .32s cubic-bezier(.22,.61,.36,1)!important;}
}

/* Alinhamento das subcategorias com o título do submenu em todas as telas.
   Não altera o menu principal, a seta Voltar ou as transições. */
.mlo-panel .mlo-screen > .mlo-subhead + .mlo-list{
  padding-left:16px!important;
  padding-right:16px!important;
}
.mlo-panel .mlo-screen > .mlo-subhead + .mlo-list > li > a,
.mlo-panel .mlo-screen > .mlo-subhead + .mlo-list > li > a:hover,
.mlo-panel .mlo-screen > .mlo-subhead + .mlo-list > li > a:focus,
.mlo-panel .mlo-screen > .mlo-subhead + .mlo-list > li > a:active{
  padding-left:0!important;
}

/* v1.3.43: botão acompanha o alinhamento/posição do widget Elementor.
   A gaveta continua fixed e independente do acionador. */
html body .mlo-root {
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%;
  vertical-align:middle;
  position:relative;
  margin:0;
  padding:0;
  transform:none;
}
html body .elementor-widget-shortcode .elementor-shortcode:has(> .mlo-root) {
  text-align:inherit;
}
/* O acionador não recebe coordenadas fixas nem deslocamentos impostos. */
html body .mlo-root > .mlo-trigger {position:relative;left:auto;right:auto;top:auto;bottom:auto;}

/* v1.3.44: identidade ONE nas setas do menu e dos submenus. */
.mlo-panel .mlo-back,.mlo-panel .mlo-back:hover,.mlo-panel .mlo-back:focus,.mlo-panel .mlo-back:active{color:#057E47!important;-webkit-text-fill-color:#057E47!important}
.mlo-panel .mlo-expand,.mlo-panel .mlo-expand:hover,.mlo-panel .mlo-expand:focus,.mlo-panel .mlo-expand:active{color:#057E47!important;-webkit-text-fill-color:#057E47!important}