/* Az egyetlen publikus listaoldal térkép–kereső–grid ritmusa. */
.ssr-layout:has(> .ssr-layout-top > .ssr-map + .ssr-search-form)
  > .ssr-layout-top {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.ssr-layout:has(> .ssr-layout-top > .ssr-map + .ssr-search-form)
  > .ssr-layout-row
  > .ssr-layout-main {
  padding: 1rem 0 0;
}

/* A keskeny oszlopok fejléce több sorba törhet, de a rendezési ikon a
   felirat része marad: nem kerülhet önállóan egy következő sorba. */
.ssr-grid-table thead th,
.ssr-grid-table thead th.ssr-grid-align-right,
.ssr-grid-table thead th.ssr-grid-align-center {
  text-align: center;
  white-space: normal;
}

.ssr-grid-table th[aria-sort]::after {
  content: none;
}

.ssr-grid-table .ssr-grid-sort {
  display: inline-flex;
  align-items: flex-end;
  justify-content: center;
  gap: 0.32rem;
  max-width: 100%;
  white-space: normal;
}

.ssr-grid-table .ssr-grid-sort::after {
  content: "";
  display: block;
  flex: 0 0 0.62rem;
  width: 0.62rem;
  height: 0.78rem;
  margin-bottom: 0.08rem;
  background: currentColor;
  opacity: 0.55;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 16'%3E%3Cpath d='m2 5 4-4 4 4M2 11l4 4 4-4' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

.ssr-grid-table th[aria-sort="ascending"] .ssr-grid-sort::after {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 16'%3E%3Cpath d='m2 10 4-4 4 4' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.ssr-grid-table th[aria-sort="descending"] .ssr-grid-sort::after {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 16'%3E%3Cpath d='m2 6 4 4 4-4' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* A részletlink egyetlen, jobbra mutató irányjelzőt kap. A keret bal oldali
   alapikonja nélkül kompaktabb, a rekord-gombsor pedig a cella közepén áll. */
.ssr-grid-detail-cell .ssr-record-toolbar {
  justify-content: center;
}

.ssr-grid-detail-cell .ssr-toolbar-btn-detail > .ssr-toolbar-btn-icon {
  display: none;
}

/* A popup témakörei külön címkék: az inline rekordértékek megmaradnak, csak
   a keskeny térképbuborékban kapnak tag-alakot; a köztes vesszők eltűnnek. */
.d-map-popup .ssr-card-field[data-field="temakorok"] .ssr-record-inline {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.35rem;
  font-size: 0;
}

.d-map-popup .ssr-card-field[data-field="temakorok"] .ssr-record-inline-item {
  padding: 0.22rem 0.5rem;
  border: 1px solid color-mix(in srgb, var(--ssr-accent) 24%, transparent);
  border-radius: 999px;
  background: var(--ssr-accent-soft);
  color: var(--ssr-accent);
  font-size: 0.85rem;
  font-weight: 600;
}