/* theme-kit: assets/kit-find-us.css */
.kit-find-us__list {
  display: grid;
  gap: var(--kit-gap);
  margin: clamp(20px, 3vw, 32px) 0 0;
  padding: 0;
  list-style: none;
}

@media (min-width: 750px) {
  .kit-find-us__list--many {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  }
}

.kit-find-us__item {
  display: grid;
  align-content: start;
  gap: 0.75rem;
  padding: clamp(20px, 3vw, 28px);
  border: 1px solid var(--kit-line);
  border-radius: var(--kit-card-radius);
  background: var(--kit-surface);
}

.kit-find-us__name {
  margin: 0;
  font-family: var(--kit-font-heading), var(--kit-font-body), sans-serif;
  font-size: var(--kit-h3);
  font-weight: var(--kit-heading-weight);
}

.kit-find-us__line {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  margin: 0;
}

.kit-find-us__line .kit-icon {
  margin-top: 0.15em;
  color: var(--kit-muted);
}

.kit-find-us__hours summary {
  min-height: 44px;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 0.2em;
  cursor: pointer;
}

.kit-find-us__item > .kit-btn {
  justify-self: start;
}

.kit-map {
  overflow: hidden;
  aspect-ratio: 16 / 10;
  border: 1px solid var(--kit-line);
  border-radius: var(--kit-card-radius);
  background:
    linear-gradient(var(--kit-line) 1px, transparent 1px) 0 0 / 32px 32px,
    linear-gradient(90deg, var(--kit-line) 1px, transparent 1px) 0 0 / 32px 32px,
    var(--kit-tint);
}

.kit-map iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.kit-map__load {
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 0.35rem;
  width: 100%;
  height: 100%;
  color: var(--kit-ink);
  text-align: center;
  text-decoration: none;
}

.kit-map__load .kit-icon {
  width: 2rem;
  height: 2rem;
}

.kit-map__label {
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

.kit-map__note {
  color: var(--kit-muted);
  font-size: var(--kit-small);
}