/* Station birds tab: filters and species cards */
.bird-filters { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1.5rem; margin: 1.25rem 0; }
.bird-search { flex: 1 1 12rem; }
.sort-select { width: 13rem !important; }

.bird-grid { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr)); gap: 1rem .75rem; }
.bird-card { position: relative; display: flex; flex-direction: column; border-radius: var(--vw-radius-sm); background: var(--vw-surface); box-shadow: var(--vw-shadow); overflow: hidden; transition: box-shadow .15s, transform .15s; }
.bird-card:hover { transform: translateY(-2px); box-shadow: 0 4px 18px rgb(74 60 40 / .12); }
.bird-image { position: relative; aspect-ratio: 1; overflow: hidden; background: var(--vw-paper); border-bottom: 1px solid var(--vw-border); color: #c9c2b2; display: grid; place-items: center; }
.bird-image svg { width: 3rem; height: 3rem; opacity: .9; }
.bird-body { display: flex; flex-direction: column; flex: 1; padding: .6rem .9rem .5rem; line-height: 1.35; }
.bird-name { font-size: 1.05rem; }
.bird-latin { font-size: .9rem; }
.bird-footer { display: flex; align-items: flex-end; justify-content: space-between; margin-top: auto; padding-top: .6rem; }
.bird-count { font-size: 1.2rem; font-weight: 700; }
.bird-count-label { font-size: .85rem; }
.bird-link { width: 2.1rem; height: 2.1rem; border-radius: 50%; background: var(--vw-primary-soft); color: var(--vw-primary); display: grid; place-items: center; }
.bird-link svg { width: 1.2rem; height: 1.2rem; }
.bird-card:hover .bird-link { background: var(--vw-primary); color: #fff; }
.bird-image i { font-size: 2.6rem; opacity: .9; }
.bird-image img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; padding: .5rem; mix-blend-mode: multiply; }

/* Phones: only the text search */
@media (max-width: 575.98px) {
    .bird-filters .period, .bird-filters .confidence-filter { display: none; }
    .bird-search { flex-basis: 100%; }
}