/* ============================================================
   Formulaire de recherche Finder
   Commun à mod_finder (annuaire) et com_finder (page de résultats)
   ============================================================ */

/* Layout flex : label à gauche, input+bouton à droite */
.form-search {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--space-md);

    @container (width < 640px) {
        flex-direction: column;
        align-items: stretch;
    }
}

.form-search label.finder {
    flex: 0 0 auto;
    max-width: 13rem;
    font-family: var(--font-heading);
    font-weight: var(--text-h3-weight);
    color: inherit;
    line-height: 1.3;
    margin: 0;
}

/* Wrapper du formulaire dans la vue com_finder */
.com-finder__form {
    margin-block: var(--space-2xl);
}

/* Groupe input + bouton */
.mod-finder__search {
    flex: 1 1 auto;

    &.input-group {
        display: flex;        

        & > * {
            flex: 1 1 auto;
            min-width: 0;
        }

        & > button {
            flex: 0 0 auto;
        }
    }

    @media (width < 640px) {
        & input::placeholder {
            color: transparent;
        }
    }

    /* Awesomplete : étire l'input dans son wrapper */
    & .awesomplete {
        display: flex;
        width: 100%;

        & input {
            flex: 1 1 auto;
            width: 100%;
        }
    }
}