/* browse.css — az egységes szűrő+találat oldal (browse.html) extra elemei.
   A vázat (.main, #filter-sidebar, .filter-section, .checkbox-row, .grid, .lot,
   .toolbar, .sort-select) a main.css adja; itt csak a NEW kontrollok. Prefix: br- */

/* Kulcsszó input a sidebarban */
.br-q {
  width: 100%; padding: 10px 12px; font: inherit; font-size: 14px;
  border: 1px solid #E4E4E7; border-radius: 10px; background: var(--bg);
  color: var(--ink); outline: none; box-sizing: border-box;
}
.br-q:focus { border-color: var(--orange); box-shadow: 0 0 0 3px var(--orange-soft); }

/* Kategória / alkategória legördülők */
.br-sel {
  width: 100%; padding: 10px 12px; font: inherit; font-size: 14px;
  border: 1px solid #E4E4E7; border-radius: 10px; background: var(--bg);
  color: var(--ink); cursor: pointer; outline: none; box-sizing: border-box;
  appearance: none; -webkit-appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2300a63e' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
  background-repeat: no-repeat; background-position: right 10px center; padding-right: 30px;
}
.br-sel:focus { border-color: var(--orange); box-shadow: 0 0 0 3px var(--orange-soft); }

/* Találatszám-badge az ország/város sorok végén */
.br-cnt { margin-left: auto; font-size: 12px; color: var(--ink-faint); font-variant-numeric: tabular-nums; }
.checkbox-row { display: flex; align-items: center; }
/* FONTOS: a hidden-elt város-sorok NE látszódjanak (a display:flex felülírná a [hidden]-t) */
.checkbox-row[hidden] { display: none; }

/* Toolbar jobb oldal: nézet-váltó + rendezés */
.br-tools { display: flex; align-items: center; gap: 12px; }
.br-viewtoggle {
  display: inline-flex; padding: 3px; border: 1px solid #E4E4E7; border-radius: 10px; background: var(--bg-soft);
}
.br-view {
  display: inline-flex; align-items: center; gap: 5px; padding: 7px 14px; border-radius: 8px;
  font-size: 13px; font-weight: 600; color: var(--ink-mute); cursor: pointer; transition: all .15s; text-decoration: none;
}
.br-view.active { background: var(--orange); color: #fff; box-shadow: 0 1px 3px rgba(0,166,62,.35); }
.br-view:not(.active):hover { color: var(--ink); background: var(--bg-hover); }

/* Lapozó */
.br-pager {
  display: flex; align-items: center; justify-content: center; gap: 14px;
  padding: 28px 0 8px; flex-wrap: wrap;
}
.br-page {
  display: inline-flex; align-items: center; gap: 4px; padding: 9px 16px;
  border: 1px solid #E4E4E7; border-radius: 10px; background: var(--bg);
  color: var(--ink-soft); font-size: 14px; font-weight: 600; text-decoration: none; transition: all .15s;
}
.br-page:hover { border-color: var(--orange); color: var(--orange); }
.br-page-info { font-size: 13px; color: var(--ink-mute); font-variant-numeric: tabular-nums; }

/* Mobilon a nézet-váltó feliratot rövidítjük, hogy elférjen */
@media (max-width: 560px) {
  .br-view { padding: 7px 10px; font-size: 12px; }
}