.mtd-wrap { display: block; width: 100%; }

/* Toolbar: filter + sort ved siden av hverandre, wrap på små skjermer */
.mtd-toolbar {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-bottom: 1rem;
}

.mtd-filter-row { display: flex; flex-wrap: wrap; gap: .5rem 1rem; align-items: center; }
.mtd-check { display: inline-flex; gap: .5rem; align-items: center; font-size: .95rem; cursor: pointer; }
.mtd-check input { transform: translateY(1px); }

.mtd-sort { display: inline-flex; align-items: center; gap: .5rem; }
.mtd-sort-select {
  padding: .4rem .6rem;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  background: #fff;
  font-size: .95rem;
}

.mtd-results {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1rem;
}
@media (min-width: 640px) {
  .mtd-results { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 960px) {
  .mtd-results { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1200px) {
  .mtd-results { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

.mtd-card {
  border: 1px solid #e5e7eb;
  border-radius: 0px;
  background: #aa0000;
  padding: 1rem;
  transition: box-shadow .2s ease, transform .2s ease;
}
.mtd-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,.08); transform: translateY(-2px); }
.mtd-card-title { margin: 0 0 .5rem; font-size: 1.05rem; line-height: 1.3; }
.mtd-card-title a { text-decoration: none; color: #fff; }
.mtd-card-title a:hover { text-decoration: underline; }
.mtd-card-text { margin: 0; color: #dddddd; font-size: .95rem; }

.mtd-loading, .mtd-error { padding: 1rem; color: #374151; }
.mtd-pagination { text-align: center; margin-top: 1rem; }
.mtd-load-more {
  border: 1px solid #111827; background: #111827; color: #fff;
  padding: .6rem 1rem; border-radius: 10px; cursor: pointer;
}
.mtd-load-more:hover { filter: brightness(1.1); }