/*
 * animeflv-listing.css — owned by the listing area.
 * Scope: /filter (+ ?keyword= search), /genre/*, /type/*, /status/*,
 * /studio/*, /producer/*, /latest-updated, /most-viewed, /new-release,
 * /az-list/{letter?} — all frontend/listing.blade.php — and the filter row
 * partial (partials/listing/filters, `form[data-af-filters]`), which the
 * member lists reuse.
 *
 * animeflv's css.css + bootstrap.css + bootstrap-multiselect.css (all
 * verbatim) draw the whole page: title bar, filter drop-downs, card grid,
 * pager, the A-Z list and the empty state. Only what animeflv never had to
 * deal with lives here. Loaded on every page after animeflv-bridge.css: keep
 * every rule scoped to listing markup.
 */

/* Until animeflv-filters.js has turned the native <select>s into drop-downs
   (one tick after the HTML), keep the raw multi-line list boxes out of sight
   the way bootstrap-multiselect itself hides them; animeflv showed them for a
   moment while its scripts loaded at the end of the body. */
form[data-af-filters]:not(.af-ms-ready) .filters > select {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
}

/* A-Z rows (css.css's dormant .AnmBx): animeflv's outlined type pill, red for
   every type it did not colour. The bridge fills ONA / music slate for the
   solid pills elsewhere; here they stay outlined like the rest, in slate. */
.ListAnmsByLtr .AnmBx .Type.ona,
.ListAnmsByLtr .AnmBx .Type.music { background-color: transparent; color: #3b4248; border-color: currentColor; }