/* ===== Archive / Listings — Warsaw Urban Revival ===== */

form label {
    display: inline-block;
}

fieldset {
    display: inline-block;
    margin-right: 0.75rem;
    margin-bottom: 0.75rem;
    border: 1px solid var(--border);
    border-radius: var(--radius-base);
    padding: 0.5rem 0.75rem;
}

#pagination {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    max-width: unset;
}

#pagination ul {
    text-align: center;
    display: flex;
    justify-content: right;
    flex-direction: row;
    list-style: none;
    flex-wrap: wrap;
    gap: 0.25rem;
    padding-inline-start: 0;
}

#pagination a {
    padding: 0.5rem 0.75rem;
    border-radius: var(--radius-base);
    color: var(--foreground-soft);
    transition: background 200ms var(--ease-urban), color 200ms var(--ease-urban);
}

#pagination a:hover {
    background: var(--brick-muted);
    color: var(--brick-dark);
}

#pagination span {
    padding: 0.5rem 0.75rem;
}

#pagination span.current,
#pagination .current {
    background: var(--brick);
    color: #fff;
    border-radius: var(--radius-base);
    font-weight: 600;
}

li .featured img {
    height: 450px;
    object-fit: cover;
    border-radius: var(--radius-md);
}

#map {
    width: 100%;
    height: 600px;
    margin-bottom: 5em;
    border-radius: var(--radius-md);
    border: 1px solid var(--border);
}

@media (max-width: 768px) {
    li .featured img {
        height: 250px;
    }

    #pagination {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    #pagination span {
        padding-left: 0;
        padding-right: 0;
    }
}