/* DUNDAA — Event discovery UI */

.dundaa-discovery-filters {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 12px;
  margin-top: 14px;
}

.dundaa-discovery-field {
  min-width: 0;
}

.dundaa-discovery-field label {
  display: block;
  font-size: 10px;
  font-weight: 800;
  margin-bottom: 7px;
  letter-spacing: .04em;
}

.dundaa-discovery-field input,
.dundaa-discovery-field select {
  width: 100%;
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line,#ccc);
  border-radius: 7px;
  background: var(--surface,#fff);
  color: inherit;
  font: 500 12px Montserrat,sans-serif;
}

.dundaa-sponsored-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 2;
  background: #fff;
  color: #111;
  border: 1px solid #111;
  border-radius: 5px;
  padding: 7px 10px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .05em;
}

.event-image {
  position: relative;
}

.event-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 18px;
}

@media(max-width:1100px) {
  .event-grid {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
}

@media(max-width:900px) {
  .dundaa-discovery-filters {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  .event-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media(max-width:580px) {
  .dundaa-discovery-filters,
  .event-grid {
    grid-template-columns: minmax(0,1fr);
  }
}