/* Directory Helpers - Frontend shared styles */

/* Generic list styles used by multiple modules (e.g., nearest cities) */
.nc-list {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left;
}

.nc-list.vertical {
  font-size: var(--text-s);
}

.nc-list .nc-item {
  margin: 0 0 .4rem 0;
  padding: 0;
}

.nc-list .nc-link {
  text-decoration: none;
  font-weight: 400;
}

/* Inline/Horizontal list variant */
.nc-list.inline {
  display: inline-flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.75rem;
  font-size: var(--text-xs);
}

.nc-list.inline .nc-item {
  display: inline;
}

/* Nearby wrapper helpers to align label and list inline in Bricks */
.nearby-cities-wrap {
  display: inline-flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.75rem;
  font-size: var(--text-xs);
}

.nearby-cities-wrap .brxe-shortcode {
  display: inline-flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.75rem;
  font-size: var(--text-xs);
}

.nearby-cities-wrap .brxe-shortcode .nc-list {
  display: inline-flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.75rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Profile Badges Module */
.dh-accolades,
.dh-celebration {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin-top: var(--space-xs);
}

.dh-badge-wrap {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
}

.dh-badge {
  display: block;
  max-width: 120px;
  height: auto;
}

@media ( max-width: 780px ) {
  .dh-accolades {
    margin-bottom: var(--space-s);
  }

  .dh-accolades .dh-badge {
    max-width: 28%;
  }
}

.dh-copy-embed {
  background: none;
  border: none;
  font-size: var(--text-xs);
  cursor: pointer;
  white-space: nowrap;
  text-decoration: underline;
  text-underline-offset: 0.22rem;
}

.dh-copy-embed:hover {
  color: var(--primary);
}