/* -------------
    SOMMAIRE
------------- */

/*
    @AUTHOR : Nicolas BOUDOT

    MOLÉCULE : Widget Search
    Style du widget de recherche
*/



@media (max-width: 991px) {
    /* Formulaire */
    .molecule_widget-search {
        position: absolute;
        top: 100%;
        right: 0;
        left: 0;
        background-color: var(--black);
        padding: 20px;
        transition: top .4s, opacity .4s;
        z-index: 1;
    }

        /* Not Active */
        .js_toggleSearchMobile:not(.active) + .molecule_widget-search {
            pointer-events: none;
            top: 60%;
            opacity: 0;
            z-index: 1;
        }

    .molecule_widget-search .search-field {
        width: 100%;
    }
}