/* ── Login ou Cadastre-se (Convert) — CdA Ferramentas ──────────────────── */

/* ── Wrap ── */
.cdaf-lc-wrap{display:inline-flex;position:relative}

/* ── Trigger ── */
.cdaf-lc-trigger{
    display:inline-flex;align-items:center;gap:8px;
    background:none;border:none;cursor:pointer;
    padding:6px 10px;border-radius:6px;
    text-align:left;line-height:1;
    /* sem transition — hover controlado via Elementor */
}
.cdaf-lc-trigger[aria-expanded="true"] .cdaf-lc-chevron svg{transform:rotate(180deg)}

/* ── Avatar ── */
.cdaf-lc-avatar{
    width:36px;height:36px;border-radius:50%;
    background:#e5e7eb;
    display:inline-flex;align-items:center;justify-content:center;
    flex-shrink:0;overflow:hidden
}
.cdaf-lc-avatar img{width:36px;height:36px;object-fit:cover;border-radius:50%;display:block}
.cdaf-lc-avatar svg{width:20px;height:20px;stroke:#6b7280}
.cdaf-lc-avatar i{font-size:22px;color:#6b7280}

/* ── Texto do trigger ── */
.cdaf-lc-text{display:flex;flex-direction:column;gap:1px;min-width:0}
.cdaf-lc-greeting{
    font-size:13px;font-weight:700;color:#111827;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2
}
.cdaf-lc-subtitle{
    font-size:11px;color:#6b7280;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2
}

/* ── Badge B2B King — dentro do dropdown ── */
.cdaf-lc-dd-badge-wrap{
    padding:10px 16px 12px;
    display:flex;flex-direction:column;gap:4px
}
.cdaf-lc-dd-badge-label{
    font-size:11px;font-weight:600;color:#6b7280;
    text-transform:uppercase;letter-spacing:.06em
}
.cdaf-lc-b2b-badge{
    display:inline-flex;align-items:center;
    padding:2px 8px;border-radius:50px;
    font-size:10px;font-weight:700;letter-spacing:.04em;
    background:#f59e0b;color:#fff;
    white-space:nowrap;line-height:1.6;
    margin-top:4px;align-self:flex-start
}

/* ── Chevron — GPU via transform ── */
.cdaf-lc-chevron{display:inline-flex;align-items:center;flex-shrink:0}
.cdaf-lc-chevron svg{transition:transform .18s;stroke:#9ca3af;will-change:transform}

/* ── Dropdown ── */
.cdaf-lc-dropdown{
    position:absolute;top:calc(100% + 6px);
    width:280px;
    background:#fff;
    border-radius:8px;
    box-shadow:0 4px 24px rgba(0,0,0,.13),0 1px 4px rgba(0,0,0,.08);
    z-index:9999;
    opacity:0;pointer-events:none;
    transform:translateY(-6px);
    transition:opacity .18s,transform .18s;
    overflow:hidden;
    will-change:opacity,transform
}
.cdaf-lc-dropdown--left {left:0}
.cdaf-lc-dropdown--right{right:0}
.cdaf-lc-dropdown--center{left:50%;transform:translateX(-50%) translateY(-6px)}

/* .open separado por variante — evita sobrescrever translateX do centro */
.cdaf-lc-dropdown--left.open,
.cdaf-lc-dropdown--right.open {opacity:1;pointer-events:auto;transform:translateY(0)}
.cdaf-lc-dropdown--center.open{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}

/* ── Dropdown visitante ── */
.cdaf-lc-dd-guest{padding:16px;display:flex;flex-direction:column;gap:8px}

.cdaf-lc-btn-login{
    display:block;width:100%;padding:10px 16px;
    background:#f5c842;color:#111827;
    border:none;border-radius:6px;
    font-size:14px;font-weight:700;text-align:center;
    text-decoration:none;cursor:pointer;
    transition:background-color .15s
}
.cdaf-lc-btn-login:hover{background:#e6b800;color:#111827}
.cdaf-lc-btn-login--secondary{background:#f3f4f6;color:#374151}
.cdaf-lc-btn-login--secondary:hover{background:#e5e7eb;color:#111827}

.cdaf-lc-dd-help{text-align:center;padding-top:2px}
.cdaf-lc-help-link,
.cdaf-lc-help-text{font-size:12px;color:#6b7280}
.cdaf-lc-help-link{text-decoration:underline;transition:color .15s}
.cdaf-lc-help-link:hover{color:#374151}

/* ── Dropdown logado: header ── */
.cdaf-lc-dd-user-header{
    display:flex;align-items:center;gap:12px;
    padding:16px;background:#f9fafb
}
.cdaf-lc-dd-avatar{
    width:42px;height:42px;border-radius:50%;
    background:#e5e7eb;flex-shrink:0;overflow:hidden;
    display:inline-flex;align-items:center;justify-content:center
}
.cdaf-lc-dd-avatar img{width:42px;height:42px;object-fit:cover;border-radius:50%;display:block}
.cdaf-lc-dd-avatar svg{width:22px;height:22px;stroke:#9ca3af}
.cdaf-lc-dd-user-info{display:flex;flex-direction:column;gap:2px;min-width:0;overflow:hidden}
.cdaf-lc-dd-name{
    font-size:14px;font-weight:700;color:#111827;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.cdaf-lc-dd-doc{
    font-size:11px;color:#6b7280;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.cdaf-lc-dd-doc strong{font-weight:600;color:#374151}

/* ── Divisor ── */
.cdaf-lc-dd-divider{height:1px;background:#f3f4f6;margin:0}

/* ── Links ── */
.cdaf-lc-links{list-style:none;margin:0;padding:6px 0}
.cdaf-lc-link{
    display:flex;align-items:center;gap:8px;
    padding:9px 16px;
    color:#111827;text-decoration:none;
    font-size:13px;font-weight:400;
    transition:background-color .12s,color .12s
}
.cdaf-lc-link:hover{background:#f9fafb;color:#0073bb}
.cdaf-lc-link-icon{
    display:flex;align-items:center;flex-shrink:0;
    line-height:1;
}
.cdaf-lc-link-icon svg{display:block;stroke:currentColor;width:16px;height:16px}

/* ── Rodapé / Sair — currentColor para ícone ── */
.cdaf-lc-dd-footer{padding:8px 16px 12px}
.cdaf-lc-logout{
    display:inline-flex;align-items:center;gap:6px;
    font-size:13px;color:#ef4444;
    text-decoration:none;font-weight:500;
    transition:color .12s
}
.cdaf-lc-logout:hover{color:#dc2626}
.cdaf-lc-logout svg{stroke:currentColor;flex-shrink:0}