/*
 * Swiss Art Gallery
 * Autocomplétion universelle des artistes
 */

.sag-artist-suggest {
  position: fixed;
  z-index: 2147483000;
  max-height: min(430px, 58vh);
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid rgba(171, 132, 57, .42);
  border-radius: 12px;
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.995),
      rgba(251,248,241,.995)
    );
  box-shadow:
    0 18px 55px rgba(24, 19, 12, .18),
    0 3px 12px rgba(24, 19, 12, .09);
  color: #29231c;
  backdrop-filter: blur(14px);
}

.sag-artist-suggest[hidden] {
  display: none !important;
}

.sag-artist-suggest-option {
  display: block;
  width: 100%;
  padding: 11px 14px;
  border: 0;
  border-bottom:
    1px solid rgba(110, 88, 49, .10);
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.sag-artist-suggest-option:last-child {
  border-bottom: 0;
}

.sag-artist-suggest-option:hover,
.sag-artist-suggest-option.is-active {
  background:
    linear-gradient(
      90deg,
      rgba(200, 161, 79, .16),
      rgba(200, 161, 79, .055)
    );
}

.sag-artist-suggest-main {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
}

.sag-artist-suggest-main strong {
  font-weight: 720;
  letter-spacing: .005em;
}

.sag-artist-suggest-main > span {
  flex: 0 0 auto;
  color: #806f52;
  font-size: .78rem;
  white-space: nowrap;
}

.sag-artist-suggest-option small {
  display: block;
  margin-top: 3px;
  color: #8c7d68;
  font-size: .72rem;
  line-height: 1.35;
}

.sag-artist-suggest-empty {
  padding: 13px 14px;
  color: #796d5d;
  font-size: .8rem;
  line-height: 1.45;
}

input[data-sag-artist-autocomplete="1"] {
  background-image:
    linear-gradient(
      90deg,
      transparent,
      transparent
    );
}

@media (max-width: 620px) {
  .sag-artist-suggest {
    max-height: 46vh;
    border-radius: 10px;
  }

  .sag-artist-suggest-option {
    padding: 12px;
  }
}