/**
 * case-index.css — the few rules the /case_studies/ listing needs that the
 * theme's case.css does not provide, because on the live site WordPress did
 * this work on the server.
 */

/* Cards are hidden by case-index.js via the hidden attribute. Without this the
   theme's `display` rules would override it and hidden cards would still show. */
.case-study-wrap .case-study-card[hidden] {
    display: none !important;
}

/* The styled selects were opened by the theme's own script on the live site;
   here case-index.js toggles .open on the wrapper. */
.case-study-select .select-options {
    display: none;
}

.case-study-select.open .select-options {
    display: block;
}

.case-study-select .select-options li.is-selected {
    font-weight: 600;
}

/* Shown when a filter or search matches nothing. The live site had no such
   state — it quietly fell back to showing everything. */
.case-study-empty {
    grid-column: 1 / -1;
    margin: 0 auto 80px;
    padding: 0 24px;
    text-align: center;
    font-size: 16px;
    color: #6a6a6a;
}

.case-study-empty[hidden] {
    display: none !important;
}