/*
Theme Name: Hello Elementor Child
Theme URI: https://studionumerik.fr/
Description: Hello Elementor Child Theme
Author: Studio Numerik
Author URL: https://studionumerik.fr/
Template: hello-elementor
Version: 1.0.0
License: GNU General Public License v2 or later
License URL: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hello-elementorchild
*/
/* Placer votre CSS ci-dessous */

/* ===== BARRE DE RECHERCHE - Ajax Search Lite (wpdreams_ajaxsearchlite) ===== */

/* Conteneur principal */
#ajaxsearchlite1 .probox {
    background-color: #efefef !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    height: 44px !important;
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
}

/* Zone de saisie */
#ajaxsearchlite1 .probox .proinput {
    flex: 1 !important;
    background-color: #efefef !important;
    border: none !important;
    height: 44px !important;
    padding: 0 !important;
}

#ajaxsearchlite1 .probox .proinput form {
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Champ input texte */
#ajaxsearchlite1 .probox .proinput input.orig {
    width: 100% !important;
    height: 44px !important;
    background-color: #efefef !important;
    background: #efefef !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 0 16px !important;
    font-size: 14px !important;
    color: #555555 !important;
    font-family: inherit !important;
    -webkit-appearance: none !important;
    border-radius: 0 !important;
    margin: 0 !important;
}

/* Placeholder */
#ajaxsearchlite1 .probox .proinput input.orig::placeholder {
    color: #999999 !important;
    font-size: 14px !important;
    font-style: normal !important;
    opacity: 1 !important;
}

/* Bouton loupe */
#ajaxsearchlite1 .probox .promagnifier {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    background-color: #97c93d !important;
    background: #97c93d !important;
    border: none !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
    transition: background-color 0.2s ease !important;
    position: relative !important;
    right: auto !important;
    top: auto !important;
}

/* Centrage du span innericon */
#ajaxsearchlite1 .probox .promagnifier .innericon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    line-height: 1 !important;
}

/* Icône SVG dans le bouton loupe */
#ajaxsearchlite1 .probox .promagnifier .innericon svg,
#ajaxsearchlite1 .probox .promagnifier svg {
    fill: #ffffff !important;
    width: 18px !important;
    height: 18px !important;
    display: block !important;
    margin: 0 !important;
}

/* Hover sur le bouton */
#ajaxsearchlite1 .probox .promagnifier:hover {
    background-color: #CA5E59 !important;
    background: #CA5E59 !important;
}

/* Focus sur le champ */
#ajaxsearchlite1 .probox .proinput input.orig:focus {
    background-color: #efefef !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Loader : centré dans le flux flex */
#ajaxsearchlite1 .probox .proloading {
    align-self: center !important;
    flex-shrink: 0 !important;
    pointer-events: none !important;
    margin-right: 8px !important;
}

/* Croix de fermeture : centrée dans le flux flex */
#ajaxsearchlite1 .probox .proclose {
    align-self: center !important;
    flex-shrink: 0 !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    padding: 4px !important;
    margin-right: 8px !important;
}

#ajaxsearchlite1 .probox .proclose svg,
#ajaxsearchlite1 .probox .proclose svg polygon {
    fill: #999999 !important;
    display: block !important;
}