.konordo-maps-wrapper {
  position: relative;
}

.konordo-maps-overlay {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  background: linear-gradient(
    180deg,
    rgba(250, 246, 239, 0.92) 0%,
    rgba(245, 238, 229, 0.96) 100%
  );
  text-align: center;
}

.konordo-maps-card {
  max-width: 22rem;
  padding: 1.25rem;
  border: 1px solid rgba(31, 31, 31, 0.08);
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 12px 32px rgba(25, 22, 17, 0.12);
}

.konordo-maps-title {
  margin: 0 0 0.4rem;
  color: #1f1f1f;
  font-weight: 700;
  font-size: 1.05rem;
}

.konordo-maps-copy {
  margin: 0 0 1rem;
  color: #5a544d;
  font-size: 0.95rem;
  line-height: 1.45;
}

.konordo-maps-button {
  border: 0;
  border-radius: 999px;
  padding: 0.7rem 1.1rem;
  background: #f47b20;
  color: #fff;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
}

.konordo-maps-button:hover,
.konordo-maps-button:focus {
  background: #dd6912;
}

.konordo-maps-status {
  display: none;
  margin: 0.85rem 0 0;
  font-size: 0.9rem;
}

.konordo-maps-status--loading {
  color: #4d5966;
}

.konordo-maps-status--error {
  color: #b3261e;
}

.konordo-maps-wrapper.is-konordo-maps-loading .konordo-maps-status--loading,
.konordo-maps-wrapper.is-konordo-maps-error .konordo-maps-status--error {
  display: block;
}

.konordo-maps-wrapper.is-konordo-maps-loading .konordo-maps-button {
  opacity: 0.65;
  pointer-events: none;
}

.konordo-maps-wrapper.is-konordo-maps-ready .konordo-maps-overlay {
  display: none;
}