/* =====================================================
   GBF – Buscas Relacionadas (Shortcode)
   Estilos exclusivos do módulo gerado por MU-plugin
   ===================================================== */

/* ===== Wrapper / título ===== */
.gbf-chips {
  margin: 1.25rem 0;
}

.gbf-chips-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}

.gbf-chips-title {
  margin: 0;
  line-height: 1.2;
  font-family: 'Roboto', sans-serif;
  font-size: 24px;
  color: #2A2A2A;
}

/* Titulo mobile */
@media (max-width: 767px) {
  .gbf-chips-title { font-size: 20px; }
}

/* ===== Linha de chips ===== */
.gbf-chips-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

/* ===== Pílulas ===== */
.gbf-chips .gbf-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.45rem 0.85rem;
  border-radius: 9999px;
  background: #fff;
  color: #54595f;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.25;
  text-decoration: none;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  white-space: normal;
  overflow-wrap: anywhere;
  text-shadow: none;
  transition: background-color .25s ease, color .25s ease, box-shadow .25s ease;
}

/* ===== Hover ===== */
.gbf-chips .gbf-chip:hover {
  background: #009049;
  color: #fff;
  box-shadow: 0 4px 16px rgba(0,0,0,.12);
}

/* ===== Tablet & mobile (deixe este bloco por ÚLTIMO) ===== */
@media (max-width: 1024px){
  /* centraliza cabeçalho/título */
  .gbf-chips-head{ justify-content: center; }         /* se preferir, use !important */
  .gbf-chips-title{ text-align: center; }

  /* centraliza a linha de chips */
  .gbf-chips-row{ justify-content: center; }

  /* deixa cada chip ocupando a linha e centraliza o texto */
  .gbf-chips .gbf-chip{
    width: 100%;
    text-align: center;
  }
}

/* Espaço extra entre "Buscas relacionadas" e "Buscas populares" */
.gbf-chips--archive.gbf-chips--related + .gbf-chips--archive.gbf-chips--popular {
  margin-top: 5rem; /* ajuste o valor como preferir */
}