/* brestobl.com - подборка «Охота и рыбалка» (/ohota-rybalka/): блоки
 * ohr-filter и ohr-group. Подключается после siteall.css и берёт его
 * переменные (--rule, --ink, --accent...). Плитки - .lcard из siteall.css,
 * здесь только дополнения под .ohr-filter и .ohr-group. */

/* -- фильтр -- */
.ohr-filter{
  display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px;
  margin: 18px 0 4px; padding: 12px 0;
  border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule);
}
.ohr-filter[hidden]{display:none}
.ohr-kinds{display:flex; flex-wrap:wrap; gap:6px}
.ohr-kinds button{
  padding: 7px 14px; font: inherit; font-size:13px; font-weight:600; line-height:1.2;
  border: 1px solid var(--rule); background: var(--paper); color: var(--ink);
  cursor:pointer;
}
.ohr-kinds button:hover{border-color: var(--ink-2)}
.ohr-kinds button small{font-weight:400; color: var(--muted); margin-left:2px}
.ohr-kinds button[aria-pressed="true"]{background: var(--ink); border-color: var(--ink); color: var(--paper)}
.ohr-kinds button[aria-pressed="true"] small{color: inherit; opacity:.75}
.ohr-kinds button:focus-visible{outline: 2px solid var(--accent); outline-offset: 2px}
.ohr-filter .select{min-width: 220px}
.ohr-found{margin:0 0 0 auto; font-size:12.5px; color: var(--muted)}

/* -- группы -- */
.ohr-group{padding-top: 22px; scroll-margin-top: 80px}
.ohr-group[hidden], .ohr-group .lcard[hidden]{display:none}
.ohr-group .sec-head{margin-bottom: 4px}
.ohr-note{margin: 0 0 6px; font-size: 13.5px; line-height: 1.5; color: var(--ink-2); max-width: 46em}

/* Описания в разделах разной длины - плитки ровняются по трём строкам */
.ohr-group .lcard p{
  display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; overflow:hidden;
}
.ohr-group .lcard .ph{overflow:hidden; background: var(--rule)}
.ohr-group .lcard .ph img{display:block; width:100%; height:100%; object-fit:cover}
.ohr-group .lcard .meta{margin-top:auto}

@media (max-width: 760px){
  .ohr-filter .select{flex: 1 1 100%; min-width: 0}
  .ohr-found{margin-left:0}
}