/* Dropdown-Menü ausblenden */
.dropdown_product_cat {
    display: none !important;
}


/* Erste Suchbox anpassen */
.dokan-geo-filters-column:nth-child(1) .no-dropdown {
    flex: 1 0 100%;
    /* Das erste Suchfeld soll eine feste Breite von 37,5% haben */
    /* margin-right: 5px; /* Hier kannst du den Abstand zwischen den Suchfeldern einstellen */
}

/* Zweite Suchbox anpassen */
.dokan-geo-filters-column:nth-child(2) .location-address {
    flex: 1 0 100%;
    /* Das zweite Suchfeld soll eine feste Breite von 37,5% haben */
}

/* Dropdown-Menü anpassen */
.dokan-geo-filters-column.dokan-geo-product-categories {
    display: none !important;
    /* Dropdown-Menü ausblenden */
}

/* Suchbutton anpassen */
.dokan-geo-filters-column .dokan-btn.dokan-geo-product-search-btn {
    /* flex: 1 0 100%; Der Suchbutton soll flexibel sein und so viel Platz wie möglich einnehmen */
    /* margin-top: 0px; Hier kannst du den Abstand zwischen den Suchfeldern und dem Button einstellen */
}

/* Optional: Abstand zwischen Suchfeldern und Button einstellen */
.dokan-geo-filters-column {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    /* Ändere dies zu 'center' oder 'flex-start' je nach gewünschter vertikaler Ausrichtung */
}


/* Radioschieber ausblenden */
.dokan-w12 .range-slider-container {
    display: none !important;
}


.dokan-geo-filters-column .dokan-geo-product-search-btn {
    background-color: #3498db;
    border: none;
    border-radius: 100px;
    color: #ffffff;
    padding: 10px 20px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}



.locate-icon.dokan-hides {
    display: none !important;
}


.dokan-geo-filters-column .no-dropdown input[type="text"] {
    /* border: 1px solid #ffffff; Setzt einen grauen Rahmen */
    /* border-radius: 10px; Fügt abgerundete Ecken hinzu */
    /* padding: 10px; Fügt etwas Abstand zum Text hinzu (optional) */
    /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); Fügt einen leichten Schatten hinzu (optional) */
    /* background: url('https://booxos.de/wp-content/uploads/2023/08/shopping-bag.svg') no-repeat 10px center; Setzt das Suchicon als Hintergrundbild */
    /* background-size: 20px 20px; Setzt die Größe des Icons (optional) */
    /* padding-left: 40px; Fügt Platz für das Icon hinzu (abhängig von der Größe des Icons) */

}

/* .dokan-geolocation-location-filters input{
    border: 0px solid #ccc;
} */

.dokan-geo-filters-column .no-dropdown input[type="text"]:focus {
    /* outline: none; Entfernt den Fokus-Rahmen beim Klicken (optional) */
    /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); Fügt einen stärkeren Schatten hinzu, wenn das Feld den Fokus hat (optional) */
}

.div-separation .search-filter-fields .dokan-geo-filters-column .location-address input[type="text"] {
    /* border: none; Entfernt den Rahmen */
    /* border-radius: 10px; Fügt abgerundete Ecken hinzu */
    /* padding: 10px; Fügt etwas Abstand zum Text hinzu (optional) */
    /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); Fügt einen leichten Schatten hinzu (optional) */
    /* background: url('https://booxos.de/wp-content/uploads/2022/06/marker1.svg') no-repeat 10px center; Setzt das Symbol als Hintergrundbild */
    /* background-size: 20px 20px; Setzt die Größe des Symbols (optional) */
    /* padding-left: 40px; Fügt Platz für das Symbol hinzu (abhängig von der Größe des Symbols) */
}

.dokan-geo-filters-column .location-address input[type="text"]:focus {
    /* outline: none; */
    /* Entfernt den Fokus-Rahmen beim Klicken (optional) */
    /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); Fügt einen stärkeren Schatten hinzu, wenn das Feld den Fokus hat (optional) */
}





/* #product_input:hover {
    background-color: lightgray;
} */

/* .search-filter-fields,
.loc-search {
    flex: 1;
    position: relative; */
/* transition: background-color 0.3s ease; Add a smooth transition effect */
/* } */

/* .div-separation:hover .wrap_location_input {
    background-color: lightgray;
    border-radius: 50px;
    
}

.div-separation:hover .wrap-product-search {
    background-color: lightgray;
    border-radius: 50px;
    
} */



@media only screen and (min-width: 767px) {
    #geo-form-mobile-trigger {
        display: none !important;
    }

    #tag-location-selected,
    .tag-location-selected {
        display: none !important;
    }

    #dokan-existing-geo-form {
        display: inline block !important;
    }

    .wrap-product-search {
        width: 49%;
    }

    .wrap_location_input {
        width: 55%;
    }

    .wrap_location_input:hover {
        background-color: lightgray;
        border-radius: 51px;

    }

    .wrap-product-search:hover {
        background-color: lightgray;
        border-radius: 50px;

    }

    .wrap-product-search:hover input {
        background-color: lightgray;
    }

    .wrap_location_input:hover input {
        background-color: lightgray;
    }

    .booxos-main .dokan-geolocation-location-filters input {
        border: none !important;
        margin-left: 5px;
    }

    .booxos-main .dokan-geolocation-location-filters input:focus {
        box-shadow: none !important;
        border: none !important;
    }

    .booxos-main .dokan-geolocation-location-filters input[type=text]:focus {
        outline: none;
        border: 0;
        box-shadow: none;
        border: none !important;
    }

    .booxos-main .dokan-geolocation-location-filters input,
    .dokan-geolocation-location-filters select {
        width: 100% !important;
        border-radius: 3px !important;
        padding: 6px 6px;
        font-size: 14px !important;
        background: none;
    }

    .vertical-line {
        width: 1%;
    }

    .search-filter-fields {
        width: calc(100% - 0px);
        display: flex;
    }

    .div-separation {
        border-radius: 50px;
        width: 70%;
        display: flex;
        margin-top: 5px;
        border: 1px solid lightgray;
    }

    .vertical-line {
        width: 1px;
        background-color: #ccc;
        height: 70%;
        margin-top: 15px;
    }

    .search-filter-fields .dokan-geo-filters-column {
        margin: 15px !important;
    }

    #product_input {
        width: 100%;
    }

    /* #tag_input {
        height: 65px !important;
    } */

    /* #loc_input {
        height: 65px !important;
    } */

    #location_input {
        width: 65%;
    }

    .location-address {
        width: 100%;
    }

    /* #tag_input::-webkit-input-placeholder::before {
        content: "1st line...\A2nd line...\A3rd line...";
    } */
}


