/* 
Theme Name: Hello Elementor Child
*/

/* ==========================================================================
   MENU CATÉGORIES — filtres (pastilles)
   ========================================================================== */
   #menu-category search {
    gap: 10px !important;

    .e-filter-item {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 10px !important;
        padding: 13px 25px !important;
        border-radius: 33px !important;
        background: #37282A !important;
        color: #F5F0E5 !important;
        font-family: var(--e-global-typography-4baea14-font-family) !important;
        font-size: 18px !important;
        font-style: normal !important;
        font-weight: 500 !important;
        line-height: 18px !important;

        &:hover {
            background: #EEE6D6 !important;
            color: #3F3431 !important;
        }
    }
}

/* ==========================================================================
   IMAGE LINKEDIN
   ========================================================================== */
#linkedInImg {
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;

    /* mobile : ancrée en bas */
    @media screen and (max-width: 767px) {
        top: auto !important;
        bottom: 15px !important;
        transform: none !important;
    }
}

#linkedInImg img {
    max-width: 180px !important;

    @media screen and (max-width: 850px) {
        max-width: 150px !important;
    }
}

/* ==========================================================================
   RESPONSIVE — layout
   ========================================================================== */
@media screen and (max-width: 850px) {
    .change-850 {
        flex-direction: column !important;
    }
}