/* =========================================================
   Insights Mind — barra de pesquisa das resenhas + cabeçalho
   Usado por todas as páginas (/assets/busca.css)
   ========================================================= */

/* ---------- Cabeçalho: mesma cor da página ---------- */
body .ir-topo{
  background:var(--papel);
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
.ir-topo .ir-topo-inner{position:relative;gap:8px}
.ir-topo .ir-marca{min-width:0;flex:0 1 auto}
.ir-topo .ir-marca-nome{white-space:nowrap}

/* Botão do menu da página inicial no mesmo estilo do botão das demais páginas */
.ir-topo .ir-burger{
  width:42px;height:42px;margin-left:0;flex-shrink:0;
  background:transparent;border:1.5px solid #0F766E;border-radius:12px;
}
.ir-topo .ir-burger span{background:#0F766E}
.ir-topo .ir-burger:hover{background:rgba(15,118,110,.08);border-color:#0F766E}

/* ---------- Busca ---------- */
.im-busca{
  --im-teal:#0F766E;
  position:static;
  display:flex;align-items:center;
  margin-left:auto;flex:0 0 auto;
  font-family:inherit;
}

/* botão-lupa (celular) — mesmo visual do botão de menu */
.im-busca-abrir{
  display:flex;align-items:center;justify-content:center;
  width:42px;height:42px;padding:0;flex-shrink:0;
  border:1.5px solid var(--im-teal);border-radius:12px;
  background:transparent;color:var(--im-teal);cursor:pointer;
  transition:background .2s;
}
.im-busca-abrir:hover{background:rgba(15,118,110,.08)}
.im-busca-abrir:focus-visible,.im-busca-voltar:focus-visible{outline:3px solid #8fd3c7;outline-offset:2px}
.im-busca svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}

/* campo */
.im-busca-form{
  display:none;align-items:center;gap:8px;
  height:42px;margin:0;padding:0 14px;
  border-radius:999px;
  background:rgba(20,33,30,.07);
  color:#14211e;
  transition:background .15s,box-shadow .15s;
}
.im-busca-form:focus-within{background:#fff;box-shadow:0 0 0 2px rgba(15,118,110,.40)}
.im-busca-form .im-busca-ico{width:18px;height:18px;color:#6b7a75}
.im-busca-form:focus-within .im-busca-ico{color:var(--im-teal)}
.im-busca-input{
  flex:1;min-width:0;height:100%;
  border:0;outline:0;background:transparent;
  font:inherit;font-size:15px;line-height:1.2;color:inherit;
  -webkit-appearance:none;appearance:none;
}
.im-busca-input::placeholder{color:#6b7a75;opacity:1}
.im-busca-input::-webkit-search-decoration{-webkit-appearance:none}
.im-busca-voltar{
  display:none;align-items:center;justify-content:center;
  width:36px;height:36px;margin-left:-8px;padding:0;flex-shrink:0;
  border:0;border-radius:50%;background:transparent;color:#14211e;cursor:pointer;
}
.im-busca-voltar:hover{background:rgba(20,33,30,.08)}

/* lista de resultados */
.im-busca-lista{
  position:absolute;z-index:1100;
  left:12px;right:12px;top:calc(100% + 4px);
  max-height:min(72vh,520px);overflow-y:auto;overscroll-behavior:contain;
  padding:6px;
  background:#fff;border:1px solid rgba(20,33,30,.10);border-radius:14px;
  box-shadow:0 18px 40px rgba(20,33,30,.18);
  font-size:15px;line-height:1.3;color:#14211e;
}
.im-busca-lista[hidden]{display:none}
.im-r{
  display:flex;align-items:center;gap:12px;
  padding:8px 10px;border-radius:10px;
  color:inherit;text-decoration:none;
}
.im-r:hover,.im-r.ativo{background:rgba(15,118,110,.09)}
.im-r:focus-visible{outline:2px solid var(--im-teal);outline-offset:-2px}
.im-r-capa{
  width:38px;height:54px;flex:0 0 38px;border-radius:4px;
  object-fit:cover;background:#e8efec;display:block;
  box-shadow:0 2px 6px rgba(20,33,30,.22);
}
.im-r-tx{display:flex;flex-direction:column;min-width:0;gap:2px}
.im-r-tit{font-weight:700;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.im-r-sub{font-size:13px;color:#5d6d67;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.im-r mark{background:rgba(201,162,80,.35);color:inherit;border-radius:3px;padding:0 1px}
.im-busca-vazio{padding:16px 14px;font-size:14px;color:#5d6d67;text-align:center}

/* ---------- Celular: pesquisa aberta ocupa a linha do cabeçalho ---------- */
.ir-topo.im-busca-on .ir-marca,
.ir-topo.im-busca-on .im-toggler,
.ir-topo.im-busca-on .ir-burger,
.ir-topo.im-busca-on .im-busca-abrir{display:none}
.ir-topo.im-busca-on .im-busca{flex:1;margin-left:0;min-width:0}
.ir-topo.im-busca-on .im-busca-form{display:flex;flex:1;min-width:0}
.ir-topo.im-busca-on .im-busca-voltar{display:flex}

/* ---------- Computador: logo + pesquisa na barra superior (como no Facebook) ---------- */
@media (min-width:1180px){
  :root{--im-hdr:64px}
  body{padding-top:var(--im-hdr)}

  .ir-topo{
    position:fixed!important;top:0;left:0;right:0;
    display:block!important;
    height:var(--im-hdr);z-index:1001;
  }
  .ir-topo .ir-topo-inner{
    max-width:none!important;height:100%;
    padding:0 16px!important;
    justify-content:flex-start!important;
    gap:10px;
  }
  .ir-topo .ir-marca{display:flex!important}
  .ir-topo .ir-burger{margin-left:auto}

  /* menu lateral começa abaixo da barra; a logo agora fica na barra */
  .im-side{top:var(--im-hdr)!important}
  .im-brand{display:none!important}

  .im-busca{position:relative;margin-left:6px}
  .im-busca-abrir,.im-busca-voltar{display:none!important}
  .im-busca-form{display:flex;width:300px}
  .im-busca-lista{left:0;right:auto;top:calc(100% + 8px);width:400px}
  .ir-topo.im-busca-on .ir-marca{display:flex!important}
  .ir-topo.im-busca-on .ir-burger{display:flex}
  .ir-topo.im-busca-on .im-busca{flex:0 0 auto;margin-left:6px}
  .ir-topo.im-busca-on .im-busca-form{flex:0 0 auto;width:300px}
}

@media (max-width:360px){
  .ir-topo .ir-marca-nome{font-size:.95rem}
  .ir-topo .ir-topo-inner{padding-left:16px;padding-right:16px}
}

@media print{
  .ir-topo{display:none!important}
  body{padding-top:0!important}
}