/* ==================================================
   TIPOGRAFIA – TIES & COMPANY
   Base: Inter | Destaque: Montserrat
   ================================================== */

/* Importação da fonte */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&display=swap');

/* --------------------------------------------------
   BASE – tipografia geral
   -------------------------------------------------- */
body {
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* ==================================================
   MENU SUPERIOR
   ================================================== */

/* Remove a seta dos dropdowns (menu categorias)
   (remove "i" para não ficar overqualified) */
.menu-desktop .menu .nivel-um > li.com-filho > a > .icon-chevron-down {
  display: none;
}

/* Corrige espaçamento deixado pela seta */
.menu-desktop .menu .nivel-um > li.com-filho > a {
  padding-right: 0;
}

/* Tipografia do menu */
/* MENU - item principal (nivel 1) */
.menu .nivel-um > li > a,
.menu .nivel-um > li > a > .titulo {
  font-family: 'Montserrat', Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

/* SUBMENU (nivel 2) */
.menu .submenu a,
.menu .level2 a {
  font-family: 'Montserrat', Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

/* ==================================================
   AJUSTES – espaçamento entre itens do menu (sem usar gap)
   ================================================== */

.menu-desktop .menu .nivel-um {
  display: flex;
  justify-content: center; /* se quiser à esquerda: flex-start */
}

/* espaço entre itens via margin (substitui gap) */
.menu-desktop .menu .nivel-um > li {
  margin: 0;
  padding: 0;
}

.menu-desktop .menu .nivel-um > li:not(:last-child) {
  margin-right: 28px; /* ajuste fino: 20~34px */
}

/* ==================================================
   TÍTULOS DAS LISTAGENS / VITRINES
   ================================================== */

.titulo-categoria,
.titulo-categoria strong {
  font-family: 'Montserrat', Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 500 !important;
  font-size: 22px !important;
}

/* ==================================================
   PAINEL DA CONTA – SOMENTE ÍCONE
   (evita ".painel-conta.painel-item" para não colar classes)
   ================================================== */

/* Remove todo conteúdo textual (Bem-vindo / Entrar / Cadastrar / seta) */
.painel-conta .a .b {
  display: none;
}

/* Ajusta o container do ícone */
.painel-conta .a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  width: auto;
  cursor: pointer;
}

/* Remove qualquer espaço fantasma do painel */
.painel-conta {
  padding: 0;
}

.painel-conta .a:hover svg {
  opacity: 0.75;
}

/* ==================================================
   AJUSTES – alinhamento do ponteiro do dropdown
   ================================================== */

.painel-item .dir-inside::before {
  right: 5px;
}

.painel-item .dir-inside::after {
  right: 6px;
}

/* ==================================================
   REMOVER PAINEL / CENTRAL DE ATENDIMENTO
   ================================================== */

.painel-atendimento {
  display: none !important;
}

/* ===============================
   SEARCH – variação sem .busca-mobile
   (form direto / header desktop)
   =============================== */

/*form[action="/buscar"] {*/
/*  position: relative;*/
/*  max-width: 400px;*/
  /* width: 100%; */
/*  margin: 0 auto;*/
/*}*/

/* INPUT */
/*form[action="/buscar"] input[type="text"] {*/
/*  width: 100%;*/
/*  height: 52px;*/
/*  padding: 0 18px 0 48px;*/
/*  border-radius: 999px;*/
/*  border: 1px solid #e5e7eb;*/
/*  background: #f7f7f7;*/
/*  font-size: 15px;*/
/*  color: #111;*/
/*  outline: none;*/
/*  transition: background 0.2s ease, border-color 0.2s ease;*/
/*}*/

/* Hover / Focus */
/*form[action="/buscar"] input[type="text"]:hover {*/
/*  background: #f5f5f5;*/
/*}*/

/*form[action="/buscar"] input[type="text"]:focus {*/
/*  background: #ffffff;*/
/*  border-color: #d1d5db;*/
/*}*/

/* Placeholder (texto intacto) */
/*form[action="/buscar"] input::placeholder {*/
/*  color: #9ca3af;*/
/*  opacity: 1;*/
/*}*/

/* BOTÃO DA LUPA */
/*form[action="/buscar"] .botao-busca {*/
/*  position: absolute;*/
/*  left: 16px;*/
/*  top: 50%;*/
/*  transform: translateY(-50%);*/
/*  background: transparent;*/
/*  border: none;*/
/*  padding: 0;*/
/*  pointer-events: none;*/
/*}*/

/* SVG */
/*form[action="/buscar"] .botao-busca svg {*/
/*  width: 18px;*/
/*  height: 18px;*/
/*  fill: #9ca3af;*/
/*}*/