{"id":21833,"date":"2025-07-24T15:06:30","date_gmt":"2025-07-24T13:06:30","guid":{"rendered":"https:\/\/hightea2.fruto.cloud\/?page_id=21833"},"modified":"2025-10-15T15:42:31","modified_gmt":"2025-10-15T13:42:31","slug":"locaties","status":"publish","type":"page","link":"https:\/\/hightea2.fruto.cloud\/en\/cadeaubonnen\/locaties\/","title":{"rendered":"Locaties"},"content":{"rendered":"<section id=\"b-anwqki_m4jpyzje\" class=\"brxe-section\"><div id=\"b-apthhs_m4jpyzje\" class=\"brxe-container\"><div id=\"b-xpudld_m4jpyzje\" class=\"brxe-block\"><div id=\"b-qgrukj_m4jpyzje\" class=\"brxe-block\"><a id=\"b-rsetty_m4jpyzje\" class=\"brxe-text-link\" href=\"https:\/\/hightea2.fruto.cloud\/en\/\"><span class=\"icon\"><i class=\"ion-ios-arrow-forward\"><\/i><\/span><span class=\"text\"><span data-gbrx-id=\"gb-rsetty\" data-gbrx-subfield=\"text\" >Home<\/span><\/span><\/a><a id=\"brxe-zmiiom\" class=\"brxe-text-link\"><span data-gbrx-id=\"gb-zmiiom\" data-gbrx-subfield=\"text\" >Locaties<\/span><\/a><\/div><h1 id=\"b-yqggei_m4jpyzje\" class=\"brxe-heading\">Cadeaubon locaties<\/h1><div id=\"b-fnujws_m4jpyzje\" class=\"brxe-text-basic\">Hier vind je een overzicht van alle restaurants waarbij jouw cadeaubon geldig is. Je kunt de High Wine, High Beer, High Keuze of High Tea cadeaubon <strong>uitsluitend <\/strong>bij onderstaande restaurants besteden. Iemand anders verrassen met een beleving? Bestel een cadeaubon digitiaal of per post.<\/div><\/div><div id=\"b-qayneb_m4jpyzje\" class=\"brxe-block\"><img loading=\"lazy\" decoding=\"async\" width=\"629\" height=\"492\" src=\"https:\/\/hightea2.fruto.cloud\/wp-content\/uploads\/2024\/12\/cadeaubon-high.png\" class=\"brxe-image css-filter size-large\" alt=\"\" id=\"b-qlwhgq_m4jpyzje\" style=\"-webkit-mask-image: url(&#039;https:\/\/hightea2.fruto.cloud\/wp-content\/themes\/bricks\/assets\/svg\/masks\/mask-circle.svg&#039;); -webkit-mask-size: cover; -webkit-mask-position: top center; -webkit-mask-repeat: no-repeat;mask-image: url(&#039;https:\/\/hightea2.fruto.cloud\/wp-content\/themes\/bricks\/assets\/svg\/masks\/mask-circle.svg&#039;); mask-size: cover; mask-position: top center; mask-repeat: no-repeat;\" srcset=\"https:\/\/hightea2.fruto.cloud\/wp-content\/uploads\/2024\/12\/cadeaubon-high.png 629w, https:\/\/hightea2.fruto.cloud\/wp-content\/uploads\/2024\/12\/cadeaubon-high-300x235.png 300w, https:\/\/hightea2.fruto.cloud\/wp-content\/uploads\/2024\/12\/cadeaubon-high-600x469.png 600w\" sizes=\"auto, (max-width: 629px) 100vw, 629px\" \/><\/div><\/div><\/section>\n\n<section id=\"b-idtlxu_mdhfb15h\" class=\"brxe-section\"><div id=\"b-vbbahh_mdhfb15h\" class=\"brxe-container\"><h3 id=\"brxe-elxcps\" class=\"brxe-heading\">Populaire arrangementen<\/h3><\/div><div id=\"b-tjnbav_mdhfb15h\" class=\"brxe-container\"><link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\" \/>\n<script src=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js\"><\/script>\n<div id=\"app\">\n    <div class=\"sidebar\" v-show=\"!is_fletcher &#038;&#038; !is_giftcard &#038;&#038; !is_groups\">\n        <div class=\"title-close\">\n            <h4>Arrangementen<\/h4>\n            <img decoding=\"async\" style=\"display:none;\" @click=\"hideFilters\" src=\"\/wp-content\/themes\/bricks-child\/assets\/circle-xmark-regular.svg\">\n        <\/div>\n        <div class=\"types\">\n            <a :class=\"{ 'active' : ''==type.slug }\" v-for=\"type in types\" :href=\"'\/nl\/'+type.slug+'\/'\">{{ type.name }}<\/a>\n        <\/div>\n        <div class=\"filters\" v-if=\"uniqueDieetwensen.length\">\n            <h5>Dieetwensen<\/h5>\n            <a :href=\"`.\/`+dieetwens.toLowerCase()+`\/`\" class=\"filter\" @click.prevent=\"toggleDiet(dieetwens)\" v-for=\"dieetwens in uniqueDieetwensen\">\n                <img decoding=\"async\" src=\"\/wp-content\/themes\/bricks-child\/assets\/square-light.svg\" v-if=\"!filters.diet.includes(dieetwens)\">\n                <img decoding=\"async\" src=\"\/wp-content\/themes\/bricks-child\/assets\/square-check-green.svg\" v-if=\"filters.diet.includes(dieetwens)\">\n                {{ dieetwens }}\n                <span class=\"count\">{{ filteredLocations.filter(item => item.dieetwensen.includes(dieetwens)).length }}<\/span>\n            <\/a>\n        <\/div>\n        <div class=\"filters\" v-if=\"uniqueAmbiances.length\">\n            <h5>Ambiance<\/h5>\n            <a :href=\"`.\/`+ambiance.toLowerCase()+`\/`\" class=\"filter\" @click.prevent=\"toggleAmbiance(ambiance)\" v-for=\"ambiance in uniqueAmbiances\">\n                <img decoding=\"async\" src=\"\/wp-content\/themes\/bricks-child\/assets\/square-light.svg\" v-if=\"!filters.ambiance.includes(ambiance)\">\n                <img decoding=\"async\" src=\"\/wp-content\/themes\/bricks-child\/assets\/square-check-green.svg\" v-if=\"filters.ambiance.includes(ambiance)\">\n                {{ ambiance }}\n                <span class=\"count\">{{ filteredLocations.filter(item => item.ambiance.includes(ambiance)).length }}<\/span>\n            <\/a>\n        <\/div>\n        <div class=\"filters\" v-if=\"uniqueOmgevingen.length\">\n            <h5>Omgeving<\/h5>\n            <a :href=\"`.\/`+omgeving.toLowerCase()+`\/`\" class=\"filter\" @click.prevent=\"toggleOmgeving(omgeving)\" v-for=\"omgeving in uniqueOmgevingen\">\n                <img decoding=\"async\" src=\"\/wp-content\/themes\/bricks-child\/assets\/square-light.svg\" v-if=\"!filters.omgeving.includes(omgeving)\">\n                <img decoding=\"async\" src=\"\/wp-content\/themes\/bricks-child\/assets\/square-check-green.svg\" v-if=\"filters.omgeving.includes(omgeving)\">\n                {{ omgeving }}\n                <span class=\"count\">{{ filteredLocations.filter(item => item.omgeving.includes(omgeving)).length }}<\/span>\n            <\/a>\n        <\/div>\n        <div class=\"filters\">\n            <h5>Beoordeling<\/h5>\n            <div class=\"filter\" @click=\"toggleRating(rating)\" v-for=\"rating in uniqueRatings\">\n                <img decoding=\"async\" src=\"\/wp-content\/themes\/bricks-child\/assets\/square-light.svg\" v-if=\"!filters.rating.includes(rating)\">\n                <img decoding=\"async\" src=\"\/wp-content\/themes\/bricks-child\/assets\/square-check-green.svg\" v-if=\"filters.rating.includes(rating)\">\n                {{ rating }} <img decoding=\"async\" src=\"\/wp-content\/themes\/bricks-child\/assets\/star.svg\">\n                <span class=\"count\">{{ filteredLocations.filter(item => item.rating.includes(rating)).length }}<\/span>\n            <\/div>\n        <\/div>\n        <div class=\"filters\">\n            <h5>Cadeaubonnen<\/h5>\n            <div class=\"filter\" @click=\"toggleGiftcard()\">\n                <img decoding=\"async\" src=\"\/wp-content\/themes\/bricks-child\/assets\/square-light.svg\" v-if=\"!filters.giftcard\">\n                <img decoding=\"async\" src=\"\/wp-content\/themes\/bricks-child\/assets\/square-check-green.svg\" v-if=\"filters.giftcard\">\n                Betalen met cadeaubon\n                <span class=\"count\">{{ filteredLocations.filter(item => item.accept_giftcards == 1).length }}<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"locations-wrapper\" id=\"locations-top\">\n    <div class=\"locations\">\n        <a class=\"location\" :class=\"{ fletcher : is_fletcher, giftcard : is_giftcard, groups : is_groups }\" :href=\"location.url\" v-for=\"location in paginatedLocations\" :data-dieetwensen=\"location.dieetwensen.join(',')\"  :data-omgeving=\"location.omgeving.join(',')\" :data-ambiance=\"location.ambiance.join(',')\"  :data-rating=\"location.rating\">\n            <div class=\"fav\" :class=\"{ 'is-favorite': isFavorite(location.id) }\" @click=\"toggleFavorite($event, location.id)\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <path d=\"M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572\"><\/path>\n                <\/svg>\n            <\/div>\n            <img class=\"image\" :src=\"item.photo\" v-if=\"is_type &#038;&#038; location.items[term_name] &#038;&#038; location.items[term_name].slice(0,1).photo\" v-for=\"item in location.items[term_name].slice(0, 1)\">\n            <img class=\"image\" :src=\"location.image\" v-else>\n            <div class=\"name-rating\">\n                <span class=\"name\">{{ location.name }}<\/span>\n                <span class=\"rating\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 2 24 24\" fill=\"#bd00ba\"><path d=\"M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z\"><\/path><\/svg>{{ location.rating_exact }}<\/span>\n            <\/div>\n            <div class=\"address\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18.364 4.636a9 9 0 0 1 .203 12.519l-.203 .21l-4.243 4.242a3 3 0 0 1 -4.097 .135l-.144 -.135l-4.244 -4.243a9 9 0 0 1 12.728 -12.728zm-6.364 3.364a3 3 0 1 0 0 6a3 3 0 0 0 0 -6z\"><\/path><\/svg>\n                <span>{{ location.street }}, {{ location.city }}<\/span>\n            <\/div>\n            <div class=\"excerpt\">\n                {{ location.oneliner }}\n            <\/div>\n            <div class=\"diets\">\n                <div class=\"diet\" :title=\"diet\" v-for=\"diet in location.dieetwensen\">\n                    {{ diet }}\n                <\/div>\n                &#160;\n            <\/div>\n            <div v-if=\"(is_city || is_fletcher) &#038;&#038; !is_type\" class=\"soort-prijs center\">\n                <div class=\"type-icon\">\n                    <img :src=\"icon\" v-for=\"icon in location.icons\">\n                <\/div>\n            <\/div>\n            <div v-if=\"is_type &#038;&#038; location.items[term_name]\" v-for=\"(item, index) in location.items[term_name].slice(0, 1)\" class=\"soort-prijs\">\n                <img :src=\"item.icon\">\n                <div class=\"type-price\">\n                        <font size=\"2\" style=\"font-weight:400;\">vanaf<\/font> <span>&euro;{{ getMinPrice(location.items<h1><\/h1>) }}<\/span>\n                <\/div>\n            <\/div>\n        <\/a>\n        <a v-if=\"is_city &#038;&#038; ''!=1 &#038;&#038; ''=='high-tea'\" class=\"location bestellen\" href=\"\/en\/.\/bestellen\/\">\n            <img decoding=\"async\" class=\"image\" src=\"https:\/\/hightea2.fruto.cloud\/wp-content\/uploads\/2024\/11\/high-tea-bestellen-thuis-bezorgen.jpg\">\n            <div class=\"name-rating\">\n                <span class=\"name\">High Tea bezorgen <\/span>\n            <\/div>\n            <div class=\"address\">\n                &#160;\n            <\/div>\n            <div class=\"excerpt\">\n                Thuis genieten! Een heerlijke High Tea box bestellen om te laten bezorgen in             <\/div>\n            <div class=\"diets\">\n                &#160;\n            <\/div>\n            <div class=\"soort-prijs\">\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/07\/coffee.svg\">\n                <div class=\"type-price\">\n                        <font size=\"2\" style=\"font-weight:400;\">vanaf<\/font> <span>&euro;16,50<\/span>\n                <\/div>\n            <\/div>\n        <\/a>\n    <\/div>\n    <div class=\"pagination\" v-show=\"showPagination\">\n        <button class=\"pagination-btn\" @click=\"prevPage\" :disabled=\"currentPage === 1\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"15 18 9 12 15 6\"><\/polyline>\n            <\/svg>\n            Vorige\n        <\/button>\n        <div class=\"pagination-numbers\">\n            <button\n                v-for=\"page in pageNumbers\"\n                :key=\"page\"\n                @click=\"goToPage(page)\"\n                class=\"pagination-number\"\n                :class=\"{ active: currentPage === page }\">\n                {{ page }}\n            <\/button>\n        <\/div>\n        <button class=\"pagination-btn\" @click=\"nextPage\" :disabled=\"currentPage === totalPages\">\n            Volgende\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n            <\/svg>\n        <\/button>\n    <\/div>\n    <\/div>\n<\/div>\n<script>\n\nconst app = createApp({\n    \n    setup() {\n        const locations = ref([{\"id\":415,\"name\":\"ClaudiaTest\",\"oneliner\":\"Een plek waarbij iedereen wordt ondergedompeld in de stoere sfeer die New York bezit.\",\"image\":\"https:\\\/\\\/hightea.nl\\\/uploads\\\/65\\\/e6543371e7_1560346416_Dit-is-waarom-Martien-uit-Chateau-Meiland-iedereens-spirit-animal-is__shre11567608399.jpg\",\"items\":{\"High Tea\":[{\"posting_platform\":\"1\",\"platform\":\"4\",\"actief\":\"1\",\"name\":\"High Tea Deluxe\",\"id\":\"2\",\"korte_omschrijving\":\"\",\"omschrijving\":\"\",\"product_type\":\"High Tea\",\"price\":\"30\",\"price_from\":\"\",\"payment_value\":\"10\",\"payment_type\":\"procent\",\"fletcher\":\"0\",\"min_guests\":\"1\",\"max_guests\":\"2\",\"min_days_for_reservation\":\"1\",\"acccept_gifdcards\":\"1\",\"temp_disabled\":\"0\",\"prepay\":\"0\",\"double_confirm\":\"0\",\"cat\":\"Glutenvrij,Vegan,Suikervrij\",\"set_up\":\"0\",\"extern_systeem\":\"\",\"set_up_max\":\"\",\"prepay_mail\":\"0\",\"uitzondering\":\"\",\"times_ma\":\"09:00,09:30,\",\"ma\":1,\"times_di\":\"09:00,09:30,\",\"di\":1,\"times_wo\":\"09:30,10:00,10:30,11:00,\",\"wo\":1,\"times_do\":\"14:30,15:00,15:30,\",\"do\":1,\"times_vr\":\"14:30,15:00,16:00,\",\"vr\":1,\"times_za\":\"10:00,14:30,15:00,20:00,\",\"za\":1,\"times_zo\":\"09:30,14:30,15:00,\",\"zo\":1,\"db_id\":\"2\",\"sort\":\"3\",\"restaurant\":\"65\",\"icon\":\"https:\\\/\\\/hightea2.fruto.cloud\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/coffee.svg\"}]},\"dieetwensen\":[\"Biologisch\",\"Glutenvrij\",\"Halal\",\"Lactosevrij\",\"Suikervrij\",\"Vega\",\"Vegan\"],\"ambiance\":[\"Gezellig\",\"Hip\",\"Hotel\",\"Nostalgisch\"],\"omgeving\":[\"Aan de snelweg\",\"Aan het water\"],\"icons\":[\"https:\\\/\\\/hightea2.fruto.cloud\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/beer.svg\",\"https:\\\/\\\/hightea2.fruto.cloud\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/coffee.svg\",\"https:\\\/\\\/hightea2.fruto.cloud\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/tools-kitchen-2.svg\",\"https:\\\/\\\/hightea2.fruto.cloud\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/tabler-icon-glass.svg\",\"https:\\\/\\\/hightea2.fruto.cloud\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/ontbijt.svg\",\"https:\\\/\\\/hightea2.fruto.cloud\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/diner.svg\"],\"icons_all\":[],\"rating\":\"7+\",\"rating_exact\":\"7.9\",\"url\":\"https:\\\/\\\/hightea2.fruto.cloud\\\/en\\\/moordrecht\\\/claudiatest\\\/\",\"street\":\"Kwikstaarthof 43\",\"zipcode\":\"2841NW\",\"city\":\"Moordrecht\",\"extra_images\":\"https:\\\/\\\/hightea.nl\\\/uploads\\\/65\\\/HighBeer1574843656.jpg|https:\\\/\\\/hightea.nl\\\/uploads\\\/65\\\/High-Tea-Barista-Cafe-Gouda.jpg|https:\\\/\\\/hightea.nl\\\/uploads\\\/65\\\/header-lien-high-wine-close-up11567608391.jpg|https:\\\/\\\/hightea.nl\\\/uploads\\\/65\\\/High-Tea-Barista-Cafe-Gouda.jpg\",\"photos\":\"High Wine|https:\\\/\\\/hightea.nl\\\/uploads\\\/65\\\/e6543371e7_1560346416_Dit-is-waarom-Martien-uit-Chateau-Meiland-iedereens-spirit-animal-is__shre11567608399.jpg,High Beer|https:\\\/\\\/hightea.nl\\\/uploads\\\/65\\\/HighBeer1574843656.jpg,High Tea|https:\\\/\\\/hightea.nl\\\/uploads\\\/65\\\/High-Tea-Barista-Cafe-Gouda.jpg,High Wine|https:\\\/\\\/hightea.nl\\\/uploads\\\/65\\\/header-lien-high-wine-close-up11567608391.jpg\",\"latitude\":\"51.9914367\",\"longitude\":\"4.66426\",\"opening_times\":\"\",\"accept_giftcards\":\"1\"},{\"id\":954,\"name\":\"'t Opkikkertje\",\"oneliner\":\"Een heerlijk opkikkertje aan de markt van Den Bosch.\",\"image\":\"https:\\\/\\\/hightea.nl\\\/uploads\\\/670\\\/opkikkertje-den-bosch-high-tea1682432814.jpg\",\"items\":{\"High Tea\":[{\"posting_platform\":\"1\",\"platform\":\"4\",\"actief\":\"1\",\"end_date\":\"\",\"name\":\"High Tea\",\"korte_omschrijving\":\"- Lekkere zoete hapjes\\r\\n- Hartige hapjes van oma\\r\\n- Onbeperkte potten thee :)\",\"omschrijving\":\"\",\"product_type\":\"High Tea\",\"price\":\"29.95\",\"price_from\":\"\",\"payment_value\":\"10.00\",\"payment_type\":\"procent\",\"fletcher\":\"0\",\"min_guests\":\"2\",\"max_guests\":\"25\",\"min_days_for_reservation\":\"1\",\"acccept_gifdcards\":\"1\",\"temp_disabled\":\"0\",\"prepay\":\"0\",\"double_confirm\":\"0\",\"cat\":\"Vega\",\"set_up\":\"0\",\"extern_systeem\":\"\",\"set_up_max\":\"0\",\"prepay_mail\":\"0\",\"open_dates\":\"[]\",\"uitzondering\":\"2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29,2025-10-29\",\"times_ma\":\"11:00,11:30,12:00,12:30,13:00,13:30,14:00,14:30,15:00,15:30,16:00,\",\"ma\":1,\"times_di\":\"11:00,11:30,12:00,12:30,13:00,13:30,14:00,14:30,15:00,15:30,16:00,\",\"di\":1,\"times_wo\":\"11:00,11:30,12:00,12:30,13:00,13:30,14:00,14:30,15:00,15:30,16:00,\",\"wo\":1,\"times_do\":\"11:00,11:30,12:00,12:30,13:00,13:30,14:00,14:30,15:00,15:30,16:00,\",\"do\":1,\"times_vr\":\"11:00,11:30,12:00,12:30,13:00,13:30,14:00,14:30,15:00,15:30,16:00,\",\"vr\":1,\"times_za\":\"11:00,11:30,12:00,12:30,13:00,13:30,14:00,14:30,15:00,15:30,16:00,\",\"za\":1,\"times_zo\":\"11:00,11:30,12:00,12:30,13:00,13:30,14:00,14:30,15:00,15:30,16:00,\",\"zo\":1,\"db_id\":\"1659\",\"sort\":\"0\",\"restaurant\":\"670\",\"icon\":\"https:\\\/\\\/hightea2.fruto.cloud\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/coffee.svg\"}]},\"dieetwensen\":[\"Glutenvrij\",\"Vega\"],\"ambiance\":[],\"omgeving\":[\"Aan de snelweg\"],\"icons\":[\"https:\\\/\\\/hightea2.fruto.cloud\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/coffee.svg\",\"https:\\\/\\\/hightea2.fruto.cloud\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/tabler-icon-glass.svg\",\"https:\\\/\\\/hightea2.fruto.cloud\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/beer.svg\"],\"icons_all\":[],\"rating\":\"7+\",\"rating_exact\":\"7.9\",\"url\":\"https:\\\/\\\/hightea2.fruto.cloud\\\/en\\\/s-hertogenbosch\\\/t-opkikkertje\\\/\",\"street\":\"Markt 38\",\"zipcode\":\"5211 JX\",\"city\":\"'s Hertogenbosch\",\"extra_images\":\"https:\\\/\\\/hightea.nl\\\/uploads\\\/670\\\/high_beer_noord_brabant1739454872.jpg|https:\\\/\\\/hightea.nl\\\/uploads\\\/670\\\/t_Opkikkertje_Tripel_Karmeliet1704965493.jpg|https:\\\/\\\/hightea.nl\\\/uploads\\\/670\\\/Opkikkertje-den-bosch-1126411682432801.jpg|https:\\\/\\\/hightea.nl\\\/uploads\\\/670\\\/Opkikkertje-den-bosch-1126011682432757.jpg|https:\\\/\\\/hightea.nl\\\/uploads\\\/670\\\/opkikkertje-den-bosch-high-tea1682432814.jpg|https:\\\/\\\/hightea.nl\\\/uploads\\\/670\\\/Opkikkertje-den-bosch-1127491682432829.jpg|https:\\\/\\\/hightea.nl\\\/uploads\\\/670\\\/Opkikkertje-den-bosch-1127541682432843.jpg|https:\\\/\\\/hightea.nl\\\/uploads\\\/670\\\/Opkikkertje-den-bosch-1128071682432856.jpg|https:\\\/\\\/hightea.nl\\\/uploads\\\/670\\\/Opkikkertje-den-bosch-1128221682432870.jpg\",\"photos\":\"High Tea|https:\\\/\\\/hightea.nl\\\/uploads\\\/670\\\/opkikkertje-den-bosch-high-tea1682432814.jpg,High Beer|https:\\\/\\\/hightea.nl\\\/uploads\\\/670\\\/high_beer_noord_brabant1739454872.jpg,High Wine|https:\\\/\\\/hightea.nl\\\/uploads\\\/670\\\/t_Opkikkertje_Tripel_Karmeliet1704965493.jpg\",\"latitude\":\"51.7175422\",\"longitude\":\"5.3638945\",\"opening_times\":\"Maandag: 10.30 - 19.15&#13;<br \\\/>\\nDinsdag: 09.15 - 19.30&#13;<br \\\/>\\nWoensdag: 09.15 - 19.30&#13;<br \\\/>\\nDonderdag: 09.15 - 01.00&#13;<br \\\/>\\nVrijdag: 09.15 - 02.00&#13;<br \\\/>\\nZaterdag: 09.15 - 02.00&#13;<br \\\/>\\nZondag: 10.30 - 20.00\",\"accept_giftcards\":\"\"}])\n        const is_type = ref()\n        const is_city = ref()\n        const is_fletcher = ref(false)\n\t\tconst is_giftcard = ref(true)\n\t\tconst is_groups = ref(false)\n        const term_name = ref('')\n        const userLoggedIn = ref(false)\n        const userFavorites = ref([])\n\n        const allTypes = [{\"term_id\":299,\"name\":\"High Tea\",\"slug\":\"high-tea\",\"term_group\":0,\"term_taxonomy_id\":299,\"taxonomy\":\"arrangement\",\"description\":\"Reserveer een High Tea online bij de leukste restaurants van Nederland en geniet van zoete en hartige hapjes, heerlijke thee en een fijne sfeer. H\\u00e9t perfecte uitje om samen te genietn van kleine hapjes en verschillende thee\\u00ebn.\",\"parent\":0,\"count\":474,\"filter\":\"raw\",\"term_order\":\"0\"},{\"term_id\":301,\"name\":\"High Beer\",\"slug\":\"high-beer\",\"term_group\":0,\"term_taxonomy_id\":301,\"taxonomy\":\"arrangement\",\"description\":\"Zin in een gezellige middag vol bier en lekkernijen? Geniet van een High Beer met speciaal bieren, gecombineerd met bijpassende gerechtjes, goede snacks of een volle borrelplank. Perfect om samen te proeven en te genieten.\",\"parent\":0,\"count\":164,\"filter\":\"raw\",\"term_order\":\"1\"},{\"term_id\":300,\"name\":\"High Wine\",\"slug\":\"high-wine\",\"term_group\":0,\"term_taxonomy_id\":300,\"taxonomy\":\"arrangement\",\"description\":\"Een High Wine reserveren? Wij hebben de leukste restaurants voor je verzameld, van een sfeervolle wijnproeverij bij een wijngaard tot een gezellige High Wine in een knusse bistro. Ontdek, proef en proost!\",\"parent\":0,\"count\":214,\"filter\":\"raw\",\"term_order\":\"2\"},{\"term_id\":302,\"name\":\"High Cocktail\",\"slug\":\"high-cocktail\",\"term_group\":0,\"term_taxonomy_id\":302,\"taxonomy\":\"arrangement\",\"description\":\"Zin in een sprankelende middag vol cocktails en lekkernijen? Geniet van een mooi gedekte tafel en proef een selectie heerlijke mix drankjes gecombineerd met bijpassende hapjes, tijdens een feestelijke High Cocktail. Cheers!\",\"parent\":0,\"count\":1,\"filter\":\"raw\",\"term_order\":\"3\"},{\"term_id\":303,\"name\":\"Lunch\",\"slug\":\"lunch\",\"term_group\":0,\"term_taxonomy_id\":303,\"taxonomy\":\"arrangement\",\"description\":\"Lekker lunchen bij een bijzonder restaurant? Ontdek de leukste lunch restaurants, sorteer ze op ambiance, dieetwens of omgeving en geniet samen van een uniek en verrassend menu. Perfect voor een ontspannen middag!\",\"parent\":0,\"count\":1,\"filter\":\"raw\",\"term_order\":\"4\"},{\"term_id\":304,\"name\":\"Brunch\",\"slug\":\"brunch\",\"term_group\":0,\"term_taxonomy_id\":304,\"taxonomy\":\"arrangement\",\"description\":\"Geniet in een ontspannen sfeer van een heerlijke brunch bij een restaurant bij jou in de buurt. Proef een gevarieerd aanbod heerlijke gerechten, koffie en thee in de late ochtenduren. Dat is de perfecte relaxte start van de dag!\",\"parent\":0,\"count\":1,\"filter\":\"raw\",\"term_order\":\"5\"},{\"term_id\":306,\"name\":\"Diner\",\"slug\":\"diner\",\"term_group\":0,\"term_taxonomy_id\":306,\"taxonomy\":\"arrangement\",\"description\":\"Laat je verrassen en reserveer een uniek culinair diner, zoals shared dining of een luxe dinerplank. Kies je favoriete diner restaurant en geniet van een bijzondere en smaakvolle avond. Voor elk moment iets passends!\",\"parent\":0,\"count\":1,\"filter\":\"raw\",\"term_order\":\"6\"},{\"term_id\":305,\"name\":\"Ontbijt\",\"slug\":\"ontbijt\",\"term_group\":0,\"term_taxonomy_id\":305,\"taxonomy\":\"arrangement\",\"description\":\"Begin de dag goed met een heerlijk ontbijt in een sfeervol restaurant of ontbijtbar. Geniet van een uitgebreid ontbijt menu met onder andere verse broodjes, yoghurt met granola, pancakes, koffie, thee en nog veel meer!\",\"parent\":0,\"count\":1,\"filter\":\"raw\",\"term_order\":\"7\"},{\"term_id\":339,\"name\":\"Tapas\",\"slug\":\"tapas\",\"term_group\":0,\"term_taxonomy_id\":339,\"taxonomy\":\"arrangement\",\"description\":\"Waan je in Spaanse sferen en geniet van een avond of middag vol kleine, smaakvolle gerechtjes. Deel tapas met elkaar, proef bijzondere combinaties en laat je verrassen door de rijke smaken. Ontdek de beste tapas hotspots!\",\"parent\":0,\"count\":1,\"filter\":\"raw\",\"term_order\":\"9\"}];\n\n                const cityProductTypes = new Set([\"High Tea\"]);\n\n        \/\/ Filter types to only include those present in the city\n        const types = ref(allTypes.filter(type => cityProductTypes.has(type.name)));\n        \n        const uniqueDieetwensen = ref([])\n        const uniqueAmbiances = ref([])\n        const uniqueOmgevingen = ref([])\n        const uniqueRatings = ref([])\n\n        const filters = ref({\n            diet: [],\n            omgeving: [],\n            ambiance: [],\n            rating: [],\n            giftcard: false\n        });\n\n        \/\/ Pagination state\n        const currentPage = ref(1);\n        const itemsPerPage = ref(36);\n\n        \/\/ Favorite functionality\n        const isFavorite = (locationId) => {\n            return userFavorites.value.map(String).includes(String(locationId));\n        }\n\n        const toggleFavorite = async (event, locationId) => {\n            event.preventDefault();\n            event.stopPropagation();\n            \n            if (!userLoggedIn.value) {\n                alert('Je moet ingelogd zijn om favorieten op te slaan. Klik op \"Inloggen\" om verder te gaan.');\n                return;\n            }\n            \n            try {\n                const formData = new FormData();\n                formData.append('action', 'toggle_favorite');\n                formData.append('location_id', locationId);\n                formData.append('nonce', favoritesAjax.nonce);\n                \n                const response = await fetch(favoritesAjax.ajaxurl, {\n                    method: 'POST',\n                    body: formData\n                });\n                \n                const data = await response.json();\n                \n                if (data.success) {\n                    if (data.data.is_favorite) {\n                        userFavorites.value.push(locationId);\n                    } else {\n                        const index = userFavorites.value.indexOf(locationId);\n                        if (index > -1) {\n                            userFavorites.value.splice(index, 1);\n                        }\n                    }\n                    \n                    \/\/ Optional: show a brief notification\n                    showNotification(data.data.message);\n                } else {\n                    alert(data.data.message || 'Er ging iets mis. Probeer het opnieuw.');\n                }\n            } catch (error) {\n                console.error('Favorite toggle error:', error);\n                alert('Er ging iets mis. Probeer het opnieuw.');\n            }\n        };\n        \n        const showNotification = (message) => {\n            \/\/ Create a simple toast notification\n            const toast = document.createElement('div');\n            toast.className = 'favorite-toast';\n            toast.textContent = message;\n            document.body.appendChild(toast);\n            \n            setTimeout(() => {\n                toast.classList.add('show');\n            }, 10);\n            \n            setTimeout(() => {\n                toast.classList.remove('show');\n                setTimeout(() => toast.remove(), 300);\n            }, 2000);\n        };\n\n        const getCount = (name, value) => {\n            const visibleElements = Array.from(\n                document.querySelectorAll('[data-'+name+'*=\"'+value+'\"]')\n            ).filter((el) => {\n                const style = window.getComputedStyle(el);\n                return (\n                el.offsetWidth > 0 &&\n                el.offsetHeight > 0 &&\n                style.visibility !== \"hidden\" &&\n                style.display !== \"none\"\n                );\n            });\n\n            return visibleElements.length;\n        };\n\n        const toggleDiet = (item) => {\n            const index = filters.value.diet.indexOf(item);\n            if (index === -1) {\n                filters.value.diet.push(item);\n            } else {\n                filters.value.diet.splice(index, 1);\n            }\n        };\n        const toggleAmbiance = (item) => {\n            const index = filters.value.ambiance.indexOf(item);\n            if (index === -1) {\n                filters.value.ambiance.push(item);\n            } else {\n                filters.value.ambiance.splice(index, 1);\n            }\n        };\n        const toggleOmgeving = (item) => {\n            const index = filters.value.omgeving.indexOf(item);\n            if (index === -1) {\n                filters.value.omgeving.push(item);\n            } else {\n                filters.value.omgeving.splice(index, 1);\n            }\n        };\n        const toggleRating = (item) => {\n            const index = filters.value.rating.indexOf(item);\n            if (index === -1) {\n                filters.value.rating.push(item);\n            } else {\n                filters.value.rating.splice(index, 1);\n            }\n        };\n\n        const toggleGiftcard = () => {\n            filters.value.giftcard = !filters.value.giftcard;\n        };\n\n        const hideFilters = () => {\n\n            document.querySelector('.sidebar').style.display='none';\n\n        }\n        \n        function refreshFilters() {\n            \n            elements = document.querySelectorAll('[data-dieetwensen]');\n            const allDieetwensen = Array.from(elements)\n                .map(el => el.getAttribute('data-dieetwensen')) \/\/ Get the attribute values\n                .filter(Boolean) \/\/ Remove null\/undefined values\n                .flatMap(value => value.split(',')); \/\/ Split by comma and flatten the array\n            this.uniqueDieetwensen = [...new Set(allDieetwensen)];\n\n            elements = document.querySelectorAll('[data-ambiance]');\n            const allAmbiances = Array.from(elements)\n                .map(el => el.getAttribute('data-ambiance')) \/\/ Get the attribute values\n                .filter(Boolean) \/\/ Remove null\/undefined values\n                .flatMap(value => value.split(',')); \/\/ Split by comma and flatten the array\n            this.uniqueAmbiances = [...new Set(allAmbiances)];\n\n            elements = document.querySelectorAll('[data-omgeving]');\n            const allOmgevingen = Array.from(elements)\n                .map(el => el.getAttribute('data-omgeving')) \/\/ Get the attribute values\n                .filter(Boolean) \/\/ Remove null\/undefined values\n                .flatMap(value => value.split(',')); \/\/ Split by comma and flatten the array\n            this.uniqueOmgevingen = [...new Set(allOmgevingen)];\n\n            elements = document.querySelectorAll('[data-rating]');\n            const allRatings = Array.from(elements)\n                .map(el => el.getAttribute('data-rating')) \/\/ Get the attribute values\n                .filter(Boolean) \/\/ Remove null\/undefined values\n                .flatMap(value => value.split(',')); \/\/ Split by comma and flatten the array\n            this.uniqueRatings = [...new Set(allRatings)];\n\n        }\n\n                        \n        \/\/ Pagination methods\n        const scrollToTop = () => {\n            const element = document.querySelector('#locations-top');\n            if (element) {\n                element.scrollIntoView({ behavior: 'smooth', block: 'start' });\n            }\n        };\n\n        const goToPage = (page) => {\n            currentPage.value = page;\n            scrollToTop();\n        };\n\n        const nextPage = () => {\n            currentPage.value = currentPage.value + 1;\n            scrollToTop();\n        };\n\n        const prevPage = () => {\n            currentPage.value = currentPage.value - 1;\n            scrollToTop();\n        };\n\n        \/\/ Lowest price for \"vanaf\" display (across all items of this type at this location)\n        const getMinPrice = (items) => {\n            if (!items || !items.length) return '';\n            const prices = items.map(i => parseFloat(String(i.price).replace(',', '.')) || 0).filter(Boolean);\n            if (!prices.length) return '';\n            const min = Math.min(...prices);\n            return Number.isInteger(min) ? min : min.toFixed(2).replace('.', ',');\n        };\n\n        \/\/ Watch filters and reset to page 1 when filters change\n        watch(filters.value, (newFilters) => {\n            currentPage.value = 1;\n            scrollToTop();\n        });\n\n        return {\n            locations,\n            getMinPrice,\n            is_type,\n            is_city,\n            term_name,\n            types,\n            filters,\n            uniqueDieetwensen,\n            uniqueAmbiances,\n            uniqueOmgevingen,\n            uniqueRatings,\n            filters,\n            toggleDiet,\n            toggleAmbiance,\n            toggleOmgeving,\n            toggleRating,\n            toggleGiftcard,\n            hideFilters,\n            refreshFilters,\n            is_fletcher,\n\t\t\tis_giftcard,\n\t\t\tis_groups,\n            userLoggedIn,\n            userFavorites,\n            isFavorite,\n            toggleFavorite,\n            currentPage,\n            itemsPerPage,\n            goToPage,\n            nextPage,\n            prevPage\n        }\n    },\n    mounted() {\n\n        this.refreshFilters()\n\n    },\n    computed: {\n        filteredLocations() {\n\n            const { diet, omgeving, ambiance, rating, giftcard } = this.filters;\n\n            return this.locations.filter(location => {\n            const matchesDieetwensen =\n                diet.length === 0 ||\n                diet.some(d => location.dieetwensen.includes(d));\n            const matchesOmgeving =\n                omgeving.length === 0 ||\n                omgeving.some(a => location.omgeving.includes(a));\n            const matchesAmbiance =\n                ambiance.length === 0 ||\n                ambiance.some(o => location.ambiance.includes(o));\n            const matchesRating =\n                rating.length === 0 ||\n                rating.some(r => location.rating==r);\n            const matchesGiftcard =\n                !giftcard || location.accept_giftcards == 1;\n\n            return matchesDieetwensen && matchesAmbiance && matchesOmgeving && matchesRating && matchesGiftcard;\n            });\n        },\n        totalPages() {\n            return Math.ceil(this.filteredLocations.length \/ this.itemsPerPage);\n        },\n        showPagination() {\n            return this.totalPages > 1;\n        },\n        pageNumbers() {\n            return Array.from({ length: this.totalPages }, (_, i) => i + 1);\n        },\n        paginatedLocations() {\n            const start = (this.currentPage - 1) * this.itemsPerPage;\n            const end = start + this.itemsPerPage;\n            return this.filteredLocations.slice(start, end);\n        }\n    }\n});\n\napp.mount('#app');\n<\/script>\n<style>\n.giftcard-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 5px 10px;\n    background: #e8f5e9;\n    color: #2e7d32;\n    border-radius: 15px;\n    font-size: 12px;\n    margin: 5px 15px;\n}\n\/* Favorite button styles *\/\n.fav {\n    position: absolute;\n    right: 15px;\n    top: 15px;\n    background: #fff;\n    height: 26px;\n    padding: 3px 10px;\n    border-radius: 20px;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    z-index: 10;\n}\n\n.fav:hover {\n    transform: scale(1.1);\n    box-shadow: 0 2px 8px rgba(0,0,0,0.15);\n}\n\n.fav svg {\n    height: 20px;\n    transition: all 0.3s ease;\n}\n\n.fav.is-favorite svg {\n    fill: #bd00ba;\n    stroke: #bd00ba;\n}\n\n.fav:not(.is-favorite):hover svg {\n    stroke: #bd00ba;\n}\n\n\/* Toast notification *\/\n.favorite-toast {\n    position: fixed;\n    bottom: 20px;\n    right: 20px;\n    background: #333;\n    color: white;\n    padding: 12px 24px;\n    border-radius: 8px;\n    font-size: 14px;\n    opacity: 0;\n    transform: translateY(20px);\n    transition: all 0.3s ease;\n    z-index: 9999;\n}\n\n.favorite-toast.show {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n\/* Favorites page styles for My Account *\/\n.remove-favorite {\n    background: #ff4444;\n    color: white;\n    border: none;\n    padding: 8px 16px;\n    border-radius: 5px;\n    cursor: pointer;\n    font-size: 14px;\n    transition: background 0.3s ease;\n}\n\n.remove-favorite:hover {\n    background: #cc0000;\n}\n#app2 {\n    padding:50px 0 0 0;\n    & h3 {\n        margin-bottom:15px;\n        @media(max-width:477px){\n            padding:0 20px;\n            box-sizing:border-box;\n        }\n    }\n    & .location-map {\n        display:flex;\n        column-gap:25px;\n        position:relative;\n        @media(max-width:477px){\n            flex-direction:column;\n            padding:50px 20px 0 20px;\n        }\n        & .locations {\n            width:340px;\n            padding:20px;\n            background:rgba(255,255,255,0.5);\n            position:absolute;\n            z-index:100;\n            left:0;\n            top:0;\n            height:100%;\n            flex-shrink:0;\n            display:flex;\n            flex-direction:column;\n            row-gap:15px;\n            max-height:800px;\n            overflow-y:scroll;\n            @media(max-width:477px){\n                width:100%;\n                order:1;\n                display:none;\n            }\n            & .location {\n                align-self:flex-start;\n                background:#fff;\n                border-radius:15px;\n                border:1px solid #e0e0e0;\n                width:100%;\n                position:relative;\n                cursor: pointer;\n                padding-bottom:15px;\n                transition:transform 500ms ease;\n                &.bestellen {\n                    background:#fdf4ff;\n                    & .excerpt {\n                        color:#3e3e3e;\n                    }\n                }\n                @media(max-width:990px){\n\n                }\n                @media(max-width:477px){\n                    width:100%;\n                }\n                & .fav {\n                    position:absolute;\n                    right:15px;\n                    top:15px;\n                    background:#fff;\n                    height:26px;\n                    padding:3px 10px;\n                    border-radius:20px;\n                    & svg {\n                        height:20px;\n                    }\n                }\n                & .image {\n                    aspect-ratio:16\/9;\n                    object-fit:cover;\n                }\n                & .name-rating {\n                    display:flex;\n                    justify-content:space-between;\n                    padding:10px 15px 5px 15px;\n                    & .name {\n                        font-size:17px;\n                        font-weight:700;\n                        text-overflow:ellipsis;\n                        overflow:hidden;\n                        white-space:nowrap;\n                    }\n                    & .rating {\n                        display:flex;\n                        align-items:center;\n                        column-gap:5px;\n                        & svg {\n                        }\n                    }\n                }\n                & .address {\n                    display:flex;\n                    align-items:center;\n                    column-gap:5px;\n                    padding:0 15px;\n                    font-size:14px;\n                    & svg {\n                        height:20px;\n                    }\n                }\n                & .excerpt {\n                    color:#9e9e9e;\n                    font-size:14px;\n                    padding:10px 15px;\n                }\n                & .diets {\n                    padding:5px 15px;\n                    padding-right:60px;\n                    display:flex;\n                    align-items:center;\n                    column-gap:5px;\n                    overflow-x:auto;\n                    overflow-y:hidden;\n                    scrollbar-width:none;\n                    -ms-overflow-style:none;\n                    position:relative;\n                    \/* Gradient fade on right side *\/\n                    &::after {\n                        content:'';\n                        position:absolute;\n                        right:0;\n                        top:0;\n                        bottom:0;\n                        width:60px;\n                        background:linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));\n                        pointer-events:none;\n                    }\n                    \/* Hide scrollbar for Chrome\/Safari *\/\n                    &::-webkit-scrollbar {\n                        display:none;\n                    }\n                    & .diet {\n                        border:1px solid #E1DED2;\n                        color:#777467;\n                        background:#F5F4EC;\n                        font-size: 12px;\n                        padding:0px 8px;\n                        min-width: auto;\n                        align-items: center;\n                        border-radius:15px;\n                        white-space:nowrap;\n                        flex-shrink:0;\n                    }\n                }\n                & .soort-prijs {\n                    width:100%;\n                    flex-direction:row;\n                    display:flex;\n                    align-items:center;\n                    justify-content:space-between;\n                    padding:10px 15px 0 15px;\n                    &:not(.center) img {\n                        height:30px;\n                        filter:invert(18%) sepia(97%) saturate(2333%) hue-rotate(285deg) brightness(101%) contrast(141%);\n                    }\n                    & .type-price {\n                        font-size:20px;\n                        font-weight:700;\n                    }\n                    &.center {\n                        padding:10px 0 5px 0;\n                        position:relative;\n                        margin-top:10px;\n                        &:after {\n                            content:'';\n                            border-bottom:1px solid #e0e0e0;\n                            bottom:15px;\n                            width:100%;\n                            height:1px;\n                            position:absolute;\n                            z-index:0;\n                        }\n                        & .type-icon {\n                            margin:0 auto;\n                            background:#fff;\n                            padding:0 10px;\n                            display:flex;\n                            align-items:center;\n                            column-gap:10px;\n                            z-index:1;\n                            & img {\n                                height:25px;\n                                filter:none;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n        & #map {\n            position:relative;\n            aspect-ratio:16\/9;\n            border-radius:15px;\n            width:100%;\n\t\t\tz-index:50;\n\t\t\theight:600px;\n            padding:0 20px;\n            box-sizing:border-box;\n            @media(max-width:477px){\n                aspect-ratio:1\/1;\n                order:0;\n            }\n        }\n    }\n}\n.infowindow {\n    position:relative;\n\tfont-size:16px;\n    & a {\n        color:#d000a2;\n        font-weight:500;\n        text-decoration:underline;\n    }\n}\n#app {\n    display:flex;\n    column-gap:50px;\n    padding-bottom:50px;\n    .sidebar {\n        flex-basis:250px;\n        flex-shrink:0;\n        font-size:14px;\n        @media(max-width:990px){\n            flex-basis:200px;\n        }\n        @media(max-width:767px){\n            flex-basis:150px;\n        }\n        @media(max-width:477px){\n            display:none;\n            position:fixed;\n            width:calc(100% - 50px);\n            height:calc(100% - 50px);\n            background:#fff;\n            top:25px;\n            left:25px;\n            padding:20px 30px;\n            box-sizing:border-box;\n            z-index:1000;\n            border-radius:15px;\n            box-shadow:0 0 15px #e0e0e0;\n        }\n        .title-close {\n            display:flex;\n            align-items:center;\n            justify-content:space-between;\n            & img {\n                display:none;\n                height:30px;\n                @media(max-width:477px){\n                    display:block !important;\n                }\n            }\n        }\n        & h4 {\n            font-size:18px;\n        }\n        & h5 {\n            font-size:14px;\n            margin-bottom:5px;\n        }\n        & .types {\n            display:flex;\n            flex-direction:column;\n            row-gap:2px;\n            @media(max-width:477px){ \n                \n            }\n            & a {\n                display:block;\n                transition:color 300ms ease;\n                &:hover,\n                &.active {\n                    color:#bd00ba;\n                }\n                &.active {\n                    font-weight:700;\n                }\n            }\n        }\n        & .filters {\n            border-top:1px solid #e0e0e0;\n            padding-top:25px;\n            margin-top:25px;\n            @media(max-width:477px){\n                margin-top:10px;\n            }\n            & .filter {\n                cursor: pointer;\n                display:flex;\n                align-items:center;\n                position:relative;\n                column-gap:10px;\n                & img {\n                    height:16px;\n                }\n                & .count {\n                    right:0;\n                    position:absolute;\n                    color:#c1c1c1;\n                    top;2px;\n                }\n            }\n        }\n    }\n    .locations-wrapper {\n        display: flex;\n        flex-direction: column;\n        width: 100%;\n    }\n    .locations {\n        display:flex;\n        column-gap:25px;\n        row-gap:35px;\n        flex-wrap:wrap;\n        width:100%;\n        @media(max-width:477px){\n            padding:0px 20px;\n            width:100%;\n            box-sizing:border-box;\n        }\n        & .location {\n            align-self:flex-start;\n            border-radius:15px;\n            box-shadow:0 0 10px #e0e0e0;\n            overflow:hidden;\n            width:calc(33.33% - 17.5px);\n            position:relative;\n            cursor: pointer;\n            padding-bottom:15px;\n            transition:transform 500ms ease;\n            text-decoration:none;\n            color:inherit;\n            &.fletcher,\n\t\t\t&.giftcard,\n\t\t\t&.groups {\n                width:calc(25% - 20px);\n            }\n            & .excerpt {\n                display: -webkit-box;\n                -webkit-line-clamp: 2; \/* Number of lines to show *\/\n                -webkit-box-orient: vertical;\n                overflow: hidden;\n                padding-bottom:0 !important;\n                margin-bottom:15px;\n            }\n            &.bestellen {\n                background:#fdf4ff;\n                & .excerpt {\n                    color:#3e3e3e;\n                }\n            }\n            @media(max-width:990px){\n                width:calc(50% - 15px);\n            }\n            @media(max-width:477px){\n                width:100%;\n            }\n            &:hover {\n            }\n            & .fav {\n                position:absolute;\n                right:15px;\n                top:15px;\n                background:#fff;\n                height:26px;\n                padding:3px 10px;\n                border-radius:20px;\n                & svg {\n                    height:20px;\n                }\n            }\n            & .image {\n                aspect-ratio:16\/9;\n                object-fit:cover;\n            }\n            & .name-rating {\n                display:flex;\n                justify-content:space-between;\n                padding:10px 15px 5px 15px;\n                & .name {\n                    font-size:17px;\n                    font-weight:700;\n                    text-overflow:ellipsis;\n                    overflow:hidden;\n                    white-space:nowrap;\n                }\n                & .rating {\n                    display:flex;\n                    align-items:center;\n                    column-gap:5px;\n                    & svg {\n                    }\n                }\n            }\n            & .address {\n                display:flex;\n                align-items:center;\n                column-gap:5px;\n                padding:0 15px;\n                font-size:14px;\n                & svg {\n                    height:20px;\n                }\n            }\n            & .excerpt {\n                color:#9e9e9e;\n                font-size:14px;\n                padding:10px 15px;\n            }\n            & .diets {\n                padding:5px 15px;\n                padding-right:60px;\n                display:flex;\n                align-items:center;\n                column-gap:5px;\n                overflow-x:auto;\n                overflow-y:hidden;\n                scrollbar-width:none;\n                -ms-overflow-style:none;\n                position:relative;\n                \/* Gradient fade on right side *\/\n                &::after {\n                    content:'';\n                    position:absolute;\n                    right:0;\n                    top:0;\n                    bottom:0;\n                    width:60px;\n                    background:linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));\n                    pointer-events:none;\n                }\n                \/* Hide scrollbar for Chrome\/Safari *\/\n                &::-webkit-scrollbar {\n                    display:none;\n                }\n                & .diet {\n                    border:1px solid #E1DED2;\n                    color:#777467;\n                    background:#F5F4EC;\n                    font-size: 12px;\n                    padding:0px 8px;\n                    min-width: auto;\n                    align-items: center;\n                    border-radius:15px;\n                    white-space:nowrap;\n                    flex-shrink:0;\n                }\n            }\n            & .soort-prijs {\n                width:100%;\n                flex-direction:row;\n                display:flex;\n                align-items:center;\n                justify-content:space-between;\n                padding:10px 15px 0 15px;\n                &:not(.center) img {\n                    height:30px;\n                    filter:invert(18%) sepia(97%) saturate(2333%) hue-rotate(285deg) brightness(101%) contrast(141%);\n                }\n                & .type-price {\n                    font-size:20px;\n                    font-weight:700;\n                }\n                &.center {\n                    padding:10px 0 5px 0;\n                    position:relative;\n                    margin-top:10px;\n                    &:after {\n                        content:'';\n                        border-bottom:1px solid #e0e0e0;\n                        bottom:15px;\n                        width:100%;\n                        height:1px;\n                        position:absolute;\n                        z-index:0;\n                    }\n                    & .type-icon {\n                        margin:0 auto;\n                        background:#fff;\n                        padding:0 10px;\n                        display:flex;\n                        align-items:center;\n                        column-gap:10px;\n                        z-index:1;\n                        & img {\n                            height:25px;\n                            filter:none;\n                        }\n                    }\n                }\n            }\n        }\n    }\n    .pagination {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 10px;\n        margin-top: 40px;\n        width: 100%;\n        @media(max-width:477px){\n            padding: 0 20px;\n            box-sizing: border-box;\n        }\n        & .pagination-btn {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            padding: 10px 20px;\n            background: #fff;\n            border: 1px solid #e0e0e0;\n            border-radius: 8px;\n            cursor: pointer;\n            font-size: 14px;\n            font-weight: 500;\n            transition: all 0.3s ease;\n            color: #333;\n            &:hover:not(:disabled) {\n                background: #f5f5f5;\n                border-color: #bd00ba;\n                color: #bd00ba;\n                & svg {\n                    stroke: #bd00ba;\n                }\n            }\n            &:disabled {\n                opacity: 0.4;\n                cursor: not-allowed;\n            }\n            & svg {\n                transition: stroke 0.3s ease;\n            }\n        }\n        & .pagination-numbers {\n            display: flex;\n            gap: 5px;\n            @media(max-width:477px){\n                overflow-x: auto;\n                max-width: calc(100vw - 220px);\n                scrollbar-width: none;\n                -ms-overflow-style: none;\n                &::-webkit-scrollbar {\n                    display: none;\n                }\n            }\n            & .pagination-number {\n                min-width: 40px;\n                height: 40px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                background: #fff;\n                border: 1px solid #e0e0e0;\n                border-radius: 8px;\n                cursor: pointer;\n                font-size: 14px;\n                font-weight: 500;\n                transition: all 0.3s ease;\n                color: #333;\n                &:hover {\n                    background: #f5f5f5;\n                    border-color: #bd00ba;\n                    color: #bd00ba;\n                }\n                &.active {\n                    background: #bd00ba;\n                    border-color: #bd00ba;\n                    color: #fff;\n                    font-weight: 700;\n                }\n            }\n        }\n    }\n}\n<\/style><\/div><\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":19804,"parent":3779,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-21833","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/hightea2.fruto.cloud\/en\/wp-json\/wp\/v2\/pages\/21833","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hightea2.fruto.cloud\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hightea2.fruto.cloud\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hightea2.fruto.cloud\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hightea2.fruto.cloud\/en\/wp-json\/wp\/v2\/comments?post=21833"}],"version-history":[{"count":8,"href":"https:\/\/hightea2.fruto.cloud\/en\/wp-json\/wp\/v2\/pages\/21833\/revisions"}],"predecessor-version":[{"id":22242,"href":"https:\/\/hightea2.fruto.cloud\/en\/wp-json\/wp\/v2\/pages\/21833\/revisions\/22242"}],"up":[{"embeddable":true,"href":"https:\/\/hightea2.fruto.cloud\/en\/wp-json\/wp\/v2\/pages\/3779"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hightea2.fruto.cloud\/en\/wp-json\/wp\/v2\/media\/19804"}],"wp:attachment":[{"href":"https:\/\/hightea2.fruto.cloud\/en\/wp-json\/wp\/v2\/media?parent=21833"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}