/* ── Menu Categorias (Convert) — CdA Ferramentas ───────────────────────── */

/* ── Trigger ── */
.cdaf-mc-wrap{display:flex;align-items:center;width:100%}

.cdaf-mcatbtn{
    display:inline-flex;align-items:center;gap:8px;
    background:#6aaa4e;color:#fff;
    border:none;border-radius:50px;
    padding:9px 18px;
    font-size:14px;font-weight:600;
    cursor:pointer;white-space:nowrap;
    transition:background .18s,box-shadow .18s;
    line-height:1
}
.cdaf-mcatbtn:hover{background:#5a9640}
.cdaf-mcatbtn-ico{display:inline-flex;align-items:center;flex-shrink:0}
.cdaf-mcatbtn-ico svg{display:block}

/* ── Overlay ── */
.cdaf-mcat-overlay{
    position:fixed;inset:0;
    background:rgba(0,0,0,0.45);
    z-index:2147483646 !important;
    opacity:0;pointer-events:none;
    transition:opacity .25s
}
.cdaf-mcat-overlay.open{opacity:1;pointer-events:auto}

/* ── Painel lateral ── */
.cdaf-mcat-panel{
    position:fixed;top:0;bottom:0;
    /* Valor máximo seguro de z-index — garante que o painel sempre fique
       na frente, mesmo de headers "sticky" do Elementor, que costumam
       clonar o header original num elemento novo com z-index bem mais
       alto que o padrão (às vezes acima de 999999). Sem isso, esse
       clone pode desenhar por cima do nosso cabeçalho (.cdaf-mcat-header),
       fazendo parecer que o fundo dele "não aplica". */
    z-index:2147483647 !important;
    width:300px;max-width:100vw;
    background:#fff;
    display:flex;flex-direction:column;
    box-shadow:4px 0 24px rgba(0,0,0,.14);
    transition:transform .28s cubic-bezier(.4,0,.2,1);
    overflow:hidden;
    will-change:transform;
    contain:layout style
}
.cdaf-mcat-panel--left {left:0;transform:translateX(-110%)}
.cdaf-mcat-panel--right{right:0;transform:translateX(110%)}
.cdaf-mcat-panel.open  {transform:translateX(0)}

/* ── Cabeçalho ── */
.cdaf-mcat-header{
    display:flex;align-items:center;justify-content:space-between;
    padding:16px 20px;
    background:#1a1a2e;
    flex-shrink:0;gap:12px
}

/* Modo usuário */
.cdaf-mcat-user{
    display:flex;align-items:center;gap:12px;
    flex:1;min-width:0;overflow:hidden
}
.cdaf-mcat-avatar{
    width:38px;height:38px;
    border-radius:50%;
    background:rgba(255,255,255,.15);
    display:inline-flex;align-items:center;justify-content:center;
    flex-shrink:0;overflow:hidden
}
.cdaf-mcat-avatar img{
    width:38px;height:38px;
    object-fit:cover;border-radius:50%;display:block
}
.cdaf-mcat-avatar svg{
    width:22px;height:22px;
    stroke:rgba(255,255,255,.8)
}
.cdaf-mcat-user-info{
    display:flex;flex-direction:column;gap:2px;
    flex:1;min-width:0;overflow:hidden
}
.cdaf-mcat-user-name{
    font-size:15px;font-weight:700;color:#fff;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    line-height:1.2
}
.cdaf-mcat-user-doc{
    font-size:11px;color:rgba(255,255,255,.6);
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    line-height:1.2
}
.cdaf-mcat-user-doc strong{font-weight:600}

.cdaf-mcat-header-actions{
    display:flex;align-items:center;gap:4px;flex-shrink:0
}
.cdaf-mcat-wa-btn{
    display:inline-flex;align-items:center;justify-content:center;
    width:32px;height:32px;border-radius:50%;
    background:#25d366;color:#fff;
    flex-shrink:0;text-decoration:none;
    transition:opacity .15s
}
.cdaf-mcat-wa-btn:hover{opacity:.85}
.cdaf-mcat-wa-btn svg{display:block;fill:#fff}

.cdaf-mcat-account-btn,
.cdaf-mcat-close{
    display:inline-flex;align-items:center;justify-content:center;
    background:none;border:none;cursor:pointer;
    color:rgba(255,255,255,.7);
    padding:6px;border-radius:6px;
    transition:background .15s;text-decoration:none
}
.cdaf-mcat-account-btn:hover,
.cdaf-mcat-close:hover{background:rgba(255,255,255,.1)}

/* Modo título simples */
.cdaf-mcat-title{
    display:flex;align-items:center;gap:10px;
    font-size:17px;font-weight:700;color:#fff;
    flex:1
}

/* ── Corpo (scroll) ── */
.cdaf-mcat-body{
    flex:1;overflow-y:auto;display:flex;flex-direction:column
}
.cdaf-mcat-body::-webkit-scrollbar{width:4px}
.cdaf-mcat-body::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:2px}

/* ── Lista ── */
.cdaf-mcat-list{
    list-style:none;margin:0;padding:0;flex:1
}

/* ── Item ── */
.cdaf-mcat-item{border-top:1px solid #f3f4f6}
.cdaf-mcat-item:first-child{border-top:none}
.cdaf-mcat-link{
    display:flex;align-items:center;gap:10px;
    padding:13px 20px;
    color:#1f2937;text-decoration:none;
    font-size:14px;font-weight:500;
    transition:background-color .15s,color .15s;
    width:100%;background:none;border:none;cursor:pointer;
    text-align:left;line-height:1.3
}
.cdaf-mcat-link:hover{background:#f9fafb;color:#6aaa4e}
.cdaf-mcat-item-ico{
    display:inline-flex;align-items:center;justify-content:center;
    width:20px;height:20px;flex-shrink:0;color:#6b7280
}
.cdaf-mcat-item-ico svg{width:20px;height:20px}
.cdaf-mcat-item-ico i{font-size:20px}
.cdaf-mcat-link-text{flex:1;min-width:0}
.cdaf-mcat-chevron{
    display:inline-flex;align-items:center;margin-left:auto;flex-shrink:0;
    color:#9ca3af;transition:transform .2s
}
.cdaf-mcat-link[aria-expanded="true"] .cdaf-mcat-chevron{transform:rotate(90deg)}

/* ── Submenu (2º nível) ── */
.cdaf-mcat-sub{
    list-style:none;margin:0;padding:0;
    background:#f9fafb;overflow:hidden;
    max-height:0;transition:max-height .22s ease
    /* max-height real injetado via JS = altura exata sem clipping */
}
.cdaf-mcat-sub-link{
    display:flex;align-items:center;
    padding:10px 20px 10px 36px;
    color:#374151;text-decoration:none;
    font-size:13px;font-weight:400;
    transition:background .15s,color .15s;
    border-top:1px solid #f3f4f6;
    gap:6px
}
.cdaf-mcat-sub-link:hover{background:#f3f4f6;color:#6aaa4e}
.cdaf-mcat-sub-chevron{margin-left:auto;flex-shrink:0;color:#9ca3af;transition:transform .2s}
.cdaf-mcat-sub-link[aria-expanded="true"] .cdaf-mcat-sub-chevron{transform:rotate(90deg)}

/* ── Sub-submenu (3º nível) ── */
.cdaf-mcat-subsub{
    list-style:none;margin:0;padding:0;
    background:#f3f4f6;overflow:hidden;
    max-height:0;transition:max-height .22s ease
}
.cdaf-mcat-subsub-link{
    display:block;padding:9px 20px 9px 52px;
    color:#4b5563;text-decoration:none;
    font-size:12px;font-weight:400;
    transition:background .15s,color .15s;
    border-top:1px solid #e9eaec
}
.cdaf-mcat-subsub-link:hover{background:#e9eaec;color:#6aaa4e}

/* ── Menu institucional (rodapé) ── */
.cdaf-mcat-footer-menu{
    margin-top:auto;
    border-top:1px solid #e5e7eb;
    background:#f9fafb;
    padding:16px 0 8px
}
.cdaf-mcat-footer-title{
    font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
    color:#6b7280;padding:0 20px 8px;
}
.cdaf-mcat-footer-list{list-style:none;margin:0;padding:0}
.cdaf-mcat-footer-link{
    display:block;padding:9px 20px;
    color:#374151;text-decoration:none;
    font-size:13px;
    transition:background .15s,color .15s
}
.cdaf-mcat-footer-link:hover{color:#6aaa4e;background:#f3f4f6}