/* Desenvolvido por: Limkor Intermediação Agenciamento e Soluções em Pagamento On Line LTDA
   CNPJ: 35.875.926/0001-05 — Rodrigo Tavares Bongiovanni (rodrigolimkr@gmail.com) — CPF: 348.878.878-41
   "Todos os departamentos" / "Outras" — dropdown de categorias da barra de departamentos
   (docs/04-tecnico/50-banners-e-departamentos.md). Porte da mecanica ja usada pela loja
   antes do rebrand Detalhes e Desejo (git show 0bd1a53, other_departments_menu_html() /
   #dept-toggle+#dept-menu), com as classes e tokens `dd-*` atuais — NENHUMA cor nova:
   tudo vem de styles/dd/dd-tokens.css. */

/* ---------- barra (agora dona da caixa visual que .dd-cat-nav tinha antes) ---------- */
.dd-dept-row{
  height:96px;flex-shrink:0;background:var(--dd-branco);border-bottom:1px solid var(--dd-borda);
  display:flex;align-items:center;gap:16px;padding:0 64px;
}

/* ---------- botao "Todos os departamentos" (a esquerda da barra) ---------- */
.dd-dept-toggle{
  display:flex;align-items:center;gap:8px;height:38px;padding:0 16px;flex-shrink:0;
  border-radius:var(--dd-raio-pill);border:1px solid var(--dd-borda);background:var(--dd-branco);
  color:var(--dd-texto);font-family:var(--dd-fonte-sans);font-weight:600;font-size:13px;
  letter-spacing:.02em;cursor:pointer;white-space:nowrap;
}
.dd-dept-toggle:hover,.dd-dept-toggle[aria-expanded="true"]{border-color:var(--dd-bordo);color:var(--dd-bordo);}
.dd-dept-toggle-icon{display:inline-flex;flex-direction:column;gap:3px;}
.dd-dept-toggle-icon span{width:14px;height:2px;background:currentColor;display:block;}
.dd-dept-caret{font-size:10px;}

/* ---------- chip "Outras" (mesma familia visual de .dd-chip) ---------- */
.dd-dept-dropdown{position:relative;display:inline-flex;flex-shrink:0;}
.dd-dept-dropdown--inline{display:inline-flex;}
.dd-chip--outras{display:inline-flex;align-items:center;gap:4px;}

/* ---------- painel flutuante ---------- */
.dd-dept-menu{
  display:none;position:absolute;top:calc(100% + 8px);left:0;z-index:60;
  min-width:240px;max-width:min(320px,calc(100vw - 32px));padding:10px;
  background:var(--dd-branco);border:1px solid var(--dd-borda);border-radius:var(--dd-raio-md);
  box-shadow:var(--dd-sombra-flutuante);
}
.dd-dept-menu--right{left:auto;right:0;}
.dd-dept-menu--aberto{display:block;}
.dd-dept-search-wrap{display:block;margin-bottom:8px;}
.dd-dept-search{
  width:100%;height:36px;padding:0 12px;border-radius:var(--dd-raio-sm);
  border:1px solid var(--dd-borda);background:var(--dd-creme-2);color:var(--dd-texto);
  font-family:var(--dd-fonte-sans);font-size:13px;
}
.dd-dept-search:focus{outline:none;border-color:var(--dd-bordo);}
.dd-dept-list{display:grid;gap:2px;max-height:320px;overflow-y:auto;}
.dd-dept-option{
  display:block;width:100%;text-align:left;padding:9px 10px;border:none;background:none;
  border-radius:var(--dd-raio-sm);color:var(--dd-texto);font-family:var(--dd-fonte-sans);
  font-size:13.5px;font-weight:500;cursor:pointer;
}
.dd-dept-option:hover,.dd-dept-option:focus-visible{background:var(--dd-creme-2);color:var(--dd-bordo);outline:none;}
.dd-dept-option--ativo{background:var(--dd-bordo);color:var(--dd-branco);font-weight:600;}
.dd-dept-option--ativo:hover{background:var(--dd-bordo-2);color:var(--dd-branco);}
.dd-dept-empty{margin:6px 2px 2px;color:var(--dd-texto-suave);font-size:12.5px;}

@media (max-width:760px){
  .dd-dept-row{height:68px;padding:0 16px;}
  .dd-dept-toggle{padding:0 10px;}
  .dd-dept-toggle-label{display:none;}
  .dd-dept-menu{left:auto;right:auto;}
}