/* /public_html/assets/css/components/address-autocomplete.css */
/* V49.2.25 — composant commun d'autocomplétion d'adresse. */

.edq-address-autocomplete-host {
  position: relative;
  overflow: visible !important;
  z-index: 3;
}

.edq-address-autocomplete-host:focus-within {
  z-index: 30;
}

.edq-address-autocomplete {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + .42rem);
  z-index: 900;
  display: flex;
  flex-direction: column;
  gap: .28rem;
  padding: .4rem;
  border: 1px solid color-mix(in srgb, var(--theme-primary, #38bdf8) 35%, var(--color-border-subtle, #334155) 65%);
  border-radius: 1rem;
  background:
    linear-gradient(135deg,
      color-mix(in srgb, var(--color-surface, #020617) 92%, var(--theme-primary, #38bdf8) 8%),
      color-mix(in srgb, var(--color-surface, #020617) 86%, #ec4899 14%));
  color: var(--color-text, #f9fafb);
  box-shadow:
    0 1.2rem 2.6rem rgba(0, 0, 0, .34),
    inset 0 1px 0 rgba(255, 255, 255, .08);
  backdrop-filter: blur(18px) saturate(1.08);
  -webkit-backdrop-filter: blur(18px) saturate(1.08);
  max-height: min(18rem, 42vh);
  overflow-y: auto;
  overscroll-behavior: contain;
}

.edq-address-autocomplete[hidden] {
  display: none !important;
}

.edq-address-autocomplete__item {
  width: 100%;
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  align-items: center;
  gap: .72rem;
  padding: .72rem .78rem;
  border: 0;
  border-radius: .78rem;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  transition: background-color .14s ease, transform .14s ease;
}

.edq-address-autocomplete__item:hover,
.edq-address-autocomplete__item:focus-visible,
.edq-address-autocomplete__item.is-active {
  outline: none;
  background: color-mix(in srgb, var(--theme-primary, #38bdf8) 18%, transparent);
}

.edq-address-autocomplete__item:active {
  transform: translateY(1px);
}

.edq-address-autocomplete__item > i {
  width: 2rem;
  height: 2rem;
  display: inline-grid;
  place-items: center;
  border-radius: .72rem;
  color: color-mix(in srgb, var(--theme-primary, #38bdf8) 82%, #ffffff 18%);
  background: color-mix(in srgb, var(--theme-primary, #38bdf8) 15%, transparent);
}

.edq-address-autocomplete__content {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: .16rem;
}

.edq-address-autocomplete__content strong {
  display: block;
  color: var(--color-text, #f9fafb);
  font-weight: 850;
  line-height: 1.24;
  overflow-wrap: anywhere;
}

.edq-address-autocomplete__content small,
.edq-address-autocomplete__empty {
  color: var(--color-text-muted, #94a3b8);
  font-size: .82rem;
  line-height: 1.35;
}

.edq-address-autocomplete__empty {
  padding: .78rem .85rem;
}

html[data-theme="dark"] .edq-address-autocomplete {
  background:
    linear-gradient(135deg,
      color-mix(in srgb, #020617 88%, var(--theme-primary, #38bdf8) 12%),
      color-mix(in srgb, #020617 86%, #be185d 14%));
}

@media (max-width: 720px) {
  .edq-address-autocomplete {
    max-height: min(16rem, 48vh);
  }

  .edq-address-autocomplete__item {
    padding-block: .82rem;
  }
}

.edq-address-autocomplete__source {
  padding: .28rem .72rem .34rem;
  color: color-mix(in srgb, var(--color-text-muted, #94a3b8) 88%, transparent);
  font-size: .72rem;
  line-height: 1.3;
  text-align: right;
}