/* assets/css/user_suche.css — RESET für die Suche */

/* Formular & Reihen sichtbar erzwingen */
.search-form { display: grid !important; gap: 10px !important; }
.search-form .row { 
  display: grid !important; 
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important; 
  gap: 10px !important; 
}
.search-form .row.flags {
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  align-items: center !important;
}

/* Labels nie ausblenden */
.search-form label { display: block !important; }

/* Inputs/Selects/Button ordentlich */
.search-form input,
.search-form select,
.search-form button,
.search-form a.btn {
  width: 100%;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
}

/* Ergebnis-Grid/Tiles */
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; }
.tile { border: 1px solid #eee; border-radius: 12px; padding: 10px; display: grid; gap: 8px; }
.avatar img { width: 100%; height: 180px; object-fit: cover; border-radius: 10px; border: 1px solid #eee; }
.meta .name { font-weight: 700; }
.meta .sub { color: #666; font-size: 13px; }

.pager .pg { display:inline-block; margin-right:6px; padding:6px 10px; border-radius:8px; border:1px solid #eee; }
.pager .pg.on { background:#eef5ff; border-color:#cfe2ff; }

/* Buttons */
.btn { display:inline-block; padding:8px 12px; border-radius:10px; text-decoration:none; background:#007aff; color:#fff; }
.btn.ghost { background:#f2f6ff; color:#0a49a7; }