{"id":160123,"date":"2025-08-18T13:27:43","date_gmt":"2025-08-18T11:27:43","guid":{"rendered":"https:\/\/cavalor.com\/store-locator-new-nl\/"},"modified":"2025-08-22T10:19:03","modified_gmt":"2025-08-22T08:19:03","slug":"store-locator","status":"publish","type":"page","link":"https:\/\/cavalor.com\/nl\/store-locator\/","title":{"rendered":"Store Locator"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"160123\" class=\"elementor elementor-160123 elementor-157703\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a76e8fa e-flex e-con-boxed e-con e-parent\" data-id=\"a76e8fa\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c6b02af elementor-widget elementor-widget-shortcode\" data-id=\"c6b02af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n\n<!-- Store Locator Container -->\n<div class=\"store-locator-container unified-layout\">\n    \n    <!-- Unified Controls Header -->\n    <div class=\"locator-controls-header\">\n        <!-- View Switcher -->\n        <div class=\"view-switcher\">\n            <button id=\"show-physical-stores\" class=\"switcher-btn active\">Koop bij verkooppunt<\/button>\n            <button id=\"show-online-stores\" class=\"switcher-btn\">Bestel direct online<\/button>\n        <\/div>\n\n        <!-- Physical Store Controls -->\n        <div id=\"physical-controls-view\">\n            <form id=\"store-locator-form\" class=\"store-locator-search\" method=\"post\" action=\"\">\n                <!-- Primary Search Section -->\n                <div class=\"primary-search\">\n                    <div class=\"search-input-wrapper\">\n                        <input type=\"text\" \n                            id=\"store-locator-search\" \n                            class=\"store-search-input\" \n                            placeholder=\"Voer een adres, plaats of postcode inVoer een adres, plaats of postcode in\" \n                            aria-label=\"Zoek locatie\"\n                        >\n                    <\/div>\n                    \n                    <div class=\"radius-selector\">\n                        <select id=\"store-locator-radius\" name=\"radius\">\n                            <option value=\"5\" >5 km<\/option>\n                            <option value=\"10\" >10 km<\/option>\n                            <option value=\"25\" >25 km<\/option>\n                            <option value=\"50\" selected>50 km<\/option>\n                            <option value=\"100\" >100 km<\/option>\n                        <\/select>\n                    <\/div>\n\n                    <button type=\"submit\" class=\"store-locator-submit\">\n                        Zoeken                    <\/button>\n                <\/div>\n\n                <!-- Filter Toggle -->\n                <div class=\"filter-toggle\" id=\"filter-toggle\">\n                    <svg class=\"filter-toggle-icon\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\">\n                        <path d=\"M1.5 1.5A.5.5 0 0 1 2 1h12a.5.5 0 0 1 0 1H2a.5.5 0 0 1-.5-.5zm0 4a.5.5 0 0 1 .5-.5h12a.5.5 0 0 1 0 1H2a.5.5 0 0 1-.5-.5zm0 4a.5.5 0 0 1 .5-.5h12a.5.5 0 0 1 0 1H2a.5.5 0 0 1-.5-.5z\"\/>\n                    <\/svg>\n                    Filters                <\/div>\n\n                <!-- Filters Section -->\n                <div class=\"filters-section\" id=\"filters-section\">\n                    <div class=\"filters-grid\">\n                                                    <div class=\"filter-group\">\n                                <label class=\"filter-label\" for=\"store-locator-category\">\n                                    Filter op categorie                                <\/label>\n                                <select id=\"store-locator-category\" name=\"category\" class=\"filter-select\">\n                                    <option value=\"\">Alle categorie\u00ebn<\/option>\n                                                                            <option value=\"1777\">\n                                            Voer                                        <\/option>\n                                                                            <option value=\"1798\">\n                                            Verzorging                                        <\/option>\n                                                                            <option value=\"1800\">\n                                            Supplementen                                        <\/option>\n                                                                    <\/select>\n                            <\/div>\n                                            <\/div>\n                <\/div>\n            <\/form>\n        <\/div>\n\n        <!-- Online Store Controls -->\n        <div id=\"online-controls-view\" style=\"display: none;\">\n            <div class=\"filter-group\" id=\"online-country-filter\">\n                <label class=\"filter-label\" for=\"online-country-select\">Filteren op land:<\/label>\n                <select id=\"online-country-select\" class=\"filter-select\">\n                    <!-- Options will be populated by JavaScript -->\n                <\/select>\n            <\/div>\n        <\/div>\n    <\/div> <!-- End .locator-controls-header -->\n    \n    <!-- Results Body -->\n    <div class=\"locator-results-body\">\n        <!-- Container for physical store results (map and address) -->\n        <div id=\"physical-results-view\">\n            <div class=\"store-locator-results-container\">\n                <div id=\"store-locator-map\" class=\"store-locator-map\" style=\"height: 400px\" aria-label=\"Store locations map\"><\/div>\n                <div class=\"store-locator-results\">\n                    <h3 class=\"results-title\">Zoekresultaten<\/h3>\n                    \n                    <div id=\"store-locator-loading\" class=\"store-locator-loading\" style=\"display: none;\">\n                        Zoeken naar winkels...                    <\/div>\n                    \n                    <div id=\"store-locator-error\" class=\"store-locator-error\" style=\"display: none;\">\n                        Sorry, there was an error processing your request. Please try again.                    <\/div>\n                    \n                    <div id=\"store-locator-no-results\" class=\"store-locator-no-results\" style=\"display: none;\">\n                        Er zijn geen winkels gevonden in het geselecteerde gebied. Probeer je zoekradius te vergroten of zoek op een andere locatie.                    <\/div>\n                    \n                    <div id=\"store-list\" class=\"store-list\">\n                        <div class=\"store-locator-initial-message\">\n                            Voer een locatie in om winkels bij je in de buurt te vinden.                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div> \n\n        <!-- Container for \"Online Only\" stores, hidden by default -->\n        <div id=\"online-results-view\" style=\"display: none;\">\n            <div id=\"online-store-list\" class=\"online-store-list\">\n                <!-- Online stores will be loaded here via AJAX -->\n            <\/div>\n        <\/div>\n    <\/div> <!-- End .locator-results-body -->\n<\/div>\n\n<!-- Add JavaScript for filter toggle -->\n<script>\njQuery(document).ready(function($) {\n    \/\/ Initialize filter toggle\n    $('#filter-toggle').on('click', function() {\n        $(this).toggleClass('active');\n        $('#filters-section').slideToggle(200);\n    });\n});\n<\/script>\n\n<!-- Store Info Window Template -->\n<script type=\"text\/template\" id=\"store-locator-info-window-template\">\n    <div class=\"gm-info-window\">\n        <div class=\"gm-info-content\">\n            <div class=\"gm-info-header\">\n                <h4>{{title}}<\/h4>\n                {{#if distance}}\n                <span class=\"gm-distance\">{{distance}} {{unit}}<\/span>\n                {{\/if}}\n            <\/div>\n            \n            {{#if address}}\n            <div class=\"gm-info-row\">\n                <i class=\"fas fa-map-marker-alt\"><\/i>\n                <span>{{address}}<\/span>\n            <\/div>\n            {{\/if}}\n            \n            {{#if phone}}\n            <div class=\"gm-info-row\">\n                <i class=\"fas fa-phone\"><\/i>\n                <a href=\"tel:{{phone}}\">{{phone}}<\/a>\n            <\/div>\n            {{\/if}}\n            \n            {{#if hours}}\n            <div class=\"gm-info-row gm-hours\">\n                <i class=\"fas fa-clock\"><\/i>\n                <span>{{{hours}}}<\/span>\n            <\/div>\n            {{\/if}}\n            \n            <div class=\"gm-info-actions\">\n                <a href=\"{{permalink}}\" class=\"gm-btn gm-btn-primary\">\n                    Bekijk details                <\/a>\n                <a href=\"https:\/\/maps.google.com\/maps?daddr={{address}}\" target=\"_blank\" class=\"gm-btn gm-btn-outline\">\n                    Routebeschrijving                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/script> \n\n<!-- Extra CSS voor de nieuwe layout -->\n<style>\n\/* Google Places Autocomplete styling *\/\n.pac-container {\n    z-index: 99999 !important;\n    border-radius: 8px !important;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;\n    border: 1px solid #e0e6ea !important;\n    background: white !important;\n    position: absolute !important;\n    display: block !important;\n    visibility: visible !important;\n    opacity: 1 !important;\n}\n\n.pac-item {\n    border-bottom: 1px solid #f0f0f0 !important;\n    padding: 10px 15px !important;\n    font-size: 14px !important;\n    cursor: pointer !important;\n    background: white !important;\n    display: block !important;\n}\n\n.pac-item:hover,\n.pac-item-selected {\n    background: #f8fafc !important;\n}\n\n.pac-matched {\n    font-weight: 600 !important;\n}\n\n\/* Force autocomplete visibility *\/\n.pac-container:after {\n    content: '';\n    position: absolute;\n    z-index: -1;\n}\n\n\/* Main container for the unified layout *\/\n.store-locator-container.unified-layout {\n    border: 1px solid #e0e6ea;\n    border-radius: 12px;\n    overflow: hidden;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.05);\n    background: #fff;\n}\n\n\/* Header with all controls *\/\n.locator-controls-header {\n    padding: 20px;\n    background: #f8fafc;\n    border-bottom: 1px solid #e0e6ea;\n}\n\n\/* Elegant View Switcher with Brand Colors - FORCED STYLES *\/\n.view-switcher {\n    position: relative !important;\n    display: flex !important;\n    justify-content: center !important;\n    margin-bottom: 30px !important;\n    background: #F7FAFC !important;\n    border: 1px solid #E2E8F0 !important;\n    border-radius: 16px !important;\n    padding: 4px !important;\n    max-width: 380px !important;\n    margin-left: auto !important;\n    margin-right: auto !important;\n    box-shadow: 0 4px 20px rgba(3, 23, 61, 0.06) !important;\n    overflow: hidden !important;\n}\n\n.view-switcher::before {\n    content: '' !important;\n    position: absolute !important;\n    top: 4px !important;\n    left: 4px !important;\n    width: calc(50% - 4px) !important;\n    height: calc(100% - 8px) !important;\n    background: #03173D !important;\n    border-radius: 12px !important;\n    box-shadow: 0 2px 8px rgba(3, 23, 61, 0.15) !important;\n    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;\n    z-index: 1 !important;\n}\n\n.view-switcher.online-active::before {\n    transform: translateX(100%) !important;\n}\n\n.switcher-btn {\n    position: relative !important;\n    flex: 1 !important;\n    padding: 12px 18px !important;\n    border: none !important;\n    background: transparent !important;\n    cursor: pointer !important;\n    font-size: 14px !important;\n    font-weight: 500 !important;\n    border-radius: 12px !important;\n    z-index: 2 !important;\n    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    gap: 6px !important;\n    letter-spacing: 0.2px !important;\n    text-decoration: none !important;\n    outline: none !important;\n}\n\n.switcher-btn:not(.active) {\n    color: #64748B !important;\n    background: transparent !important;\n}\n\n.switcher-btn.active {\n    color: white !important;\n    text-shadow: 0 1px 2px rgba(0,0,0,0.1) !important;\n    background: transparent !important;\n}\n\n.switcher-btn:not(.active):hover {\n    color: #F68933 !important;\n    transform: translateY(-1px) !important;\n    background: transparent !important;\n}\n\n\/* Subtle icons for switcher buttons - FORCED *\/\n.switcher-btn::before {\n    content: '' !important;\n    width: 16px !important;\n    height: 16px !important;\n    background-size: contain !important;\n    background-repeat: no-repeat !important;\n    background-position: center !important;\n    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;\n    opacity: 0.8 !important;\n    filter: none !important;\n}\n\n.switcher-btn.active::before {\n    opacity: 1 !important;\n    filter: brightness(0) invert(1) !important; \/* Makes icons white *\/\n}\n\n.switcher-btn:not(.active)::before {\n    filter: none !important; \/* Keeps original icon color for inactive buttons *\/\n}\n\n#show-physical-stores::before {\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'\/%3E%3C\/svg%3E\");\n}\n\n#show-online-stores::before {\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M7 18c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12L8.1 13h7.45c.75 0 1.41-.41 1.75-1.03L21.7 4H5.21l-.94-2H1zm16 16c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z'\/%3E%3C\/svg%3E\");\n}\n\n\/* Responsive adjustments - FORCED *\/\n@media (max-width: 768px) {\n    .view-switcher {\n        max-width: 95% !important;\n        margin-bottom: 25px !important;\n    }\n    \n    .switcher-btn {\n        padding: 10px 14px !important;\n        font-size: 13px !important;\n        gap: 5px !important;\n    }\n    \n    .switcher-btn::before {\n        width: 14px !important;\n        height: 14px !important;\n    }\n}\n\n\/* Subtle focus states for accessibility - FORCED *\/\n.switcher-btn:focus {\n    outline: none !important;\n}\n\n.switcher-btn:focus-visible {\n    box-shadow: 0 0 0 2px #F7FAFC, 0 0 0 4px rgba(246, 137, 51, 0.3) !important;\n}\n\n\/* Online-Only Store Cards - Compact Branding Style *\/\n.online-only-card {\n    background: white;\n    border: 1px solid #E2E8F0;\n    border-radius: 8px;\n    overflow: hidden;\n    transition: all 0.2s ease;\n    box-shadow: 0 1px 2px rgba(3, 23, 61, 0.08);\n    margin-bottom: 12px;\n    min-height: 120px;\n    display: flex;\n    flex-direction: column;\n}\n\n.online-only-card:hover {\n    border-color: #F68933;\n    box-shadow: 0 3px 8px rgba(246, 137, 51, 0.15);\n    transform: translateY(-1px);\n}\n\n.online-card-header {\n    padding: 12px 16px 8px;\n    border-bottom: 1px solid #F7FAFC;\n    background: #F7FAFC;\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px;\n    flex-shrink: 0;\n}\n\n.online-store-title {\n    margin: 0 !important;\n    font-size: 13px !important;\n    font-weight: 600 !important;\n    color: #03173D !important;\n    line-height: 1.3 !important;\n    flex: 1 !important;\n}\n\n.online-badge {\n    background: #F68933 !important;\n    color: white !important;\n    font-size: 9px !important;\n    font-weight: 500 !important;\n    padding: 2px 5px !important;\n    border-radius: 3px !important;\n    text-transform: uppercase !important;\n    letter-spacing: 0.3px !important;\n    flex-shrink: 0 !important;\n}\n\n.online-card-body {\n    padding: 8px 16px;\n    flex: 1;\n    display: flex;\n    align-items: center;\n    min-height: 30px;\n}\n\n.country-info {\n    color: #64748B;\n    font-size: 13px;\n    font-weight: 500;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.country-info::before {\n    content: \"\ud83c\udf0d\";\n    font-size: 11px;\n}\n\n.online-card-actions {\n    padding: 12px 16px;\n    background: #F7FAFC;\n    border-top: 1px solid #E2E8F0;\n    display: flex;\n    gap: 6px;\n    flex-shrink: 0;\n}\n\n.online-btn {\n    flex: 1 !important;\n    padding: 6px 10px !important;\n    border-radius: 5px !important;\n    font-size: 12px !important;\n    font-weight: 500 !important;\n    text-decoration: none !important;\n    text-align: center !important;\n    border: none !important;\n    cursor: pointer !important;\n    transition: all 0.2s ease !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    gap: 3px !important;\n    min-height: 28px !important;\n}\n\n.online-btn-primary {\n    background: #02183D !important;\n    color: white !important;\n}\n\n.online-btn-primary:hover {\n    background: #03173D !important;\n    color: white !important;\n    text-decoration: none !important;\n    transform: translateY(-1px) !important;\n    box-shadow: 0 2px 6px rgba(2, 24, 61, 0.4) !important;\n}\n\n.online-btn-secondary {\n    background: white;\n    color: #03173D;\n    border: 1px solid #E2E8F0;\n}\n\n.online-btn-secondary:hover {\n    background: #F7FAFC;\n    color: #03173D;\n    border-color: #F68933;\n    transform: translateY(-1px);\n}\n\n.online-store-details {\n    padding: 12px 16px;\n    background: #F7FAFC;\n    border-top: 1px solid #E2E8F0;\n}\n\n.online-store-info-item {\n    margin-bottom: 8px;\n}\n\n.online-store-info-item:last-child {\n    margin-bottom: 0;\n}\n\n.info-label {\n    font-size: 11px;\n    font-weight: 600;\n    color: #64748B;\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n    margin-bottom: 3px;\n}\n\n.info-content {\n    color: #03173D;\n    font-size: 13px;\n    line-height: 1.3;\n}\n\n.category-tag {\n    background: #E2E8F0;\n    color: #03173D;\n    font-size: 11px;\n    font-weight: 500;\n    padding: 2px 6px;\n    border-radius: 3px;\n    margin-right: 4px;\n    margin-bottom: 3px;\n    display: inline-block;\n}\n\n.phone-link {\n    color: #F68933;\n    text-decoration: none;\n    font-weight: 500;\n}\n\n.phone-link:hover {\n    color: #E67821;\n    text-decoration: underline;\n}\n\n\/* Compact Grid layout for online store cards *\/\n#online-store-list {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n    gap: 12px;\n    padding: 16px 0;\n}\n\n\/* Responsive adjustments for compact online cards *\/\n@media (max-width: 768px) {\n    #online-store-list {\n        grid-template-columns: 1fr;\n        gap: 10px;\n        padding: 12px 0;\n    }\n    \n    .online-only-card {\n        min-height: 110px;\n    }\n    \n    .online-card-header {\n        padding: 10px 14px 6px;\n    }\n    \n    .online-card-body {\n        padding: 6px 14px;\n    }\n    \n    .online-card-actions {\n        padding: 10px 14px;\n        flex-direction: column;\n    }\n    \n    .online-btn {\n        min-height: 26px !important;\n        font-size: 11px !important;\n        padding: 5px 8px !important;\n    }\n    \n    .online-store-title {\n        font-size: 12px !important;\n    }\n    \n    .online-badge {\n        font-size: 8px !important;\n        padding: 2px 4px !important;\n    }\n}\n\n\/* Prevent horizontal scroll for Store Locator on mobile - EXCLUDE MAP *\/\n@media (max-width: 768px) {\n    .store-locator-container {\n        width: 100% !important;\n        max-width: 100vw !important;\n        padding-left: 0 !important;\n        padding-right: 0 !important;\n    }\n    \n    \/* Specific elements that should not overflow horizontally *\/\n    .store-locator-form,\n    .view-switcher,\n    #store-list,\n    .online-results-view,\n    .physical-results-view {\n        max-width: 100% !important;\n        overflow-x: hidden !important;\n        box-sizing: border-box !important;\n    }\n    \n    \/* Map gets special treatment - keep it functional *\/\n    #store-locator-map {\n        width: 100% !important;\n        height: 400px !important;\n        \/* DO NOT add overflow-x: hidden to map *\/\n    }\n    \n    \/* Store cards and content *\/\n    .store-item,\n    .online-only-card {\n        max-width: 100% !important;\n        box-sizing: border-box !important;\n    }\n}\n\n\/* Control views transition - REMOVED *\/\n\/*\n#physical-controls-view, #online-controls-view {\n    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;\n}\n.controls-hidden {\n    opacity: 0;\n    visibility: hidden;\n    height: 0;\n    overflow: hidden;\n}\n*\/\n\n\/* Online store header adjustments *\/\n#online-controls-view {\n    display: flex;\n    justify-content: center;\n    padding: 10px 0 0 0; \/* Adjusted padding *\/\n}\n#online-controls-view .filter-group {\n    width: 100%;\n    max-width: 400px;\n    display: flex; \/* Use flexbox for alignment *\/\n    flex-direction: column; \/* Stack label and select vertically *\/\n    align-items: center; \/* Center them horizontally *\/\n}\n\n#online-controls-view .filter-label {\n    margin-bottom: 8px; \/* Add some space below the label *\/\n    font-weight: 500;\n    color: #333; \/* Make label more visible *\/\n}\n\n\n\/* Body with results *\/\n.locator-results-body {\n    padding: 20px;\n}\n\n@media (max-width: 768px) {\n    .locator-controls-header {\n        padding: 15px;\n    }\n    .locator-results-body {\n        padding: 15px;\n    }\n}\n\n\/* --- Keep existing styles for cards etc. --- *\/\n.online-store-list {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n    gap: 20px;\n}\n.online-only-badge {\n  background: #0073aa;\n  color: #fff;\n  font-size: 0.85em;\n  padding: 0.2em 0.7em;\n  border-radius: 1em;\n  margin-left: 0.5em;\n  display: inline-block;\n}\n.online-only-card {\n  background: #f8fafc;\n  border: 1px solid #e0e0e0;\n  border-radius: 10px;\n  padding: 1em;\n  margin-bottom: 1em;\n  box-shadow: 0 2px 8px rgba(0,0,0,0.03);\n  display: flex;\n  flex-direction: column;\n  gap: 0.8em;\n}\n\n.online-card-main {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 1em;\n    flex-wrap: wrap; \/* Allow buttons to wrap to the next line on smaller cards *\/\n}\n\n.online-card-main .store-title {\n    font-size: 1.1em;\n    font-weight: 600;\n    color: #222;\n    margin: 0;\n}\n\n.online-card-actions {\n    display: flex;\n    gap: 0.5em;\n    flex-shrink: 0;\n}\n\n\/* Make action buttons in online view smaller and more subtle *\/\n.online-card-actions .store-action-btn {\n    padding: 6px 14px;\n    font-size: 0.9em;\n    font-weight: 500;\n    line-height: 1.4;\n    white-space: nowrap; \/* Prevent text wrapping *\/\n}\n\n.online-store-details {\n    padding: 1em;\n    background-color: #fff;\n    border-top: 1px solid #e0e6ea;\n    border-radius: 0 0 8px 8px;\n    margin: 0.5em -1em -1em -1em; \/* Extend to card edges *\/\n}\n\n.online-store-details .store-info-item {\n    margin-bottom: 0.5em;\n}\n\n.online-store-details .store-info-item:last-child {\n    margin-bottom: 0;\n}\n\n.online-store-details strong {\n    display: block;\n    margin-bottom: 0.2em;\n    color: #333;\n}\n\n.online-store-details .store-metadata-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.5em;\n}\n\n.online-store-details .store-category {\n    background: #e6f2fa;\n    color: #005177;\n    padding: 0.2em 0.6em;\n    border-radius: 4px;\n    font-size: 0.9em;\n}\n\n\n.online-only-card .store-title {\n  font-size: 1.15em;\n  font-weight: 600;\n  margin-bottom: 0.2em;\n  color: #222;\n}\n.online-only-card .store-website {\n  margin-top: 0.3em;\n}\n.online-only-card .store-website a {\n  background: #0073aa;\n  color: #fff;\n  padding: 0.3em 1em;\n  border-radius: 1em;\n  text-decoration: none;\n  font-weight: 500;\n  transition: background 0.2s;\n}\n.online-only-card .store-website a:hover {\n  background: #005177;\n}\n.online-only-card .store-country {\n  font-size: 0.95em;\n  color: #555;\n  background: #e6f2fa;\n  border-radius: 1em;\n  padding: 0.15em 0.8em;\n  display: inline-block;\n  margin-top: 0.2em;\n}\n@media (max-width: 600px) {\n  .online-only-card { padding: 1em 0.5em; }\n}\n<\/style> <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":2356,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_improvement_type_select":"improve_an_existing","_thumb_yes_seoaic":false,"_frame_yes_seoaic":false,"seoaic_generate_description":"","seoaic_improve_instructions_prompt":"","seoaic_rollback_content_improvement":"","seoaic_idea_thumbnail_generator":"","thumbnail_generated":false,"thumbnail_generate_prompt":"","seoaic_article_description":"","footnotes":""},"categories":[],"tags":[],"class_list":["post-160123","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Store Locator | Cavalor<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cavalor.com\/nl\/store-locator\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Store Locator\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cavalor.com\/nl\/store-locator\/\" \/>\n<meta property=\"og:site_name\" content=\"Cavalor\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/yourcavalor\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-22T08:19:03+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@cavalor\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/cavalor.com\\\/nl\\\/store-locator\\\/\",\"url\":\"https:\\\/\\\/cavalor.com\\\/nl\\\/store-locator\\\/\",\"name\":\"Store Locator | Cavalor\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/cavalor.com\\\/nl\\\/#website\"},\"datePublished\":\"2025-08-18T11:27:43+00:00\",\"dateModified\":\"2025-08-22T08:19:03+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/cavalor.com\\\/nl\\\/store-locator\\\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/cavalor.com\\\/nl\\\/store-locator\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/cavalor.com\\\/nl\\\/store-locator\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/cavalor.com\\\/nl\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Store Locator\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/cavalor.com\\\/nl\\\/#website\",\"url\":\"https:\\\/\\\/cavalor.com\\\/nl\\\/\",\"name\":\"Cavalor\",\"description\":\"Nutrition for horses\",\"publisher\":{\"@id\":\"https:\\\/\\\/cavalor.com\\\/nl\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/cavalor.com\\\/nl\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/cavalor.com\\\/nl\\\/#organization\",\"name\":\"Cavalor\",\"url\":\"https:\\\/\\\/cavalor.com\\\/nl\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\\\/\\\/cavalor.com\\\/nl\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/cavalor.com\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/cavalor-logo.png\",\"contentUrl\":\"https:\\\/\\\/cavalor.com\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/cavalor-logo.png\",\"width\":696,\"height\":696,\"caption\":\"Cavalor\"},\"image\":{\"@id\":\"https:\\\/\\\/cavalor.com\\\/nl\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/yourcavalor\",\"https:\\\/\\\/x.com\\\/cavalor\",\"https:\\\/\\\/nl.linkedin.com\\\/company\\\/cavalor\",\"https:\\\/\\\/www.youtube.com\\\/user\\\/CavalorVideo\"],\"description\":\"From the first steps in the world of equestrian sport to the ultimate partnership of horse and rider: we are here to accompany you on your journey. We assist you in making the right feed decisions to bring out the best in you and your horse. Not as a quick fix, but with a view to the horizon. We\u2019re committed to good health inside and out. Our products are created to meet the needs of your horse in any sport, any phase of life, and any specific requirements. Ambition is what drives us and makes us grow. All of us. At Cavalor, we challenge ourselves to gain more knowledge and improve continuously. That\u2019s how we develop our products; every product is borne of a rational and unique view on equine feeding and care \u2013 supported by scientific research and driven by the desire for the health of the horse and the meeting of its needs.\",\"email\":\"info@cavalor.com\",\"telephone\":\"+32 (0)9 220 25 25\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Store Locator | Cavalor","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cavalor.com\/nl\/store-locator\/","og_locale":"nl_NL","og_type":"article","og_title":"Store Locator","og_url":"https:\/\/cavalor.com\/nl\/store-locator\/","og_site_name":"Cavalor","article_publisher":"https:\/\/www.facebook.com\/yourcavalor","article_modified_time":"2025-08-22T08:19:03+00:00","twitter_card":"summary_large_image","twitter_site":"@cavalor","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cavalor.com\/nl\/store-locator\/","url":"https:\/\/cavalor.com\/nl\/store-locator\/","name":"Store Locator | Cavalor","isPartOf":{"@id":"https:\/\/cavalor.com\/nl\/#website"},"datePublished":"2025-08-18T11:27:43+00:00","dateModified":"2025-08-22T08:19:03+00:00","breadcrumb":{"@id":"https:\/\/cavalor.com\/nl\/store-locator\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cavalor.com\/nl\/store-locator\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/cavalor.com\/nl\/store-locator\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cavalor.com\/nl\/"},{"@type":"ListItem","position":2,"name":"Store Locator"}]},{"@type":"WebSite","@id":"https:\/\/cavalor.com\/nl\/#website","url":"https:\/\/cavalor.com\/nl\/","name":"Cavalor","description":"Nutrition for horses","publisher":{"@id":"https:\/\/cavalor.com\/nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cavalor.com\/nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/cavalor.com\/nl\/#organization","name":"Cavalor","url":"https:\/\/cavalor.com\/nl\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/cavalor.com\/nl\/#\/schema\/logo\/image\/","url":"https:\/\/cavalor.com\/wp-content\/uploads\/2025\/03\/cavalor-logo.png","contentUrl":"https:\/\/cavalor.com\/wp-content\/uploads\/2025\/03\/cavalor-logo.png","width":696,"height":696,"caption":"Cavalor"},"image":{"@id":"https:\/\/cavalor.com\/nl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/yourcavalor","https:\/\/x.com\/cavalor","https:\/\/nl.linkedin.com\/company\/cavalor","https:\/\/www.youtube.com\/user\/CavalorVideo"],"description":"From the first steps in the world of equestrian sport to the ultimate partnership of horse and rider: we are here to accompany you on your journey. We assist you in making the right feed decisions to bring out the best in you and your horse. Not as a quick fix, but with a view to the horizon. We\u2019re committed to good health inside and out. Our products are created to meet the needs of your horse in any sport, any phase of life, and any specific requirements. Ambition is what drives us and makes us grow. All of us. At Cavalor, we challenge ourselves to gain more knowledge and improve continuously. That\u2019s how we develop our products; every product is borne of a rational and unique view on equine feeding and care \u2013 supported by scientific research and driven by the desire for the health of the horse and the meeting of its needs.","email":"info@cavalor.com","telephone":"+32 (0)9 220 25 25"}]}},"_links":{"self":[{"href":"https:\/\/cavalor.com\/nl\/wp-json\/wp\/v2\/pages\/160123","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cavalor.com\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cavalor.com\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cavalor.com\/nl\/wp-json\/wp\/v2\/users\/2356"}],"replies":[{"embeddable":true,"href":"https:\/\/cavalor.com\/nl\/wp-json\/wp\/v2\/comments?post=160123"}],"version-history":[{"count":0,"href":"https:\/\/cavalor.com\/nl\/wp-json\/wp\/v2\/pages\/160123\/revisions"}],"wp:attachment":[{"href":"https:\/\/cavalor.com\/nl\/wp-json\/wp\/v2\/media?parent=160123"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cavalor.com\/nl\/wp-json\/wp\/v2\/categories?post=160123"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cavalor.com\/nl\/wp-json\/wp\/v2\/tags?post=160123"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}