:root {
    /* search-bar */
    --search-bg: transparent linear-gradient(224deg, var(--text-main) 0%, #166696 100%) 0% 0% no-repeat padding-box;
    --input-width: 100%;
    --input-height: 35px;
    --input-border: 0px solid black;
    --input-color: black;
    --input-background: white;
    --radius-input: 7px;
    --button-background: var(--light-main);
    --input-padding-left: 20px;
}

#topbar {
    background: transparent;
}

.kad-topbar-left {
    display: none;
}

.kad-topbar-right {
    width: 100% !important;
}

.topbar-widgetcontent {
    display: flex;
    flex-direction: column;
}

#archiprod-search-form {
    border: none;
    background: var(--search-bg);
    box-shadow: 0px 3px 6px #00000029;
    border-radius: var(--radius);
    opacity: 1;
    width: 100%;
    position: relative;
    padding: 10px;
}

#archiprod-search-form #archiprod-expanded-search-button-container {
    display: none;
}

#archiprod-search-form #archiprod-shrinked-search-button-container {
    display: block;
}

#archiprod-search-form select,
#archiprod-search-form input,
#archiprod-search-form button {
    width: var(--input-width) !important;
    height: var(--input-height) !important;
    border-radius: var(--radius-input) !important;
    border: none;
    color: var(--text-main);
    background: var(--input-background) !important;
    font-weight: 600;
}

#archiprod-search-form #archiprod-search-submit-shrinked {
    width: 35px !important;
    background-color: var(--dark-main);
    transition: background-color 0.3s ease-in-out;
}

#archiprod-search-form select,
#archiprod-search-form input {
    padding-left: var(--input-padding-left) !important;
    appearance:auto;
}

#archiprod-search-form button:hover {
    background-color: var(--dark-main)!important;
    transition: background-color 0.3s ease-in-out;
    color: white;
    border: solid 1px white;
}

.rechercher-txt {
    display: none;
}

#archiprod-search-bar #better-search {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out;
}

#archiprod-search-bar #better-search.expanded {
    max-height: 1000px;
    opacity: 1;
    overflow: visible;
}

#archiprod-search-form button#archiprod-toggle-search-button {
    background: none!important;
    border: none!important;
    color: white!important;
}