/* RLI UI 5.9.5 — traffic/related keyword chips */
/* =========================================================
   RLI traffic keyword chips v5.6.2
   Owner central: 00-rli-ui-core-premium-safe.php
   - Agranda los chips de "Búsquedas populares" en bloques traffic.
   - Funciona en fichas que WordPress marca como page/page-child, no como body.single.
   - Mantiene iconos separados del texto y dentro del chip.
========================================================= */
#rli-traffic-block .rli-traffic-card .rli-traffic-chips{
  justify-content:center !important;
  gap:14px 16px !important;
}
#rli-traffic-block .rli-traffic-card .rli-traffic-chips > a.rli-chip.rli-kw-chip{
  min-height:58px !important;
  padding:16px 28px !important;
  font-size:18px !important;
  font-weight:950 !important;
  line-height:1.12 !important;
  gap:13px !important;
  border-width:2px !important;
  border-radius:8px !important;
  box-sizing:border-box !important;
  white-space:nowrap !important;
  overflow:visible !important;
}
#rli-traffic-block .rli-traffic-card .rli-traffic-chips > a.rli-chip.rli-kw-chip::before{
  display:inline-block !important;
  position:static !important;
  left:auto !important;
  top:auto !important;
  transform:none !important;
  width:31px !important;
  height:31px !important;
  min-width:31px !important;
  min-height:31px !important;
  flex:0 0 31px !important;
  margin:0 !important;
  background-size:31px 31px !important;
  -webkit-mask-size:contain !important;
  mask-size:contain !important;
}
@media(max-width:620px){
  #rli-traffic-block .rli-traffic-card .rli-traffic-chips > a.rli-chip.rli-kw-chip{
    flex:1 1 100% !important;
    white-space:normal !important;
    text-align:center !important;
    padding:15px 18px !important;
    font-size:16.5px !important;
    min-height:56px !important;
  }
}


/* =========================================================
   RLI traffic chips homogeneity guard v5.6.3
   - Misma apariencia en city pages, fichas tratadas como page/page-child y cualquier bloque traffic.
   - Selector deliberadamente amplio pero limitado al bloque traffic.
   - No toca fichas reales, queries, schema, title/meta ni load more.
========================================================= */
.rli-traffic .rli-traffic-chips,
#rli-traffic-block .rli-traffic-chips{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  align-items:center !important;
  gap:14px 16px !important;
}
.rli-traffic .rli-traffic-chips > a.rli-chip.rli-kw-chip,
#rli-traffic-block .rli-traffic-chips > a.rli-chip.rli-kw-chip{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:58px !important;
  padding:16px 28px !important;
  font-size:18px !important;
  font-weight:950 !important;
  line-height:1.12 !important;
  gap:13px !important;
  border-width:2px !important;
  border-radius:8px !important;
  box-sizing:border-box !important;
  white-space:nowrap !important;
  overflow:visible !important;
}
.rli-traffic .rli-traffic-chips > a.rli-chip.rli-kw-chip::before,
#rli-traffic-block .rli-traffic-chips > a.rli-chip.rli-kw-chip::before{
  display:inline-block !important;
  position:static !important;
  left:auto !important;
  top:auto !important;
  transform:none !important;
  width:31px !important;
  height:31px !important;
  min-width:31px !important;
  min-height:31px !important;
  flex:0 0 31px !important;
  margin:0 !important;
  background-size:31px 31px !important;
  -webkit-mask-size:contain !important;
  mask-size:contain !important;
  -webkit-mask-position:center !important;
  mask-position:center !important;
  -webkit-mask-repeat:no-repeat !important;
  mask-repeat:no-repeat !important;
}
@media(max-width:620px){
  .rli-traffic .rli-traffic-chips,
  #rli-traffic-block .rli-traffic-chips{
    gap:12px !important;
  }
  .rli-traffic .rli-traffic-chips > a.rli-chip.rli-kw-chip,
  #rli-traffic-block .rli-traffic-chips > a.rli-chip.rli-kw-chip{
    flex:1 1 100% !important;
    white-space:normal !important;
    text-align:center !important;
    padding:15px 18px !important;
    font-size:16.5px !important;
    min-height:56px !important;
  }
}




/* =========================================================
   RLI traffic chips 3 columns homogeneous v5.6.4
   - Fuerza patrón estable de 3 columnas en desktop/tablet ancho.
   - Evita el wrapping por ancho de texto del flex anterior.
   - 2 columnas en tablet estrecha y 1 columna en móvil.
   - Limitado al bloque traffic; no toca fichas ni queries.
========================================================= */
.rli-traffic .rli-traffic-chips,
#rli-traffic-block .rli-traffic-chips{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px 16px !important;
  align-items:stretch !important;
  justify-content:center !important;
  width:100% !important;
  max-width:930px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.rli-traffic .rli-traffic-chips > a.rli-chip.rli-kw-chip,
#rli-traffic-block .rli-traffic-chips > a.rli-chip.rli-kw-chip{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  min-height:58px !important;
  padding:15px 18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  white-space:normal !important;
  box-sizing:border-box !important;
}
.rli-traffic .rli-traffic-chips > a.rli-chip.rli-kw-chip::before,
#rli-traffic-block .rli-traffic-chips > a.rli-chip.rli-kw-chip::before{
  flex:0 0 31px !important;
}
@media(max-width:820px){
  .rli-traffic .rli-traffic-chips,
  #rli-traffic-block .rli-traffic-chips{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    max-width:620px !important;
  }
}
@media(max-width:520px){
  .rli-traffic .rli-traffic-chips,
  #rli-traffic-block .rli-traffic-chips{
    grid-template-columns:1fr !important;
    max-width:100% !important;
    gap:12px !important;
  }
  .rli-traffic .rli-traffic-chips > a.rli-chip.rli-kw-chip,
  #rli-traffic-block .rli-traffic-chips > a.rli-chip.rli-kw-chip{
    min-height:56px !important;
    font-size:16.5px !important;
  }
}