/* =========================================================
   PÁGINA DE PESQUISA
========================================================= */

.et-search-page__form {
    display: flex;
    width: min(100%, 720px);
    gap: 12px;
    margin-bottom: 65px;
}

.et-search-page__form input {
    flex: 1;
    min-width: 0;
    min-height: 50px;
    padding: 12px 16px;

    border: 1px solid var(--et-border-strong);
    border-radius: 9px;

    outline: none;

    background: var(--et-purple-card);
    color: var(--et-white);

    font-size: 16px;
}

.et-search-page__form input::placeholder {
    color: var(--et-muted);
}

.et-search-page__form input:focus {
    border-color: var(--et-green);

    box-shadow:
        0 0 0 4px
        rgba(137, 179, 49, .08);
}


.et-search-page__section {
    margin-bottom: 80px;
}

.et-search-page__section:last-child {
    margin-bottom: 0;
}


.et-search-page__empty {
    max-width: 720px;
    padding: 40px;

    border: 1px solid var(--et-border);
    border-radius: 18px;

    background: var(--et-purple-card);
}

.et-search-page__empty h2 {
    margin: 8px 0 14px;
}

.et-search-page__empty p {
    margin-bottom: 25px;
}


.et-search-page__pagination {
    margin-top: 45px;
}

.et-search-page__pagination .nav-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.et-search-page__pagination .page-numbers {
    display: inline-flex;
    min-width: 42px;
    min-height: 42px;

    align-items: center;
    justify-content: center;

    padding: 8px 13px;

    border: 1px solid var(--et-border);
    border-radius: 8px;

    background: var(--et-purple-card);
    color: var(--et-white);
}

.et-search-page__pagination .page-numbers:hover,
.et-search-page__pagination .page-numbers.current {
    border-color: var(--et-green);

    background: var(--et-green);
    color: var(--et-purple-dark);
}


@media (max-width: 680px) {

    .et-search-page__form {
        display: grid;
        gap: 10px;
        margin-bottom: 45px;
    }

    .et-search-page__form .et-button {
        width: 100%;
    }

    .et-search-page__section {
        margin-bottom: 60px;
    }

    .et-search-page__empty {
        padding: 28px 22px;
    }

}