/**
 * @file
 * Search result styling.
 *
 * Attached on search pages via the clubbing411_module/styles.search library.
 */

.search-result .field--name-field-deals .field--item,
.search-result .field--name-field-venue-deals .field--item,
.search-result .field--name-field-event-type .field--item,
.search-result .field--name-field-crowd-type .field--item,
.search-result .field--name-field-music-genre .field--item,
.search-result .field--name-field-event-deals .field--item {
  display: inline-block;
}

/* Favorite heart — grey circle, pinned to card's upper-left over the image. */
article.search-result.row {
  position: relative;
}
article.search-result.row .flag-favorite {
  position: absolute;
  top: 6px;
  left: 6px;
  z-index: 5;
  margin: 0;
}
article.search-result.row > [class*="col-sm-8"] {
  position: static;
}

/* Heart appearance — grey circle */
article.search-result.row .flag-favorite a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(90, 90, 90, .92);
  color: #fff;
  font-size: 0;
  text-decoration: none;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
  transition: transform .15s ease, background .15s ease;
}

/* Default (not saved) = outline heart */
article.search-result.row .flag-favorite.action-flag a::before {
  content: "\2661";           /* outline heart */
  font-size: 22px;
  line-height: 1;
  color: #fff;
}

/* Saved = filled pink heart */
article.search-result.row .flag-favorite.action-unflag a::before {
  content: "\2665";           /* filled heart */
  font-size: 22px;
  line-height: 1;
  color: #ff4d6d;
}

article.search-result.row .flag-favorite a:hover {
  transform: scale(1.08);
  background: rgba(70, 70, 70, .96);
}