/* Additions the reference escort-profile bundle does not carry: the released
   mobile contact bar, and the similar-ads list layout the reference switches
   to from its thumbnails grid. */

/* The mark that sits beside the profile's name.

   The premium mark is the reference's own pill — the cream capsule, its inset
   gold ring and the rosette with the word, exactly as the listing cards draw it
   (`.escort-profile-premium-mark` lives in the shared profile stylesheet, which
   is only loaded for business listings, so the escort profile carries its own
   copy of the same three rules). It is the only mark on that line: the round
   check that used to sit beside it repeated what the ad's own plan already
   says. */
.escort-profile-premium-mark {
  align-items: center;
  background-color: #efede8;
  border-radius: 9999px;
  box-shadow: inset 0 0 0 1px #b9a074;
  color: #b9a074;
  display: inline-flex;
  flex: none;
  font-size: 12px;
  font-weight: 500;
  gap: 0.25rem;
  letter-spacing: 0.02em;
  line-height: 1.375;
  padding: 0.25rem 0.5rem;
  text-transform: uppercase;
  white-space: nowrap;
}

.escort-profile-premium-mark-icon {
  display: inline-flex;
  flex: none;
}

.escort-profile-premium-mark-label {
  display: inline-block;
}

/* The same row rule the profile's own stylesheet carries, because the escort
   profile is the reference bundle and that one belongs to business listings:
   the name grows to fill the line so the marks land on its right edge, and a
   long name shrinks instead of pushing them out of the card. */
[data-escort-profile-title-row] {
  align-items: center;
  display: flex;
  gap: 0.5rem;
}

[data-escort-profile-title-row] h1 {
  flex: 1 1 0%;
  min-width: 0;
}

/* The mobile contact bar is fixed until the site footer scrolls into view. */
[data-sticky-mobile].is-released {
  position: static !important;
  box-shadow: none !important;
}

/* Similar ads: thumbnails is the default; .is-list is the one-line variant. */
[data-listing-view-group].is-list {
  display: block;
}

[data-listing-view-group].is-list .listing-card {
  display: flex;
  width: 100%;
  margin: 0 0 0.5rem;
  padding: 0.375rem;
  overflow: visible;
  border-radius: 0.5rem;
  background-color: #ffffff;
}

[data-listing-view-group].is-list .listing-card > a {
  display: flex;
  width: 100%;
  position: relative;
}

[data-listing-view-group].is-list .listing-card-badges,
[data-listing-view-group].is-list .listing-mobile-premium {
  display: none;
}

[data-listing-view-group].is-list .listing-image-frame {
  position: relative;
  width: 3rem;
  height: 3rem;
  min-width: 3rem;
  margin-right: 0.5rem;
  padding-bottom: 0;
}

[data-listing-view-group].is-list .listing-image-frame img {
  position: static;
  width: 3rem;
  height: 3rem;
  border-radius: 0.375rem;
  object-fit: cover;
}

[data-listing-view-group].is-list .listing-card-body {
  position: static;
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}

[data-listing-view-group].is-list .listing-card-title {
  margin-bottom: 0.25rem;
  padding: 0;
  background: none;
  color: #282a30;
  font-weight: 600;
}

[data-listing-view-group].is-list .listing-card-title span[data-listing-card-media-count] {
  display: none;
}

[data-listing-view-group].is-list .listing-card-meta {
  display: flex;
  margin-top: auto;
  padding: 0;
  gap: 0.5rem;
  background: none;
  justify-content: space-between;
}

[data-listing-view-group].is-list .listing-card-meta svg {
  display: none;
}

[data-listing-view-group].is-list .listing-card-meta span {
  color: #5e5f60;
  font-size: 0.75rem;
  font-weight: 600;
}

[data-listing-view-group].is-list [data-listing-card-more] {
  display: inline;
}

@media (min-width: 768px) {
  [data-listing-view-group].is-list .listing-image-frame {
    width: 4rem;
    height: 4rem;
    min-width: 4rem;
  }

  [data-listing-view-group].is-list .listing-image-frame img {
    width: 4rem;
    height: 4rem;
  }
}