@media only screen and (max-width: 767px) {
    #place-holder-tag {
        display: flex;
        align-items: self-end;
        justify-content: space-between;
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    #place-holder-loc {
        /* display: flex; */
        align-items: center;
        justify-content: space-between;
        padding-bottom: 0px !important;
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    #geo-mobile-nav-icon-div {
        display: flex !important;
    }

    #geo-form-mobile-trigger label span {
        font-size: small;
        font-weight: 500;
    }

    #product_input .autocomplete {
        width: 100% !important;
    }

    #location_input .location-address {
        width: 100% !important;
    }

    #geo-form-mobile-trigger {
        display: block !important;
        padding: 0px 0px 0px 0px !important;
        background: white;
        border-radius: 10px !important;
    }

    #geo-form-mobile-trigger label {
        display: flex;
        align-items: center;
        border: 1px solid lightgray;
        border-radius: 10px !important;
        padding: 10px !important;
    }

    #geo-form-mobile-trigger label span {
        color: gray;
        font-weight: 700;
        padding-left: 5px;
    }

    #dokan-existing-geo-form {
        display: none !important;
    }

    #round-cross-button-div {
        display: flex !important;
    }

    .mobile-z-index {
        position: fixed;
        height: 100vh !important;
        width: 100vw !important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 999999;
        background: #f4f4f4;
    }

    #dokan-geo-product-search-btn-div button {
        margin: 5px;
        flex: 0 0 0%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-radius: 5px;
    }

    #dokan-geo-product-search-btn-div {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        position: fixed;
        bottom: 0%;
        border-top: 1px solid #cccccc;
        background: white;
        margin-bottom: 0px !important;
        width: 100%;
        padding: 5px;
        left: 0;
        margin: 0px !important;
        align-items: center;
    }
    /* booxos-search-form-field booxos-search-form-field-search-gmap */

    #round-cross-button {
        border-radius: 50%;
        padding: 0.5em;
        width: 30px;
        height: 30px;
        border: 1px solid gray;
        background-color: #fff;
        position: relative;
    }

    #round-cross-button::before {
        content: " ";
        position: absolute;
        display: block;
        background-color: gray;
        height: 2px;
        top: 13px;
        left: 6px;
        right: 5px;
        transform: rotate(45deg);
    }

    #round-cross-button::after {
        content: " ";
        position: absolute;
        display: block;
        background-color: gray;
        width: 2px;
        left: 13px;
        top: 5px;
        bottom: 5px;
        transform: rotate(45deg);
    }

    #round-cross-button-div {
        display: flex;
        justify-content: flex-end;
        padding: 10px;
    }

    #tag-location-selected,
    .tag-location-selected {
        position: absolute;
        width: 70% !important;
        left: 0% !important;
        padding: 10px;
    }

    #find-product-heading {
        display: flex !important;
        padding: 10px 10px 10px 0px;
        max-width: 70%;
        color: #747474;
    }

    #tag_input {
        border-radius: 10px !important;
    }

    #loc_input {
        border-radius: 10px !important;
    }

    #dokan-geo-product-search-btn-div button svg {
        display: inline !important;
    }

    #dokan-geo-product-search-btn-div button strong {
        padding-left: 5px !important;
    }

}

/*CSS for hover effect on tag and location suggesstion*/
.tag-drop-div:hover {
    background-color: lightgray;
}

ul.suggestions li:hover {
    background-color: lightgray;
    width: 100%;
}

.dokan-geolocation-location-filters .dokan-geo-filters-column.dokan-booxos-geo-filters-column .location-address .suggestions-wrapper ul.suggestions {
    padding-bottom: 35px !important;
}

.dokan-geolocation-location-filters .dokan-geo-filters-column.dokan-booxos-geo-filters-column .location-address .suggestions-wrapper ul.suggestions li {
    padding-left: 20px;
}

/*.dokan-geolocation-location-filters .dokan-geo-filters-column.dokan-booxos-geo-filters-column .location-address .suggestions-wrapper ul.suggestions li:last-child {
    padding-left: 20px;
    border-radius: 0px 0px 25px 25px;
}*/

@media only screen and (min-width: 767px) {
    .wrap_tag_and_location_input_section {
        background: white;
        padding: 20px 10px;
        border-radius: 15px;
        box-shadow: 0 .125rem .25rem 0.1rem rgba(0, 0, 0, .075) !important;
    }

    .booxos-search-from-row {
        background: white;
        box-shadow: 0 .125rem .25rem 0.1rem rgba(0, 0, 0, .075) !important;
    }
}

div#loc_inputautocomplete-list {
    padding: 0;
    border: none;
}