{"id":617,"date":"2025-03-10T21:17:08","date_gmt":"2025-03-10T20:17:08","guid":{"rendered":"https:\/\/hopon-hopoff.si\/bus-global-search\/"},"modified":"2025-03-10T21:17:08","modified_gmt":"2025-03-10T20:17:08","slug":"bus-global-search","status":"publish","type":"page","link":"https:\/\/hopon-hopoff.si\/en\/bus-global-search\/","title":{"rendered":"Global search form"},"content":{"rendered":"<div class=\"woocommerce-notices-wrapper\"><\/div>\t\t\t\t<div class=\"wbtm_style wbtm_container\">\n\t\t\t\t\t        <div id=\"wbtm_area\">\n            <style>\n            \/* ============================================================\n               WBTM Pill-Bar Search Form \u2014 scoped to .wbtm-bar-redesign\n               All rules prefixed with #wbtm_area .wbtm-bar-redesign so\n               they never bleed into other plugin areas.\n               ============================================================ *\/\n\n            \/* Outer wrapper *\/\n            #wbtm_area .wbtm_search_area.wbtm-bar-redesign {\n                background: transparent;\n                padding: 0;\n                \/* Also clear the classic (non-redesign) skin's own card look\n                   from assets\/frontend\/wbtm.css (.wbtm_style .wbtm_search_area\n                   { border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,.05); }),\n                   which this redesign skin didn't reset \u2014 it rendered behind\n                   the pill container's own shadow\/radius below as a faint\n                   rectangular echo poking out at the corners. *\/\n                border-radius: 0;\n                box-shadow: none;\n            }\n            #wbtm_area .wbtm-bar-redesign h4 {\n                display: none;\n            }\n\n            \/* \u2500\u2500 Pill container \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n            #wbtm_area .wbtm-bar-redesign .wbtm_search_input_fields_holder {\n                display:      flex;\n                flex-wrap:    nowrap;\n                align-items:  stretch;\n                background:   #ffffff;\n                border-radius: 10px;\n                border:       1.5px solid #dde1e7;\n                box-shadow:   0 2px 16px rgba(0,0,0,.09);\n                min-height:   64px;\n                padding:      0;\n            }\n\n            \/* \u2500\u2500 Row groups \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n            #wbtm_area .wbtm-bar-redesign .wbtm_input_fields_holder,\n            #wbtm_area .wbtm-bar-redesign .wbtm_input_start_end_location,\n            #wbtm_area .wbtm-bar-redesign .wbtm_input_start_end_date {\n                display:        flex;\n                flex-direction: row;\n                align-items:    stretch;\n                flex:           1;\n                min-width:      0;\n            }\n            \/* Positioning context for the swap toggle below, which floats over\n               the From\/To divider instead of taking up flex space itself. *\/\n            #wbtm_area .wbtm-bar-redesign .wbtm_input_start_end_location {\n                position: relative;\n            }\n\n            \/* \u2500\u2500 Each field segment \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n            \/* wbtm.css's own base rule (`.wtbm_inputList{margin:0 5px 0 0}`,\n               unscoped, applies everywhere incl. here) was never overridden\n               by this redesign block, so the From field kept an extra 5px\n               margin-right the swap toggle's absolute centering above didn't\n               account for -- its true right edge sat 5px left of the\n               container's midpoint, reopening a small gap next to the\n               toggle. margin:0 here removes it without touching wbtm.css's\n               own rule, so any other (non-redesign) use of .wtbm_inputList\n               elsewhere in the plugin is unaffected. *\/\n            #wbtm_area .wbtm-bar-redesign .wtbm_inputList {\n                flex:         1;\n                min-width:    110px;\n                position:     relative;\n                padding:      30px 40px;\n                margin:       0;\n                border-right: 1.5px solid #dde1e7;\n                display:      flex;\n                align-items:  center;\n                cursor:       pointer;\n                transition:   background 0.15s ease;\n            }\n            #wbtm_area .wbtm-bar-redesign .wtbm_inputList:last-child {\n                border-right: none;\n            }\n            #wbtm_area .wbtm-bar-redesign .wtbm_inputList:hover {\n                background: #f5f7fb;\n            }\n            #wbtm_area .wbtm-bar-redesign .wbtm_input_start_end_location .wtbm_inputList:first-child:hover {\n                border-radius: 9px 0 0 9px;\n            }\n\n            \/* \u2500\u2500 Field label (\"From\", \"Journey Date\" \u2026) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n            #wbtm_area .wbtm-bar-redesign label.wtbm_fdColumn {\n                display:        flex;\n                flex-direction: column;\n                width:          100%;\n                font-size:      11px;\n                font-weight:    700;\n                color:          #777;\n                text-transform: uppercase;\n                letter-spacing: 0.6px;\n                line-height:    1.2;\n                cursor:         pointer;\n                margin:         0;\n            }\n            \/* \"Return Date (Optional)\" is longer than every other field's label\n               (\"From\", \"Journey Date\" \u2026) at the same size\/column width, so it\n               alone wrapped onto a second line. Keep it on one line -- the\n               main \"Return Date\" text stays the same size as every other\n               label; only the \"(Optional)\" suffix (its own span, split out in\n               WBTM_Layout::return_date_picker()) shrinks, same idea as a\n               form's \"(optional)\" hint text elsewhere. *\/\n            #wbtm_area .wbtm-bar-redesign .wbtm_return_date label.wtbm_fdColumn {\n                white-space: nowrap;\n            }\n            \/* mp_global's generic form skin (wbtm_plugin_global.css:\n               `.wbtm_style .mpForm label span { width:100% }`) styles every\n               <span> inside a <label> under this form -- meant for other\n               label+span uses elsewhere, but it also matches the\n               \"(Optional)\" wrapper span from WBTM_Layout::return_date_picker()\n               (the only field label that's a span rather than plain text).\n               Its margin-bottom (which used to push Return Date's calendar\n               row lower than every other field's) was removed at the source\n               since nothing else in the plugin used it; width:100% is\n               harmless for other uses but still reset here since this span\n               is meant to size to its own text, not fill the column. *\/\n            #wbtm_area .wbtm-bar-redesign .wtbm_field_label_text {\n                width:       auto;\n                line-height: 1.2;\n            }\n            \/* A nested inline element at a SMALLER font-size than its\n               surroundings still inflates the shared line box's height\n               beyond either font's own line-height on its own -- baseline\n               alignment needs extra room to fit both the larger font's\n               ascent and the smaller font's descent (vertical-align:middle\n               alone only softens this, doesn't remove it). That's what was\n               still making Return Date's label ~6-8px taller than the other\n               fields' single-size labels, which in turn pushed its calendar\n               row down whenever .wtbm_inputList vertically centers the whole\n               label column. Scaling the glyphs down with a `transform`\n               instead of a smaller `font-size` sidesteps the problem\n               entirely: transform is a paint-time effect that never\n               participates in line-box\/layout height calculations, so this\n               span still measures as the same 11px text everything else on\n               the line does. *\/\n            #wbtm_area .wbtm-bar-redesign .wtbm_field_label_suffix {\n                display:          inline-block;\n                transform:        scale(.82);\n                transform-origin: left center;\n                font-weight:      600;\n                color:            #999;\n            }\n\n            \/* \u2500\u2500 Icon + value row \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n            \/* wbtm.css sets .wbtm_search_area .marker i { position: absolute; left: 10px }\n               and compensates with input { padding-left: 30px }.\n               We reset both here so the flex gap controls spacing instead. *\/\n            #wbtm_area .wbtm-bar-redesign .marker,\n            #wbtm_area .wbtm-bar-redesign .calendar {\n                display:     flex !important;\n                align-items: center !important;\n                gap:         7px !important;\n                margin-top:  5px;\n                font-size:   15px;\n                color:       #1a1a1a;\n            }\n            \/* gap trimmed 7px->5px: a selected date's rendered text (e.g.\n               \"Wed 26 Aug , 2026\") can come out 1-2px wider than the field's\n               available width depending on which digits appear (proportional\n               fonts render \"2\"\/\"6\"\/\"8\" wider than \"1\"), clipping the last\n               character -- freeing 2px here from the icon gap (which has\n               plenty of slack) covers it without touching font-size\/weight. *\/\n            #wbtm_area .wbtm-bar-redesign .calendar {\n                gap: 5px !important;\n            }\n            \/* Both .marker (From\/To) AND .calendar (Journey\/Return Date) need\n               to be a real positioning context for their own loading spinner\n               (div.wbtm_loader_xs, itself `position:absolute; inset:0`) --\n               wbtm_global.js's get_wbtm_journey_date\/get_wbtm_return_date\n               AJAX handlers call wbtm_loader_xs(target.find('.calendar')) the\n               same way the From\/To autocomplete calls it on '.marker'. This\n               used to say \".calendar never receives the loading spinner, so\n               it stays static\" -- true when it was written, no longer true\n               once the date-field reload started using the same spinner, and\n               nobody circled back to give .calendar the same fix already\n               applied to .marker below. Left at `position:static` (the\n               default), the spinner had no positioned ancestor to size\/center\n               against, so it escaped all the way up to .wtbm_inputList (the\n               next positioned ancestor, the whole pill-shaped field) and\n               rendered as an oversized white pill sitting behind the text\n               instead of a small icon-sized spinner over the calendar icon\n               (visible on the \"JOURNEY DATE\" field, and identically on\n               \"RETURN DATE\" since selecting a journey date re-triggers its\n               own reload the same way). Icons inside stay pinned by their own\n               `position:static !important` below regardless, so switching\n               this to `relative` doesn't reintroduce wbtm.css's old\n               absolute-icon layout. *\/\n            #wbtm_area .wbtm-bar-redesign .marker,\n            #wbtm_area .wbtm-bar-redesign .calendar {\n                position: relative !important;\n            }\n            \/* Loading spinner (assets\/global\/wbtm_global.js's wbtm_loader_xs()).\n               mp_global\/assets\/mp_style\/wbtm_plugin_global.css's generic\n               `div[class*=\"wbtm_loader\"]` rule sizes this to `left:0;right:0;\n               top:0;bottom:0;width:100%;height:100%` -- i.e. it fills\n               .marker\/.calendar completely, whatever their width. That's a\n               short row for .marker (icon + \"Please Select\"\/a city name), so\n               a translucent white fill over the whole thing read as a small,\n               deliberate dimming effect -- but .calendar is the SAME icon\n               next to a full date string (\"Fri 21 Aug, 2026\"), and filling\n               that whole ~150px-wide row turned the same white background\n               into an oversized capsule visibly whiting out the date text\n               underneath, not just dimming an icon. Overriding to a small\n               fixed circle -- sized and positioned over just the icon,\n               regardless of how wide .marker\/.calendar itself is -- keeps\n               the \"field is loading\" cue without ever covering readable\n               text. Retinted to the site's accent instead of the plugin's\n               hard-coded default, and its dark `#0003` overlay (also from\n               that generic rule) dropped in favour of a plain white one so\n               it still reads as \"loading\", not \"disabled\". Centred in the\n               middle of the field (like the original full-width pill was),\n               not pinned over the icon on the left -- just shrunk to a small\n               circle there instead of stretching edge to edge. *\/\n            #wbtm_area .wbtm-bar-redesign div.wbtm_loader_xs {\n                left:            50% !important;\n                right:           auto !important;\n                top:             50% !important;\n                bottom:          auto !important;\n                width:           24px !important;\n                height:          24px !important;\n                transform:       translate(-50%, -50%) !important;\n                display:         flex !important;\n                align-items:     center !important;\n                justify-content: center !important;\n                background:      rgba(255,255,255,.9) !important;\n                border-radius:   50%;\n            }\n            \/* The plugin's own icon (Font Awesome's fa-spinner glyph + its\n               fa-pulse class) animates as a discrete 8-step \"tick\", not a\n               smooth rotation -- reads as choppy\/dated. Hide the glyph\n               (::before is where FA actually draws it, per its own\n               `.fas:before{content:var(--fa)}`) and turn the element itself\n               into a plain CSS ring instead: a continuous linear rotation\n               reads as noticeably smoother, and it no longer depends on an\n               icon font's own glyph metrics at all (recurring source of\n               centering bugs elsewhere in this file). *\/\n            #wbtm_area .wbtm-bar-redesign div.wbtm_loader_xs .fa-spinner {\n                display:       inline-block !important;\n                width:         18px !important;\n                height:        18px !important;\n                min-width:     18px !important;\n                max-width:     18px !important;\n                box-sizing:    border-box !important;\n                flex-shrink:   0 !important;\n                border:        2px solid #f4e0d8 !important;\n                border:        2px solid color-mix(in srgb, var(--wbtm_color_theme, #e8510f) 15%, #ffffff) !important;\n                border-top-color: var(--wbtm_color_theme, #e8510f) !important;\n                border-radius: 50% !important;\n                animation:     wbtm-field-spin .7s linear infinite !important;\n                font-size:     0 !important;\n                color:         transparent !important;\n            }\n            #wbtm_area .wbtm-bar-redesign div.wbtm_loader_xs .fa-spinner::before {\n                content: none !important;\n            }\n            @keyframes wbtm-field-spin {\n                to { transform: rotate(360deg); }\n            }\n            #wbtm_area .wbtm-bar-redesign .marker > i,\n            #wbtm_area .wbtm-bar-redesign .calendar > i {\n                position:    static !important;  \/* reset from position:absolute *\/\n                top:         auto !important;\n                left:        auto !important;\n                transform:   none !important;\n                font-size:   15px !important;\n                color:       #666 !important;\n                flex-shrink: 0 !important;\n                width:       16px !important;\n                text-align:  center !important;\n            }\n\n            \/* \u2500\u2500 Input styled as plain readable text \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n            #wbtm_area .wbtm-bar-redesign .formControl {\n                border:       0 !important;\n                background:   transparent !important;\n                padding:      0 !important;         \/* removes original 30px-left that accommodated absolute icon *\/\n                padding-left: 0 !important;\n                margin:       0 !important;\n                font-size:    15px !important;\n                font-weight:  600 !important;\n                color:        #1a1a1a !important;\n                box-shadow:   none !important;\n                outline:      none !important;\n                height:       auto !important;\n                line-height:  1.3 !important;\n                width:        100%;\n                min-width:    0;\n                cursor:       pointer;\n            }\n            \/* Extra safety margin on top of the gap trim above: different\n               selected dates land on different digits\/month abbreviations\n               with slightly different total widths, so shave a fraction off\n               letter-spacing here too rather than tune the gap to one exact\n               date string. Small enough (-0.2px per character) not to read\n               as tightened text, comfortably covers the 1-2px this was\n               overflowing by. *\/\n            #wbtm_area .wbtm-bar-redesign .calendar .formControl {\n                letter-spacing: -0.2px;\n            }\n            #wbtm_area .wbtm-bar-redesign .formControl::placeholder {\n                color:       #aaa !important;\n                font-weight: 400 !important;\n            }\n\n            \/* \u2500\u2500 Swap toggle \u21c4 (floats over the From\/To divider) \u2500\u2500\u2500\n               Used to be a normal flex item with its own left\/right margin,\n               which reserved a strip of dead space between it and each field\n               that neither side's own background (incl. :hover) ever\n               painted -- visible as a gap around the divider line, worse\n               once either field's hover grey stopped right at that margin.\n               Absolutely-centering it over the shared border removes that\n               reserved space entirely: the two fields now sit directly\n               adjacent with nothing between them but their own 1.5px\n               border, and the button is just an overlay on top of it. *\/\n            \/* wbtm.css's own base rule for this exact selector (line ~1184)\n               sets `margin: 9px -4px` -- for an absolutely positioned\n               element, margin still offsets it from the top\/left position\n               it's otherwise placed at, so that -4px horizontal margin was\n               shifting this button 4px left of the true centre even after\n               overriding top\/left\/transform here (this rule never touched\n               margin, so the legacy value kept applying). margin:0 below\n               neutralizes it. *\/\n            #wbtm_area .wbtm-bar-redesign .wbtm_search_location_toggle {\n                position:        absolute;\n                top:             50%;\n                left:            50%;\n                transform:       translate(-50%, -50%);\n                margin:          0;\n                width:           34px;\n                height:          34px;\n                border-radius:   50%;\n                background:      #fff;\n                border:          1.5px solid #dde1e7;\n                box-shadow:      0 1px 5px rgba(0,0,0,.09);\n                display:         flex;\n                align-items:     center;\n                justify-content: center;\n                cursor:          pointer;\n                transition:      background 0.15s;\n                z-index:         2;\n            }\n            #wbtm_area .wbtm-bar-redesign .wbtm_search_location_toggle:hover {\n                background: #f0f2f5;\n            }\n            #wbtm_area .wbtm-bar-redesign .wbtm_search_location_toggle i {\n                font-size:  13px;\n                color:      #555;\n                transition: transform 0.25s;\n            }\n            #wbtm_area .wbtm-bar-redesign .wbtm_search_location_toggle.rotate i {\n                transform: rotate(180deg);\n            }\n\n            \/* \u2500\u2500 Dropdown list \u2014 floats above content \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n            #wbtm_area .wbtm-bar-redesign ul.wbtm_input_select_list {\n                position:      absolute !important;\n                top:           calc(100% + 8px) !important;\n                left:          0 !important;\n                width:         max-content !important;\n                min-width:     285px !important;\n                background:    #fff !important;\n                border:        1.5px solid #dde1e7 !important;\n                border-radius: 14px !important;\n                box-shadow:    0 8px 28px rgba(0,0,0,.13) !important;\n                z-index:       9999 !important;\n                margin:        0 !important;\n                padding:       0 !important;\n                overflow:      hidden !important;\n                max-height:    320px !important;\n                overflow-y:    auto !important;\n            }\n            \/* Panel title sticky header via CSS ::before *\/\n            #wbtm_area .wbtm-bar-redesign .wbtm_start_point ul.wbtm_input_select_list::before {\n                content:        'Select Boarding Point' !important;\n                display:        block !important;\n                padding:        13px 16px 11px !important;\n                font-size:      11px !important;\n                font-weight:    700 !important;\n                color:          #6b7280 !important;\n                letter-spacing: 0.5px !important;\n                text-transform: uppercase !important;\n                border-bottom:  1px solid #f1f3f5 !important;\n                background:     #fff !important;\n                position:       sticky !important;\n                top:            0 !important;\n                z-index:        1 !important;\n            }\n            #wbtm_area .wbtm-bar-redesign .wbtm_dropping_point ul.wbtm_input_select_list::before {\n                content:        'Select Dropping Point' !important;\n                display:        block !important;\n                padding:        13px 16px 11px !important;\n                font-size:      11px !important;\n                font-weight:    700 !important;\n                color:          #6b7280 !important;\n                letter-spacing: 0.5px !important;\n                text-transform: uppercase !important;\n                border-bottom:  1px solid #f1f3f5 !important;\n                background:     #fff !important;\n                position:       sticky !important;\n                top:            0 !important;\n                z-index:        1 !important;\n            }\n            \/* List items \u2014 flex row: checkbox + city name + optional tick *\/\n            #wbtm_area .wbtm-bar-redesign ul.wbtm_input_select_list li {\n                display:       flex !important;\n                align-items:   center !important;\n                gap:           12px !important;\n                padding:       11px 16px !important;\n                font-size:     14px !important;\n                color:         #374151 !important;\n                border-bottom: 1px solid #f7f8fa !important;\n                margin:        0 !important;\n                cursor:        pointer !important;\n                transition:    background 0.1s !important;\n            }\n            #wbtm_area .wbtm-bar-redesign ul.wbtm_input_select_list li:last-child {\n                border-bottom: none !important;\n            }\n            \/* Square checkbox on the left *\/\n            #wbtm_area .wbtm-bar-redesign ul.wbtm_input_select_list li::before {\n                content:       '' !important;\n                display:       inline-block !important;\n                width:         16px !important;\n                height:        16px !important;\n                min-width:     16px !important;\n                border:        2px solid #d1d5db !important;\n                border-radius: 4px !important;\n                background:    #fff !important;\n                box-sizing:    border-box !important;\n                flex-shrink:   0 !important;\n            }\n            #wbtm_area .wbtm-bar-redesign ul.wbtm_input_select_list li:hover {\n                background: #f8f9fa !important;\n            }\n            \/* Selected item \u2014 filled checkbox + right blue tick badge *\/\n            #wbtm_area .wbtm-bar-redesign ul.wbtm_input_select_list li.wbtm_city_selected {\n                font-weight: 600 !important;\n            }\n            #wbtm_area .wbtm-bar-redesign ul.wbtm_input_select_list li.wbtm_city_selected::before {\n                background:   #16213e !important;\n                border-color: #16213e !important;\n            }\n            #wbtm_area .wbtm-bar-redesign ul.wbtm_input_select_list li.wbtm_city_selected::after {\n                content:         '\u2713' !important;\n                margin-left:     auto !important;\n                display:         inline-flex !important;\n                align-items:     center !important;\n                justify-content: center !important;\n                width:           20px !important;\n                height:          20px !important;\n                min-width:       20px !important;\n                border-radius:   50% !important;\n                background:      #dbeafe !important;\n                color:           #1d4ed8 !important;\n                font-size:       11px !important;\n                font-weight:     700 !important;\n                flex-shrink:     0 !important;\n            }\n\n            \/* \u2500\u2500 Live search \/ autocomplete states \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n            \/* The li rule above needs `display:flex !important` for the\n               checkbox + city + tick row, and an !important stylesheet\n               declaration outranks the inline `display:none` that jQuery's\n               filter sets \u2014 so non-matching cities could never be hidden.\n               Hiding is therefore driven by this class instead. *\/\n            #wbtm_area .wbtm-bar-redesign ul.wbtm_input_select_list li.wbtm_city_filtered_out {\n                display: none !important;\n            }\n            \/* \"No match\" placeholder \u2014 plain text row, no checkbox, not clickable\n               (pointer-events:none keeps it out of the shared li click handler). *\/\n            #wbtm_area .wbtm-bar-redesign ul.wbtm_input_select_list li.wbtm_city_no_result {\n                color:          #9ca3af !important;\n                font-style:     italic !important;\n                cursor:         default !important;\n                pointer-events: none !important;\n            }\n            #wbtm_area .wbtm-bar-redesign ul.wbtm_input_select_list li.wbtm_city_no_result::before,\n            #wbtm_area .wbtm-bar-redesign ul.wbtm_input_select_list li.wbtm_city_no_result::after {\n                display: none !important;\n            }\n\n            .wtbm_inputList.wbtm_input_select.wbtm_dropping_point {\n                border-right: 1px solid #e9e5e5 !important;\n            }\n\n            \/* \u2500\u2500 Search button section \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n            #wbtm_area .wbtm-bar-redesign .wtbm_bus_search_button_holder {\n                display:      flex;\n                align-items:  center;\n                padding:      6px;\n                margin-right: 20px;\n                flex-shrink: 0;\n            }\n            \/* Stack both buttons inside the holder; PHP inline style=\"display:none\/block\"\n               controls which one is visible \u2014 we must NOT override display with !important\n               or both buttons would show at once. *\/\n            #wbtm_area .wbtm-bar-redesign .search_button_holder {\n                display:        flex;\n                flex-direction: column;\n                align-items:    stretch;\n            }\n            #wbtm_area .wbtm-bar-redesign .wbtm_search_button_spacer {\n                display: none !important;\n            }\n\n            \/* \u2500\u2500 Button holder: vertically center the button \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n            #wbtm_area .wbtm-bar-redesign .search_button_holder {\n                justify-content: center !important;\n            }\n            #wbtm_area .wbtm-bar-redesign .wbtm_search_button_spacer {\n                display: none !important;\n            }\n\n            \/* \u2500\u2500 Search \/ Modify button \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n            \/* No \"display\" property here \u2014 PHP inline style=\"display:none\/block\" controls\n               which of the two buttons is shown. We only restyle the visible one. *\/\n            #wbtm_area .wbtm-bar-redesign .wbtm_search_action_button {\n                border-radius: 50px !important;\n                padding:       13px 26px !important;\n                font-size:     15px !important;\n                font-weight:   600 !important;\n                white-space:   nowrap !important;\n                height:        auto !important;\n                line-height:   1.3 !important;\n                align-items:   center !important;\n                gap:           7px !important;\n                border:        none !important;\n                cursor:        pointer;\n                text-align:    center;\n            }\n            \/* Search-in-progress: assets\/global\/wbtm_global.js adds this\n               class onto the *same* fa-search <span> (rather than swapping\n               in a new element) while the button stays disabled -- the\n               button's own \"Search\" text is left alone rather than\n               flipping to data-loading-text's \"Searching...\". Staying on\n               the same element also means it keeps its own mR_xs margin,\n               so the button doesn't shrink by that margin every time this\n               shows (a replacement element without that class did). Same\n               ring technique as div.wbtm_loader_xs .fa-spinner below (a\n               plain CSS border-spin, not Font Awesome's choppy fa-spin),\n               just white-on-orange to sit on this button's solid\n               theme-color background instead of a white input field. *\/\n            #wbtm_area .wbtm-bar-redesign .wbtm-search-btn-icon.wbtm-search-btn-spinner {\n                display:       inline-block !important;\n                width:         15px !important;\n                height:        15px !important;\n                flex-shrink:   0 !important;\n                border:        2px solid rgba(255, 255, 255, .35) !important;\n                border-top-color: #fff !important;\n                border-radius: 50% !important;\n                animation:     wbtm-field-spin .7s linear infinite !important;\n                color:         transparent !important;\n            }\n            \/* The fa-search glyph itself is drawn by this ::before (Font\n               Awesome's own `.fas:before{content:var(--fa)}`) -- hide it so\n               only the plain ring above shows. *\/\n            #wbtm_area .wbtm-bar-redesign .wbtm-search-btn-icon.wbtm-search-btn-spinner::before {\n                content: none !important;\n            }\n\n            \/* \u2500\u2500 Tablet \/ narrow desktop: tighten, do not overflow \u2500\u2500\n               The bar is flex-wrap:nowrap and each field carries 40px of\n               horizontal padding on top of its 110px min-width, so four\n               fields plus the swap and search buttons need roughly 1000px.\n               With no rules between 767px and full desktop width the bar\n               simply ran off the side of the page, taking the results list\n               below it with it. Trimming the padding is enough to fit: the\n               fields keep their order and the bar keeps its single-row shape. *\/\n            @media (min-width: 768px) and (max-width: 1199px) {\n                #wbtm_area .wbtm-bar-redesign .wtbm_inputList {\n                    padding:   22px 16px;\n                    min-width: 88px;\n                }\n                #wbtm_area .wbtm-bar-redesign .wbtm_search_input_fields_holder {\n                    min-height: 58px;\n                }\n                #wbtm_area .wbtm-bar-redesign .wtbm_bus_search_button_holder {\n                    padding: 8px;\n                }\n                \/* The 88px min-width above fits \"Paris\"\/\"Berlin\" fine, but a\n                   rendered date like \"Thu 27 Aug , 2026\" needs real width\n                   regardless of font-size -- at 88px (56px of actual content\n                   room once this field's own 16px\u00d72 padding comes off) it had\n                   nowhere to go and the input just clipped it to \"Thu 27 Aug ,\n                   2\", same as any text input showing more value than it's\n                   wide enough for. Journey\/return date get their own larger\n                   floor instead of shrinking the text further; four fields at\n                   88+88+190+190 plus the search button still clears 768px.\n                   190, not the first-guess 150: this field's 32px padding and\n                   the .calendar icon+gap both come out of that width before\n                   the <input> itself sees any of it, and the rendered text\n                   (input.scrollWidth) needs ~124px on top of that -- 150px\n                   left the input just as clipped, only less so. *\/\n                #wbtm_area .wbtm-bar-redesign .wbtm_journey_date,\n                #wbtm_area .wbtm-bar-redesign .wbtm_return_date {\n                    min-width: 190px;\n                }\n                \/* .wbtm_input_fields_holder's own two children --\n                   .wbtm_input_start_end_location (From+To) and\n                   .wbtm_input_start_end_date (Journey+Return) -- split its\n                   width 50\/50 by default. That's fine when both pairs need\n                   similar room, but the date pair now has a 380px floor\n                   (2 \u00d7 190px above) against the location pair's ~176px, so\n                   an even split gave the date pair only ~295px -- 85px\n                   short -- and the return-date field spilled out of its\n                   half, over the search button beside it, instead of\n                   actually reflowing. Weighting the split toward the pair\n                   that needs more room fixes it without touching either\n                   field's own min-width again. *\/\n                #wbtm_area .wbtm-bar-redesign .wbtm_input_start_end_date {\n                    flex: 1.6 1 0%;\n                }\n                #wbtm_area .wbtm-bar-redesign .wbtm_input_start_end_location {\n                    flex: 1 1 0%;\n                }\n            }\n\n            \/* \u2500\u2500 Mobile: stack vertically \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n            @media (max-width: 767px) {\n                #wbtm_area .wbtm-bar-redesign .wbtm_search_input_fields_holder {\n                    flex-direction: column;\n                    border-radius:  10px;\n                }\n                #wbtm_area .wbtm-bar-redesign .wbtm_input_fields_holder,\n                #wbtm_area .wbtm-bar-redesign .wbtm_input_start_end_location,\n                #wbtm_area .wbtm-bar-redesign .wbtm_input_start_end_date {\n                    flex-direction: column;\n                    \/* assets\/frontend\/wbtm.css (the classic, non-\"redesign\" skin,\n                       still loaded alongside this one) carries TWO separate\n                       `@media (max-width:600px)` blocks for this exact pair of\n                       selectors -- an earlier one at `gap:10px !important` and a\n                       later one at `gap:8px !important` that, being later at\n                       equal specificity, is the one that actually wins. Neither\n                       rule ever got neutralized for the redesign skin, so at\n                       <600px this leaked an 8px band in between From's\n                       border-bottom and To's top edge once flex-direction\n                       switched to column above -- invisible on the classic\n                       skin's side-by-side desktop row (an 8px row-gap there\n                       just widens the horizontal space the swap toggle already\n                       sits on top of), but a visible empty strip once stacked\n                       vertically here. It also skewed the swap toggle below,\n                       whose `top:50%` is measured against this exact\n                       container's full height: with the gap counted in, the\n                       container's true vertical centre no longer coincided\n                       with the border between the two stacked fields, so the\n                       toggle sat a few pixels off it rather than centred on\n                       it. `!important` to actually beat wbtm.css's own,\n                       exactly as the toggle repositioning rule below already\n                       has to. *\/\n                    gap: 0 !important;\n                }\n                \/* .wbtm_input_start_end_location (From\/To) and\n                   .wbtm_input_start_end_date (Journey\/Return) are two separate\n                   flex containers, siblings under .wbtm_input_fields_holder --\n                   each draws its OWN internal divider between its two fields\n                   (the border-bottom below, removed on each group's own last\n                   child so the group doesn't end in a stray line), but nothing\n                   ever drew a border BETWEEN the two groups themselves. Side by\n                   side on desktop that seam needs no line -- the row's own\n                   outer edge already reads as the boundary -- but once both\n                   groups stack into one column here, To's bottom ran straight\n                   into Journey Date's top with no separator at all, unlike\n                   every other seam in this stacked list. Same colour\/weight as\n                   every other divider in this form. *\/\n                #wbtm_area .wbtm-bar-redesign .wbtm_input_start_end_date {\n                    border-top: 1.5px solid #dde1e7;\n                }\n                #wbtm_area .wbtm-bar-redesign .wtbm_inputList {\n                    border-right:  none;\n                    border-bottom: 1.5px solid #dde1e7;\n                    \/* The desktop 30px\/40px padding was never overridden here, so\n                       each stacked field stood ~99px tall and the four of them\n                       pushed the results a whole screen down the page. *\/\n                    padding:       15px 16px;\n                    min-width:     0;\n                }\n                #wbtm_area .wbtm-bar-redesign .wtbm_inputList:last-child {\n                    border-bottom: none;\n                }\n                \/* position:relative on .wbtm_input_start_end_location now comes from\n                   the base (non-media) rule above; re-position the toggle for the\n                   stacked layout -- right-aligned instead of centered, since From\/To\n                   now stack as full-width rows rather than sitting side by side.\n                   assets\/frontend\/wbtm.css has its own older mobile rule for this\n                   same selector (`position:static!important; transform:rotate(90deg)\n                   !important; margin:4px auto!important`), written for the classic\n                   (non-\"redesign\") skin -- !important beats this block's higher\n                   selector specificity regardless of source order, so it was\n                   centering the button and rotating its icon instead of the\n                   right-aligned placement below. !important here to actually win. *\/\n                #wbtm_area .wbtm-bar-redesign .wbtm_search_location_toggle {\n                    position:  absolute !important;\n                    top:       50% !important;\n                    left:      auto !important;\n                    right:     14px !important;\n                    transform: translateY(-50%) !important;\n                    margin:    0 !important;\n                }\n                #wbtm_area .wbtm-bar-redesign .wtbm_bus_search_button_holder {\n                    padding: 10px;\n                }\n                #wbtm_area .wbtm-bar-redesign .wbtm_search_action_button {\n                    width:           100% !important;\n                    justify-content: center !important;\n                }\n            }\n            <\/style>\n            <script>\n            jQuery(document).ready(function($) {\n                var wbtmNoResultText = \"No matching location found\";\n                var wbtmFieldSelector = '#wbtm_area .wbtm-bar-redesign .wbtm_input_select input.formControl';\n\n                \/\/ Lower-cased and accent-stripped, so \"brasov\" still matches \"Bra\u015fov\".\n                function wbtmNormalize(value) {\n                    value = (value || '').toLowerCase().trim();\n                    return value.normalize ? value.normalize('NFD').replace(\/[\\u0300-\\u036f]\/g, '') : value;\n                }\n\n                \/\/ Filter the city list to what the user typed. The shared handler in\n                \/\/ wbtm_plugin_global.js hides items with an inline display:none, which the\n                \/\/ pill-bar's `li{display:flex !important}` rule outranks, so filtering is\n                \/\/ re-applied here with a class the CSS above can act on.\n                function wbtmFilterRouteList($input) {\n                    var $wrap  = $input.closest('.wbtm_input_select');\n                    var $list  = $wrap.find('.wbtm_input_select_list');\n                    var $items = $list.find('li').not('.wbtm_city_no_result');\n                    var term   = wbtmNormalize($input.val());\n                    var shown  = 0;\n\n                    $items.each(function() {\n                        var value = wbtmNormalize($(this).attr('data-value'));\n                        var match = term === '' || value.indexOf(term) !== -1;\n                        $(this).toggleClass('wbtm_city_filtered_out', !match);\n                        if (match) {\n                            shown++;\n                        }\n                    });\n\n                    if (!$items.length) {\n                        return;\n                    }\n                    var $empty = $list.find('li.wbtm_city_no_result');\n                    if (shown === 0) {\n                        if (!$empty.length) {\n                            \/\/ data-value=\"\" is required: the shared handlers in\n                            \/\/ wbtm_plugin_global.js call .toLowerCase() on every li's\n                            \/\/ data-value and would throw on a missing attribute.\n                            $empty = $('<li class=\"wbtm_city_no_result\" data-value=\"\" aria-live=\"polite\"><\/li>').text(wbtmNoResultText).appendTo($list);\n                        }\n                        $empty.removeClass('wbtm_city_filtered_out');\n                    } else {\n                        $empty.addClass('wbtm_city_filtered_out');\n                    }\n                }\n\n                \/\/ Mark the currently-selected li when the dropdown opens, and start from\n                \/\/ the full list so a previously picked city can be changed.\n                $(document).on('click focus', wbtmFieldSelector, function() {\n                    var currentVal = $(this).val().toLowerCase().trim();\n                    var $list = $(this).closest('.wbtm_input_select').find('.wbtm_input_select_list');\n                    $list.find('li').removeClass('wbtm_city_filtered_out');\n                    $list.find('li.wbtm_city_no_result').addClass('wbtm_city_filtered_out');\n                    $list.find('li').not('.wbtm_city_no_result').each(function() {\n                        var liVal = ($(this).attr('data-value') || '').toLowerCase().trim();\n                        $(this).toggleClass('wbtm_city_selected', liVal === currentVal && currentVal !== '');\n                    });\n                });\n\n                \/\/ Type to filter \u2014 `input` also covers paste, cut and clear-button clears.\n                $(document).on('input', wbtmFieldSelector, function() {\n                    wbtmFilterRouteList($(this));\n                    $(this).closest('.wbtm_input_select').find('.wbtm_input_select_list').stop(true, true).show();\n                });\n\n                \/\/ Update selected state when an li is clicked\n                $(document).on('click', '#wbtm_area .wbtm-bar-redesign .wbtm_input_select_list li', function() {\n                    var $list = $(this).closest('.wbtm_input_select_list');\n                    $list.find('li').removeClass('wbtm_city_selected wbtm_city_filtered_out');\n                    $list.find('li.wbtm_city_no_result').addClass('wbtm_city_filtered_out');\n                    $(this).addClass('wbtm_city_selected');\n                });\n\n                \/\/ Defensive fix for a reported one-time layout jump right after the\n                \/\/ first city selection: Select2 (mp_global's own `.wbtm_select2`\n                \/\/ widgets, initialized once for every matching element present at\n                \/\/ page load -- see wbtm_plugin_global.js) measures its own width\n                \/\/ from the element it's attached to; anything conditionally hidden\n                \/\/ at that moment measures as 0-width, and only self-corrects --\n                \/\/ with a visible reflow -- the first time it's actually revealed.\n                \/\/ Every later reveal reuses the already-correct measurement, which\n                \/\/ matches \"jumps once, never again\" exactly. Rather than wait for\n                \/\/ the user's own first open to trigger that correction, re-measure\n                \/\/ proactively the moment anything inside this search widget\n                \/\/ becomes visible, so the correction (if any) never coincides with\n                \/\/ an actual user interaction. No-op if this install's routes never\n                \/\/ use a `.wbtm_select2` field at all.\n                if (window.MutationObserver && $('.wbtm_select2').length) {\n                    var wbtmArea = document.getElementById('wbtm_area');\n                    if (wbtmArea) {\n                        var wbtmReflowObserver = new MutationObserver(function (mutations) {\n                            mutations.forEach(function (m) {\n                                var el = m.target;\n                                if (!el || el.offsetParent === null) { return; } \/\/ still hidden\n                                $(el).find('.wbtm_select2').add($(el).filter('.wbtm_select2')).each(function () {\n                                    if ($(this).data('select2')) {\n                                        $(this).select2('destroy');\n                                        $(this).select2({});\n                                    }\n                                });\n                            });\n                        });\n                        wbtmReflowObserver.observe(wbtmArea, { attributes: true, attributeFilter: ['style', 'class'], subtree: true });\n                        \/\/ Only the first reveal needs catching; stop watching well\n                        \/\/ after the page has settled so this never runs indefinitely.\n                        setTimeout(function () { wbtmReflowObserver.disconnect(); }, 60000);\n                    }\n                }\n            });\n            <\/script>\n\n            <div class=\"_dLayout wbtm_search_area wbtm-bar-redesign inputInline\">\n\t\t\t\t                    <h4>BUY TICKET<\/h4>\n\t\t\t\t                <input type=\"hidden\" name=\"wbtm_post_id\" value=\"0\"\/>\n                <form action=\"\" method=\"get\" class=\"mpForm\">\n\n                    <input type=\"hidden\" name='wbtm_list_style' value=\"\"\/>\n                    <input type=\"hidden\" name='wbtm_list_btn_show' value=\"show\"\/>\n                                        <input type=\"hidden\" name='wbtm_left_filter_show' value=\"on\"\/>\n                    <input type=\"hidden\" name='wbtm_left_filter_type' value=\"on\"\/>\n                    <input type=\"hidden\" name='wbtm_left_filter_operator' value=\"on\"\/>\n                    <input type=\"hidden\" name='wbtm_left_filter_boarding' value=\"on\"\/>\n\n\t\t\t\t\t<input type=\"hidden\" id=\"wbtm_form_nonce\" name=\"wbtm_form_nonce\" value=\"e7e18d2c3e\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/617\" \/>\t\t\t\t\t\n                    <div class=\"wbtm_search_input_fields_holder\">\n                        <div class=\"wbtm_input_fields_holder\">\n                            <div class=\"wbtm_input_start_end_location\">\n                                \n                                <div class=\"wtbm_inputList wbtm_input_select wbtm_start_point\">\n                                    <label class=\"wtbm_fdColumn\">\n                                        Od                                        <div class=\"marker\">\n                                            <i class=\"fas fa-map-marker-alt\"><\/i>\n                                            <input type=\"text\" class=\"formControl\" name=\"bus_start_route\" id=\"bus_start_route\" value=\"\" placeholder=\"Please Select\" autocomplete=\"off\" required\/>\n                                        <\/div>\n                                    <\/label>\n                                                        <ul class=\"wbtm_input_select_list\">\n\t\t\t\t\t\t                            <li data-value=\"Avtobusna postaja Kamnik\">\n\t\t\t\t\t\t\t\tAvtobusna postaja Kamnik                            <\/li>\n\t\t\t\t\t\t                            <li data-value=\"Spodnja postaja nihalke Velika planina\">\n\t\t\t\t\t\t\t\tSpodnja postaja nihalke Velika planina                            <\/li>\n\t\t\t\t\t\t                            <li data-value=\"Izvir Kamni\u0161ke Bistrice\">\n\t\t\t\t\t\t\t\tIzvir Kamni\u0161ke Bistrice                            <\/li>\n\t\t\t\t\t\t                            <li data-value=\"Gosti\u0161\u010de GTC 902 - \u010crnivec\">\n\t\t\t\t\t\t\t\tGosti\u0161\u010de GTC 902 - \u010crnivec                            <\/li>\n\t\t\t\t\t\t                            <li data-value=\"Avtobusna postaja Gornji Grad\">\n\t\t\t\t\t\t\t\tAvtobusna postaja Gornji Grad                            <\/li>\n\t\t\t\t\t\t                            <li data-value=\"TIC Lu\u010de\">\n\t\t\t\t\t\t\t\tTIC Lu\u010de                            <\/li>\n\t\t\t\t\t\t                            <li data-value=\"Center Rinka Sol\u010dava\">\n\t\t\t\t\t\t\t\tCenter Rinka Sol\u010dava                            <\/li>\n\t\t\t\t\t\t                            <li data-value=\"Slap Rinka - Logarska dolina\">\n\t\t\t\t\t\t\t\tSlap Rinka - Logarska dolina                            <\/li>\n\t\t\t\t\t\t                            <li data-value=\"Plan\u0161arsko jezero\">\n\t\t\t\t\t\t\t\tPlan\u0161arsko jezero                            <\/li>\n\t\t\t\t\t\t                            <li data-value=\"Ob\u010dina Jezersko\">\n\t\t\t\t\t\t\t\tOb\u010dina Jezersko                            <\/li>\n\t\t\t\t\t\t                            <li data-value=\"Grad Dvor Preddvor\">\n\t\t\t\t\t\t\t\tGrad Dvor Preddvor                            <\/li>\n\t\t\t\t\t\t                            <li data-value=\"Hotel Oskar Zaplata\">\n\t\t\t\t\t\t\t\tHotel Oskar Zaplata                            <\/li>\n\t\t\t\t\t\t                            <li data-value=\"Cerkev Marijinega oznanjenja Adergas\">\n\t\t\t\t\t\t\t\tCerkev Marijinega oznanjenja Adergas                            <\/li>\n\t\t\t\t\t\t                            <li data-value=\"Spodnja postaja \u017ei\u010dnice Krvavec\">\n\t\t\t\t\t\t\t\tSpodnja postaja \u017ei\u010dnice Krvavec                            <\/li>\n\t\t\t\t\t\t                            <li data-value=\"Petrov\u010deva hi\u0161a (TIC Cerklje)\">\n\t\t\t\t\t\t\t\tPetrov\u010deva hi\u0161a (TIC Cerklje)                            <\/li>\n\t\t\t\t\t\t                            <li data-value=\"Ob\u010dina Komenda\">\n\t\t\t\t\t\t\t\tOb\u010dina Komenda                            <\/li>\n\t\t\t\t\t\t                    <\/ul>\n\t\t\t\t\t                                <\/div>\n                                <div class=\"wbtm_search_location_toggle\" id=\"wbtm_search_location_toggle\" title=\"Swap locations\">\n                                    <i class=\"fas fa-exchange-alt\"><\/i>\n                                <\/div>\n                                <div class=\"wtbm_inputList wbtm_input_select wbtm_dropping_point\" data-alert=\"You select Wrong Route !\">\n                                    <label class=\"wtbm_fdColumn \">\n                                        Do                                        <div class=\"marker\">\n                                            <i class=\"fas fa-map-marker-alt wtbm_icon_margin\"><\/i>\n                                            <input type=\"text\" class=\"formControl\" name=\"bus_end_route\" value=\"\" placeholder=\"Please Select\" autocomplete=\"off\" required\/>\n                                        <\/div>\n                                    <\/label>\n                                                        <ul class=\"wbtm_input_select_list\">\n\t\t\t\t\t\t                            <li data-value=\"Avtobusna postaja Kamnik\">\n\t\t\t\t\t\t\t\tAvtobusna postaja Kamnik                            <\/li>\n\t\t\t\t\t\t                            <li data-value=\"Spodnja postaja nihalke Velika planina\">\n\t\t\t\t\t\t\t\tSpodnja postaja nihalke Velika planina                            <\/li>\n\t\t\t\t\t\t                            <li data-value=\"Izvir Kamni\u0161ke Bistrice\">\n\t\t\t\t\t\t\t\tIzvir Kamni\u0161ke Bistrice                            <\/li>\n\t\t\t\t\t\t                            <li data-value=\"Gosti\u0161\u010de GTC 902 - \u010crnivec\">\n\t\t\t\t\t\t\t\tGosti\u0161\u010de GTC 902 - \u010crnivec                            <\/li>\n\t\t\t\t\t\t                            <li data-value=\"Avtobusna postaja Gornji Grad\">\n\t\t\t\t\t\t\t\tAvtobusna postaja Gornji Grad                            <\/li>\n\t\t\t\t\t\t                            <li data-value=\"TIC Lu\u010de\">\n\t\t\t\t\t\t\t\tTIC Lu\u010de                            <\/li>\n\t\t\t\t\t\t                            <li data-value=\"Center Rinka Sol\u010dava\">\n\t\t\t\t\t\t\t\tCenter Rinka Sol\u010dava                            <\/li>\n\t\t\t\t\t\t                            <li data-value=\"Slap Rinka - Logarska dolina\">\n\t\t\t\t\t\t\t\tSlap Rinka - Logarska dolina                            <\/li>\n\t\t\t\t\t\t                            <li data-value=\"Plan\u0161arsko jezero\">\n\t\t\t\t\t\t\t\tPlan\u0161arsko jezero                            <\/li>\n\t\t\t\t\t\t                            <li data-value=\"Ob\u010dina Jezersko\">\n\t\t\t\t\t\t\t\tOb\u010dina Jezersko                            <\/li>\n\t\t\t\t\t\t                            <li data-value=\"Grad Dvor Preddvor\">\n\t\t\t\t\t\t\t\tGrad Dvor Preddvor                            <\/li>\n\t\t\t\t\t\t                            <li data-value=\"Hotel Oskar Zaplata\">\n\t\t\t\t\t\t\t\tHotel Oskar Zaplata                            <\/li>\n\t\t\t\t\t\t                            <li data-value=\"Cerkev Marijinega oznanjenja Adergas\">\n\t\t\t\t\t\t\t\tCerkev Marijinega oznanjenja Adergas                            <\/li>\n\t\t\t\t\t\t                            <li data-value=\"Spodnja postaja \u017ei\u010dnice Krvavec\">\n\t\t\t\t\t\t\t\tSpodnja postaja \u017ei\u010dnice Krvavec                            <\/li>\n\t\t\t\t\t\t                            <li data-value=\"Petrov\u010deva hi\u0161a (TIC Cerklje)\">\n\t\t\t\t\t\t\t\tPetrov\u010deva hi\u0161a (TIC Cerklje)                            <\/li>\n\t\t\t\t\t\t                            <li data-value=\"Ob\u010dina Komenda\">\n\t\t\t\t\t\t\t\tOb\u010dina Komenda                            <\/li>\n\t\t\t\t\t\t                    <\/ul>\n\t\t\t\t\t                                <\/div>\n                            <\/div>\n                            <div class=\"wbtm_input_start_end_date\">\n                                <div class=\"wtbm_inputList wbtm_journey_date\">\n                                                    <label class=\"wtbm_fdColumn\">\n\t\t\t\t\tDatum vo\u017enje                    <div class=\"calendar\">\n                        <i class=\"fas fa-calendar-alt\"><\/i>\n                        <input type=\"hidden\" name=\"j_date\" value=\"\" required\/>\n                        <input id=\"wbtm_journey_date\" type=\"text\" value=\"\" class=\"formControl \" placeholder=\"Tue 25 Aug , 2026\" data-alert=\"Please select Starting Point !\" readonly required\/>\n                    <\/div>\n                <\/label>\n\t\t\t\t                                <\/div>\n                                                            <\/div>\n                        <\/div>\n                        <div class=\"wtbm_bus_search_button_holder\" style=\"display: flex\">\n                            <div class=\"_dFlex_fdColumn_justifyBetween_fullHeight search_button_holder\">\n                                <span class=\"wbtm_search_button_spacer\" aria-hidden=\"true\">&nbsp;<\/span>\n                                                                    <button type=\"submit\" class=\"_themeButton_radius wbtm_bus_submit wbtm_search_action_button\" data-loading-text=\"Searching...\" style=\"display: none\">\n                                        <span class=\"fas fa-search mR_xs wbtm-search-btn-icon\"><\/span>I\u0161\u010di                                    <\/button>\n<!--                                -->                                    <button type=\"button\" class=\"_themeButton_radius get_wbtm_bus_list wbtm_search_action_button\" data-loading-text=\"Searching...\" style=\" display: block\">\n                                        <span class=\"fas fa-search mR_xs wbtm-search-btn-icon\"><\/span>I\u0161\u010di                                    <\/button>\n<!--                                -->                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                <\/form>\n            <\/div>\n            <div class=\"_ovHidden wbtm_search_result\">\n\t\t\t\t            <\/div>\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-617","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hopon-hopoff.si\/en\/wp-json\/wp\/v2\/pages\/617","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hopon-hopoff.si\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hopon-hopoff.si\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hopon-hopoff.si\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hopon-hopoff.si\/en\/wp-json\/wp\/v2\/comments?post=617"}],"version-history":[{"count":0,"href":"https:\/\/hopon-hopoff.si\/en\/wp-json\/wp\/v2\/pages\/617\/revisions"}],"wp:attachment":[{"href":"https:\/\/hopon-hopoff.si\/en\/wp-json\/wp\/v2\/media?parent=617"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}