/* Marknadsföringsguiden — server-rendered pagination and search refinements. */
.guide-result-row{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
}

.guide-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
  margin-top:clamp(38px,6vw,72px);
  padding-top:clamp(22px,4vw,36px);
  border-top:1px solid var(--theme-line,var(--line));
}

.guide-pagination .page-numbers{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:44px;
  min-height:44px;
  padding:0 14px;
  border:1px solid var(--theme-line,var(--line));
  border-radius:999px;
  background:var(--theme-surface,rgba(255,255,255,.035));
  color:var(--theme-muted,var(--muted));
  text-decoration:none!important;
  font-size:.88rem;
  font-weight:700;
  line-height:1;
  transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease;
}

.guide-pagination a.page-numbers:hover,
.guide-pagination a.page-numbers:focus-visible{
  transform:translateY(-1px);
  border-color:var(--theme-line-strong,rgba(255,255,255,.2));
  color:var(--theme-text,var(--text));
}

.guide-pagination .page-numbers.current{
  border-color:rgba(255,92,0,.48);
  background:rgba(255,92,0,.12);
  color:var(--theme-text,var(--text));
}

html[data-theme="light"] .guide-pagination .page-numbers{
  background:rgba(21,21,23,.025);
}
html[data-theme="light"] .guide-pagination .page-numbers.current{
  background:rgba(255,92,0,.09);
}

.guide-search{
  position:relative;
}
.guide-search input[type="search"]{
  width:100%;
}

.guide-empty.is-visible{
  display:block;
}

@media(max-width:520px){
  .guide-pagination{
    justify-content:flex-start;
  }
  .guide-pagination .prev,
  .guide-pagination .next{
    flex:1 1 auto;
  }
}