/* ── Stories Archive Page ── */

.stories-archive {
    max-width: 1100px;
    margin: 0 auto;
    padding: 30px 20px;
}

/* Filter bar */
.stories-archive__filters {
    display: flex;
    align-items: flex-end;
    gap: 30px;
    margin: 40px 0 80px;
    flex-wrap: wrap;
}
.stories-archive__filters .search-filter-input-button {
	color: #fff;
	padding: 8px 28px;
	border: none;
	transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;
}
.stories-archive__filters .search-filter-input-button:hover:not(.is-disabled):not(.search-filter-input-button--is-selected) {
	background-color: #56afe9;
    box-shadow: inset 0 0 0 120px rgba(0, 0, 0, 0.18);
    color: #fff;
}
.stories-archive__filters .search-filter-field--input-type-select,
.stories-archive__filters .search-filter-field--control-type-submit {
    flex: 0 0 auto;
}
.stories-archive__filters .search-filter-component-combobox-base__listbox-option--selected {
	color: #fff!important;
}
.stories-archive__filters .search-filter-field--type-search, .stories-archive__filters .search-filter-field--type-choice {
	flex-grow: 2;
}

/* Pagination */
.stories-archive__pagination {
    display: flex;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 20px;
}

.stories-archive__pagination .page-numbers {
    color: #1f497d;
    text-decoration: none;
    padding: 6px 12px;
    border: 1px solid #1f497d;
    border-radius: 4px;
}

.stories-archive__pagination .page-numbers.current {
    background-color: #1f497d;
    color: #ffffff;
}

.stories-archive__pagination .page-numbers:hover:not(.current) {
    background-color: #56afe9;
}

/* No results */
.stories-archive__none {
    color: #1f497d;
    text-align: center;
    padding: 40px 0;
}

/* Responsive */
@media ( max-width: 768px ) {
    .stories-archive__filters {
        flex-direction: column;
        align-items: flex-start;
    }
}