{"id":245,"date":"2024-12-18T09:54:26","date_gmt":"2024-12-18T09:54:26","guid":{"rendered":""},"modified":"2025-07-09T16:52:52","modified_gmt":"2025-07-09T13:52:52","slug":"santorini-sunset-transfer","status":"publish","type":"page","link":"https:\/\/travelsunway.gr\/el\/santorini-sunset-transfer\/","title":{"rendered":"3 Blue Domes &amp; Sunset"},"content":{"rendered":"<h2 style=\"text-align: center;\">3 Blue Domes and Sunset<br \/>transfer service<\/h2>\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"284\" src=\"https:\/\/travelsunway.gr\/wp-content\/uploads\/2025\/02\/\u0391\u03bd\u03ce\u03bd\u03c5\u03bc\u03bf-\u03c3\u03c7\u03ad\u03b4\u03b9\u03bf-1024x284.png\" alt=\"\" class=\"wp-image-23854\" style=\"width:1140px;height:auto\" srcset=\"https:\/\/travelsunway.gr\/wp-content\/uploads\/2025\/02\/\u0391\u03bd\u03ce\u03bd\u03c5\u03bc\u03bf-\u03c3\u03c7\u03ad\u03b4\u03b9\u03bf-1024x284.png 1024w, https:\/\/travelsunway.gr\/wp-content\/uploads\/2025\/02\/\u0391\u03bd\u03ce\u03bd\u03c5\u03bc\u03bf-\u03c3\u03c7\u03ad\u03b4\u03b9\u03bf-300x83.png 300w, https:\/\/travelsunway.gr\/wp-content\/uploads\/2025\/02\/\u0391\u03bd\u03ce\u03bd\u03c5\u03bc\u03bf-\u03c3\u03c7\u03ad\u03b4\u03b9\u03bf-18x5.png 18w, https:\/\/travelsunway.gr\/wp-content\/uploads\/2025\/02\/\u0391\u03bd\u03ce\u03bd\u03c5\u03bc\u03bf-\u03c3\u03c7\u03ad\u03b4\u03b9\u03bf.png 1080w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\"><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                \/* Themes that skin this bar as a desktop \"pill\" (transport\n                   themes such as Busly do) put a very large or percentage\n                   border-radius on this same container. On desktop that is\n                   harmless: the bar is roughly 1000x64, so the browser clamps\n                   the radius to half the height and it reads as a neat pill.\n                   Once the bar stacks into a column here it becomes ~360 wide\n                   by 350+ tall, the height stops clamping anything, and the\n                   very same radius rounds the white card into an oval whose\n                   curved sides cut across the stacked fields and across the\n                   full-width Search button -- the card stops looking like it\n                   fits the phone at all. The 10px below was already the right\n                   value and already had !important, but Busly's own\n                   booking.css retints this exact selector with a `body`\n                   element prefix (`body #wbtm_area .wbtm-bar-redesign\n                   .wbtm_search_input_fields_holder { border-radius: 100px\n                   !important }`, unconditional, no media query) -- when both\n                   sides are !important, specificity decides the winner, not\n                   load order, and that one extra type-selector gives\n                   booking.css higher specificity than this block had, so its\n                   100px always won regardless. Matching its `body` prefix\n                   here equalizes specificity; this block still wins the tie\n                   because its <style> tag is printed into the page body,\n                   later in the DOM than booking.css's <head>-enqueued link.\n                   Pin the box model with it too so the card can never compute\n                   wider than the screen it is on either. No overflow:hidden\n                   here on purpose: the boarding\/dropping city dropdown is\n                   absolutely positioned out of this container and clipping\n                   it would hide the list. *\/\n                body #wbtm_area .wbtm-bar-redesign .wbtm_search_input_fields_holder {\n                    flex-direction: column;\n                    border-radius:  10px !important;\n                    max-width:      100% !important;\n                    box-sizing:     border-box !important;\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=\"a8c445f5ae\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/el\/wp-json\/wp\/v2\/pages\/245\" \/>\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                                        From                                        <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=\"Kamari - Avis Market\">\n\t\t\t\t\t\t\t\tKamari - Avis Market                            <\/li>\n\t\t\t\t\t\t                            <li data-value=\"Kamari - Erotokritos Creatan Bakery\">\n\t\t\t\t\t\t\t\tKamari - Erotokritos Creatan Bakery                            <\/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                                        To                                        <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=\"Kamari - Avis Market\">\n\t\t\t\t\t\t\t\tKamari - Avis Market                            <\/li>\n\t\t\t\t\t\t                            <li data-value=\"Kamari - Erotokritos Creatan Bakery\">\n\t\t\t\t\t\t\t\tKamari - Erotokritos Creatan Bakery                            <\/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\tJourney Date                    <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=\"\u03a3\u03b1 24 \u039f\u03ba\u03c4 , 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>Search                                    <\/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>Search                                    <\/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<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Booking your ticket includes:<br><\/strong> \u2022 <strong>Round-trip<\/strong> transfer, total duration 3 hours.<br> \u2022 Your reserved seat for <strong>a total of 24.99 euro for both ways<\/strong> per person.<br> \u2022 Enough time to explore the village of Oia and take your precious selfie at the<strong> 3 Blue Domes<\/strong>.<br> \u2022 Indulge the famous <strong>Sunset <\/strong>from inside the fallen walls of the castle of Oia.<br> \u2022 Receive your <strong>FREE Map of Oia<\/strong> to navigate through the <strong>points of interest<\/strong> and find your way back to the <strong>Mini-bus spot so that you don&#8217;t miss your ride back.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Out of all the incredible destinations in Santorini, <strong data-start=\"113\" data-end=\"120\">Oia<\/strong> is the one you simply cannot miss. Perched on the island\u2019s northern tip, with its iconic whitewashed buildings, narrow cobblestone streets, and the world-famous <strong data-start=\"360\" data-end=\"383\">blue-domed churches<\/strong>, Oia offers a magical experience like no other. Every corner is a postcard-worthy scene, perfect for creating memories that last a lifetime. What truly sets Oia apart is its <strong data-start=\"561\" data-end=\"582\">legendary sunsets<\/strong>, renowned as some of the most beautiful in the world. Watching the sunset here is an unforgettable moment that captures the very soul of Santorini.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Book your round-trip seat now for the cost of 24.99 euro<\/strong> and make Oia the highlight of your Santorini journey, where every view leaves you breathless, and every moment feels timeless. Once you begin your transfer you will also have the privilige to download our<strong> interactive map of Oia for FREE<\/strong> with the 2 main points of interest &#8211; <strong>3 Blue Domes &amp; Sunset spot<\/strong> &#8211; plus the pick-up point for your return. With your ticket you can enjoy the round-trip transfer from Kamari to Oia and back to Kamari.<\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\"><strong>Kamari to Oia Road Map<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\"><iframe loading=\"lazy\" style=\"border: 0;\" src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m34!1m12!1m3!1d102746.69976594349!2d25.33908955914837!3d36.41320247011724!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m19!3e0!4m5!1s0x1499cb8b1c44c1a9%3A0x400bd2ce2b9c750!2zT8OtYQ!3m2!1d36.4618199!2d25.3753101!4m5!1s0x1499d13047c52595%3A0xc44e89ba92ecdc6d!2zQXZpcyBtYXJrZXQsIERpb255c29zIFN0cmVldCwgzprOsc68zqzPgc65IDg0NyAwMA!3m2!1d36.3832656!2d25.4857803!4m5!1s0x1499d1e66177053b%3A0x70bd7400aef38eb9!2zRXJvdG9rcml0b3MgQ3JldGFuIEJha2VyeSwgzprOsc68zqzPgc65!3m2!1d36.371904799999996!2d25.4813126!5e0!3m2!1sel!2sgr!4v1740174532400!5m2!1sel!2sgr\" width=\"600\" height=\"450\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-center\"><strong>Why Selecting Our Transfer to Oia Should Be at the Top of Your Travel List<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">If there\u2019s one place in Santorini you <strong>absolutely must visit<\/strong>, it\u2019s <strong>Oia<\/strong>\u2014the island\u2019s most breathtaking and iconic destination. With its stunning whitewashed buildings, legendary <strong>3 Blue Domes<\/strong>, and <strong>world-famous sunset<\/strong>, Oia is the ultimate highlight of any trip to Santorini. But getting there shouldn\u2019t be a hassle! Instead of wasting time on slow, crowded buses, <strong>choose the fastest, most comfortable, and stress-free way to experience Oia<\/strong> with our <strong>3 Blue Domes &amp; Sunset<\/strong> Round-trip transfer service.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\ud83d\udccd Visit Santorini\u2019s Most Iconic &amp; Photographed Spot<\/strong><br>The <strong>3 Blue Domes of Oia<\/strong> are the most <strong>photographed and recognized landmark in Santorini<\/strong>\u2014and for good reason! These iconic churches, perched against the backdrop of the endless Aegean blue, create a view so stunning it looks like a painting. Whether you&#8217;re capturing the perfect shot for your travel album or simply soaking in the breathtaking scenery, our direct transfer ensures you <strong>arrive relaxed and ready to explore<\/strong> this <strong>must-see location<\/strong>.<\/li>\n\n\n\n<li><strong>\ud83c\udf05 Capture the World\u2019s Most Stunning Sunset<\/strong><br>There\u2019s a reason why people from all over the world gather in Oia every evening\u2014<strong>the sunset here is legendary<\/strong>. As the sun slowly dips into the horizon, the sky explodes into a masterpiece of gold, pink, and orange, casting a warm glow over the entire village. It\u2019s a magical experience that <strong>no photo can truly capture<\/strong>\u2014you have to see it for yourself. With our transfer, you\u2019ll arrive in <strong>plenty of time<\/strong> to find the perfect spot to enjoy this unforgettable moment.<\/li>\n\n\n\n<li><strong>\ud83d\ude90 Get There Fast &amp; Stress-Free in a Luxury Mini-Bus<\/strong><br>Public transportation in Santorini can be <strong>time-consuming, uncomfortable, and unreliable<\/strong>\u2014taking over 75 minutes per way and requiring two separate buses just to reach Oia, so why waste precious time on your vacation when you can <strong>arrive in just 25-30 minutes<\/strong> aboard our <strong>comfortable, air-conditioned mini-bus<\/strong>? Our direct transfer ensures a <strong>smooth, hassle-free journey<\/strong>, so you can focus on making memories, not worrying about logistics. Plus, every passenger receives a <strong>free digital map of Oia<\/strong>, featuring <strong>clickable points of interest<\/strong>, including the best photo spots, top-rated restaurants, and hidden gems you won\u2019t want to miss.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Don\u2019t let transportation challenges take away from your Santorini adventure. <strong>Choose the smartest, fastest, and most comfortable way to reach Oia.<\/strong> Travel in style with <strong>Sunway Travel\u2019s 3 Blue Domes &amp; Sunset round-trip transfer<\/strong> and experience the magic of Santorini <strong>without the stress!<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud83d\udccd <strong>Seats fill up fast\u2014book your transfer today and make Oia the highlight of your trip!<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-center\"><strong data-start=\"74\" data-end=\"88\">Disclaimer<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Sunway Travel strives to provide reliable, punctual, and comfortable transportation for all clients. However, please note the following terms:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong data-start=\"239\" data-end=\"260\">Service Liability<\/strong>: While we make every effort to adhere to schedules, we are not responsible for delays caused by unforeseen circumstances such as traffic, weather conditions, or acts of nature.<\/li>\n\n\n\n<li><strong data-start=\"444\" data-end=\"468\">Third-Party Services<\/strong>: In cases where third-party services are involved, Sunway Travel cannot be held liable for their actions, delays, or failures.<\/li>\n\n\n\n<li><strong data-start=\"602\" data-end=\"630\">Passenger Responsibility<\/strong>: Passengers are responsible for ensuring they arrive at the pick-up location on time. The mini-bus will wait for a maximum of 5 minutes in case of delays. If a passenger fails to show up within this time, the mini-bus will depart and service fee is non-refundable.<\/li>\n\n\n\n<li><strong data-start=\"877\" data-end=\"900\">Cancellation Policy<\/strong>: Free cancellations are allowed up to 7 days before the scheduled transfer. Cancellations made within 7 days of the transfer are non-refundable.<\/li>\n\n\n\n<li><strong data-start=\"1052\" data-end=\"1072\">Terms of Service<\/strong>: By using our services, you agree to comply with our terms and conditions, which may be updated periodically.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">For any inquiries or concerns, please contact our customer support team. We are committed to providing the best possible service and addressing your needs.<\/p>\n\n\n\n<div style=\"height:150px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<!-- \/wp:spacer -\n","protected":false},"excerpt":{"rendered":"<p>3 Blue Domes and Sunsettransfer service Booking your ticket includes: \u2022 Round-trip transfer, total duration 3 hours. \u2022 Your reserved seat for a total of 24.99 euro for both ways per person. \u2022 Enough time to explore the village of Oia and take your precious selfie at the 3 Blue Domes. \u2022 Indulge the famous &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/travelsunway.gr\/el\/santorini-sunset-transfer\/\" class=\"more-link\">Read more<span class=\"screen-reader-text\"> &#8220;3 Blue Domes &amp; Sunset&#8221;<\/span><\/a><\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inspiro_hide_title":false,"inspiro_hide_featured_image":false,"footnotes":""},"class_list":["post-245","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>3 Blue Domes &amp; Santorini Sunset tour &amp; transfer - Sunway Travel<\/title>\n<meta name=\"description\" content=\"Book your 3 Blue Domes &amp; Santorini Sunset tour and transfer today! Experience iconic views, hassle-free travel &amp; unforgettable golden-hour moments\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/travelsunway.gr\/el\/santorini-sunset-transfer\/\" \/>\n<meta property=\"og:locale\" content=\"el_GR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"3 Blue Domes &amp; Santorini Sunset tour &amp; transfer - Sunway Travel\" \/>\n<meta property=\"og:description\" content=\"Book your 3 Blue Domes &amp; Santorini Sunset tour and transfer today! Experience iconic views, hassle-free travel &amp; unforgettable golden-hour moments\" \/>\n<meta property=\"og:url\" content=\"https:\/\/travelsunway.gr\/el\/santorini-sunset-transfer\/\" \/>\n<meta property=\"og:site_name\" content=\"Sunway Travel\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-09T13:52:52+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0395\u03ba\u03c4\u03b9\u03bc\u03ce\u03bc\u03b5\u03bd\u03bf\u03c2 \u03c7\u03c1\u03cc\u03bd\u03bf\u03c2 \u03b1\u03bd\u03ac\u03b3\u03bd\u03c9\u03c3\u03b7\u03c2\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 \u03bb\u03b5\u03c0\u03c4\u03ac\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/travelsunway.gr\\\/santorini-sunset-transfer\\\/\",\"url\":\"https:\\\/\\\/travelsunway.gr\\\/santorini-sunset-transfer\\\/\",\"name\":\"3 Blue Domes & Santorini Sunset tour & transfer - Sunway Travel\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/travelsunway.gr\\\/#website\"},\"datePublished\":\"2024-12-18T09:54:26+00:00\",\"dateModified\":\"2025-07-09T13:52:52+00:00\",\"description\":\"Book your 3 Blue Domes & Santorini Sunset tour and transfer today! Experience iconic views, hassle-free travel & unforgettable golden-hour moments\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/travelsunway.gr\\\/santorini-sunset-transfer\\\/#breadcrumb\"},\"inLanguage\":\"el\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/travelsunway.gr\\\/santorini-sunset-transfer\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/travelsunway.gr\\\/santorini-sunset-transfer\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/travelsunway.gr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"3 Blue Domes &amp; Sunset\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/travelsunway.gr\\\/#website\",\"url\":\"https:\\\/\\\/travelsunway.gr\\\/\",\"name\":\"Sunway Travel\",\"description\":\"Book your Rourd-trip transfer to Oia for 12.50 euro per way\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/travelsunway.gr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"el\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"3 Blue Domes & Santorini Sunset tour & transfer - Sunway Travel","description":"Book your 3 Blue Domes & Santorini Sunset tour and transfer today! Experience iconic views, hassle-free travel & unforgettable golden-hour moments","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:\/\/travelsunway.gr\/el\/santorini-sunset-transfer\/","og_locale":"el_GR","og_type":"article","og_title":"3 Blue Domes & Santorini Sunset tour & transfer - Sunway Travel","og_description":"Book your 3 Blue Domes & Santorini Sunset tour and transfer today! Experience iconic views, hassle-free travel & unforgettable golden-hour moments","og_url":"https:\/\/travelsunway.gr\/el\/santorini-sunset-transfer\/","og_site_name":"Sunway Travel","article_modified_time":"2025-07-09T13:52:52+00:00","twitter_card":"summary_large_image","twitter_misc":{"\u0395\u03ba\u03c4\u03b9\u03bc\u03ce\u03bc\u03b5\u03bd\u03bf\u03c2 \u03c7\u03c1\u03cc\u03bd\u03bf\u03c2 \u03b1\u03bd\u03ac\u03b3\u03bd\u03c9\u03c3\u03b7\u03c2":"5 \u03bb\u03b5\u03c0\u03c4\u03ac"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/travelsunway.gr\/santorini-sunset-transfer\/","url":"https:\/\/travelsunway.gr\/santorini-sunset-transfer\/","name":"3 Blue Domes & Santorini Sunset tour & transfer - Sunway Travel","isPartOf":{"@id":"https:\/\/travelsunway.gr\/#website"},"datePublished":"2024-12-18T09:54:26+00:00","dateModified":"2025-07-09T13:52:52+00:00","description":"Book your 3 Blue Domes & Santorini Sunset tour and transfer today! Experience iconic views, hassle-free travel & unforgettable golden-hour moments","breadcrumb":{"@id":"https:\/\/travelsunway.gr\/santorini-sunset-transfer\/#breadcrumb"},"inLanguage":"el","potentialAction":[{"@type":"ReadAction","target":["https:\/\/travelsunway.gr\/santorini-sunset-transfer\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/travelsunway.gr\/santorini-sunset-transfer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/travelsunway.gr\/"},{"@type":"ListItem","position":2,"name":"3 Blue Domes &amp; Sunset"}]},{"@type":"WebSite","@id":"https:\/\/travelsunway.gr\/#website","url":"https:\/\/travelsunway.gr\/","name":"Sunway Travel","description":"Book your Rourd-trip transfer to Oia for 12.50 euro per way","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/travelsunway.gr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"el"}]}},"_links":{"self":[{"href":"https:\/\/travelsunway.gr\/el\/wp-json\/wp\/v2\/pages\/245","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/travelsunway.gr\/el\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/travelsunway.gr\/el\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/travelsunway.gr\/el\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/travelsunway.gr\/el\/wp-json\/wp\/v2\/comments?post=245"}],"version-history":[{"count":73,"href":"https:\/\/travelsunway.gr\/el\/wp-json\/wp\/v2\/pages\/245\/revisions"}],"predecessor-version":[{"id":24018,"href":"https:\/\/travelsunway.gr\/el\/wp-json\/wp\/v2\/pages\/245\/revisions\/24018"}],"wp:attachment":[{"href":"https:\/\/travelsunway.gr\/el\/wp-json\/wp\/v2\/media?parent=245"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}