{"id":30,"date":"2025-06-05T17:03:26","date_gmt":"2025-06-05T17:03:26","guid":{"rendered":"https:\/\/sardiniavillamari.com\/?page_id=30"},"modified":"2025-06-11T03:55:45","modified_gmt":"2025-06-11T03:55:45","slug":"booking","status":"publish","type":"page","link":"https:\/\/sardiniavillamari.com\/it\/booking\/","title":{"rendered":"Booking"},"content":{"rendered":"<style>.elementor-30 .elementor-element.elementor-element-07666c6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overlay-opacity:0.85;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:146px;--padding-bottom:112px;--padding-left:0px;--padding-right:0px;}.elementor-30 .elementor-element.elementor-element-07666c6:not(.elementor-motion-effects-element-type-background), .elementor-30 .elementor-element.elementor-element-07666c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url(\"https:\/\/sardiniavillamari.com\/wp-content\/uploads\/2025\/06\/1731-A-stunning-panoramic-view-of-the-Sardini-flux1flux1-dev-fp8-2006158814.png\");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-30 .elementor-element.elementor-element-07666c6::before, .elementor-30 .elementor-element.elementor-element-07666c6 > .elementor-background-video-container::before, .elementor-30 .elementor-element.elementor-element-07666c6 > .e-con-inner > .elementor-background-video-container::before, .elementor-30 .elementor-element.elementor-element-07666c6 > .elementor-background-slideshow::before, .elementor-30 .elementor-element.elementor-element-07666c6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-30 .elementor-element.elementor-element-07666c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:transparent;background-image:linear-gradient(170deg, var( --e-global-color-5a3c877 ) 25%, #000000 100%);}.elementor-30 .elementor-element.elementor-element-051d9c3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30 .elementor-element.elementor-element-079e5e0{--display:flex;--margin-top:38px;--margin-bottom:37px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:15%;--padding-right:15%;}.elementor-30 .elementor-element.elementor-element-397d8c7{text-align:center;}.elementor-30 .elementor-element.elementor-element-397d8c7 .elementor-heading-title{font-family:\"Figtree\", Sans-serif;font-size:3.5em;font-weight:400;text-transform:capitalize;line-height:1.1em;color:var( --e-global-color-5a25fa3 );}.elementor-30 .elementor-element.elementor-element-397d8c7 > .elementor-widget-container{margin:100px 0px 0px 0px;}.elementor-30 .elementor-element.elementor-element-397d8c7.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-30 .elementor-element.elementor-element-15559e8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-30 .elementor-element.elementor-element-ff19dcd{--display:flex;}.elementor-30 .elementor-element.elementor-element-22348f8.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-30 .elementor-element.elementor-element-5092adf.xpro-widget-bg-overlay:before{transition:background 0.3s;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-30 .elementor-element.elementor-element-ff19dcd{--width:500px;}}@media(max-width:1024px){.elementor-30 .elementor-element.elementor-element-07666c6{--padding-top:133px;--padding-bottom:70px;--padding-left:30px;--padding-right:30px;}.elementor-30 .elementor-element.elementor-element-051d9c3{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30 .elementor-element.elementor-element-079e5e0{--margin-top:4px;--margin-bottom:32px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-30 .elementor-element.elementor-element-397d8c7 .elementor-heading-title{font-size:4.5em;}}@media(max-width:767px){.elementor-30 .elementor-element.elementor-element-07666c6:not(.elementor-motion-effects-element-type-background), .elementor-30 .elementor-element.elementor-element-07666c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px -198px;background-size:1000px auto;}.elementor-30 .elementor-element.elementor-element-07666c6{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:86px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-30 .elementor-element.elementor-element-051d9c3{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-30 .elementor-element.elementor-element-079e5e0{--margin-top:0px;--margin-bottom:18px;--margin-left:0px;--margin-right:0px;--padding-top:11%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-30 .elementor-element.elementor-element-397d8c7{text-align:center;}.elementor-30 .elementor-element.elementor-element-397d8c7 .elementor-heading-title{font-size:2.4em;}.elementor-30 .elementor-element.elementor-element-397d8c7 > .elementor-widget-container{padding:0px 0px 0px 0px;}}\/* Start custom CSS for container, class: .elementor-element-ff19dcd *\/.wpcf7-response-output {\r\n  background-color: #f0fff4;\r\n  border-left: 5px solid #4caf50;\r\n  padding: 15px;\r\n  font-size: 16px;\r\n  color: #333;\r\n  border-radius: 5px;\r\n  line-height: 1.6;\r\n}\/* End custom CSS *\/<\/style>\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"30\" class=\"elementor elementor-30\">\n\t\t\t\t<div class=\"elementor-element elementor-element-07666c6 e-con-full e-flex e-con e-parent\" data-id=\"07666c6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-051d9c3 e-con-full e-flex e-con e-child\" data-id=\"051d9c3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-079e5e0 e-flex e-con-boxed e-con e-child\" data-id=\"079e5e0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-397d8c7 elementor-widget elementor-widget-heading\" data-id=\"397d8c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Booking<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-15559e8 e-flex e-con-boxed e-con e-parent\" data-id=\"15559e8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-ff19dcd e-con-full e-flex e-con e-child\" data-id=\"ff19dcd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-22348f8 elementor-widget elementor-widget-shortcode\" data-id=\"22348f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"villa-booking-block\">\r\n  <div id=\"vb-step1-block\">\r\n    <div class=\"vb-info-note\">\r\n      <strong>Info:<\/strong> Selecting <strong>Entire Property<\/strong> will book both the villa and the studio together.\r\n    <\/div>\r\n    <form id=\"villa-book-step1\" autocomplete=\"off\">\r\n      <label>\r\n        Villa Type:\r\n        <select name=\"villa_type\" required>\r\n            <option value=\"villa\">Villa<\/option>\r\n            <option value=\"studio\">Studio<\/option>\r\n            <option value=\"entire_property\">Entire Property<\/option>\r\n        <\/select>\r\n      <\/label>\r\n      <label>\r\n        Check-in:\r\n        <input type=\"text\" name=\"check_in\" id=\"vb_check_in\" class=\"datepicker\" required autocomplete=\"off\">\r\n      <\/label>\r\n      <label>\r\n        Check-out:\r\n        <input type=\"text\" name=\"check_out\" id=\"vb_check_out\" class=\"datepicker\" required autocomplete=\"off\">\r\n      <\/label>\r\n              <label>\r\n          <input type=\"checkbox\" name=\"car_rental\" value=\"1\">\r\n          Rent car (+\u20ac100\/night)\r\n        <\/label>\r\n            <button type=\"submit\">Continue<\/button>\r\n    <\/form>\r\n    <div id=\"vb-step1-result\"><\/div>\r\n  <\/div>\r\n\r\n\r\n <!-- PASUL 2 = Contact Form 7: preumple hidden fields -->\r\n<div id=\"vb-step2-block\" style=\"display:none; margin-top:28px;\">\r\n  <!-- REMOVE THE <form id=\"vb-cf7-fill\"> -->\r\n  <!-- HIDDEN FIELDS for Contact Form 7 -->\r\n  <input type=\"hidden\" name=\"villa-type\" value=\"\">\r\n  <input type=\"hidden\" name=\"check-in\" value=\"\">\r\n  <input type=\"hidden\" name=\"check-out\" value=\"\">\r\n  <input type=\"hidden\" name=\"nights\" value=\"\">\r\n  <input type=\"hidden\" name=\"car-rental\" value=\"\">\r\n  <input type=\"hidden\" name=\"car-total\" value=\"\">\r\n  <input type=\"hidden\" name=\"total-price\" value=\"\">\r\n  <!-- Contact Form 7 here -->\r\n  <div class=\"vb-cf7-wrap\">\r\n    \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f578-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"578\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/it\/wp-json\/wp\/v2\/pages\/30#wpcf7-f578-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"578\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f578-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"villa-type\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"check-in\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"check-out\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"nights\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"car-rental\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"car-total\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"total-price\" \/>\n\n<p><label>Your Name* <span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span><\/label><\/p>\n<p><label>Email* <span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span><\/label><\/p>\n<p><label>Phone <span class=\"wpcf7-form-control-wrap\" data-name=\"your-phone\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-text wpcf7-validates-as-tel\" aria-invalid=\"false\" value=\"\" type=\"tel\" name=\"your-phone\" \/><\/span><\/label><\/p>\n<p><label>Guests <span class=\"wpcf7-form-control-wrap\" data-name=\"guests\"><input class=\"wpcf7-form-control wpcf7-number wpcf7-validates-as-number\" aria-invalid=\"false\" value=\"\" type=\"number\" name=\"guests\" \/><\/span><\/label><\/p>\n<p><label>Message <span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" name=\"your-message\"><\/textarea><\/span><\/label><\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Book Now\" \/><\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n  <\/div>\r\n  <div id=\"vb-cf7-status\"><\/div>\r\n  <a href=\"#\" id=\"vb-back\" class=\"vb-back-link\">Back to form<\/a>\r\n\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<script>\r\njQuery(function($){\r\n  \/\/ 1. Seteaz\u0103 default azi+m\u00e2ine (nu l\u0103sa gol niciodat\u0103, chiar la reload!!)\r\n  function format(d){ return $.datepicker.formatDate('yy-mm-dd',d); }\r\n  function setDefaults() {\r\n      var n = new Date(), t = new Date(); t.setDate(n.getDate()+1);\r\n      $('#vb_check_in').val(format(n));\r\n      $('#vb_check_out').val(format(t));\r\n  }\r\n  setDefaults();\r\n\r\n  \/\/ 2. Blocare zile ocupate cu AJAX + business rules\r\n  function updateDisabledDates() {\r\n      var vt = $('select[name=\"villa_type\"]').val();\r\n      $.post(villaAjax.ajaxurl, {action:'get_booked_dates', villa_type:vt}, function(resp) {\r\n          var disabled = resp.success ? resp.data : [];\r\n          $('.datepicker').datepicker('destroy');\r\n          $('.datepicker').datepicker({\r\n              minDate: 0,\r\n              dateFormat:'yy-mm-dd',\r\n              beforeShowDay:function(dt){\r\n                var d = $.datepicker.formatDate('yy-mm-dd', dt);\r\n                return [disabled.indexOf(d)===-1, disabled.indexOf(d)!==-1 ? 'reserved-date':'' , disabled.indexOf(d)!==-1?'Reserved':''];\r\n              }\r\n          });\r\n      });\r\n  }\r\n  updateDisabledDates();\r\n  $('select[name=\"villa_type\"]').on('change', updateDisabledDates);\r\n\r\n  \/\/ 3. C\u00e2nd user apas\u0103 Continue (pasul 1)\r\n  $('#villa-book-step1').on('submit', function(e){\r\n    e.preventDefault();\r\n    $('#vb-step1-block .vb-info-note').hide();\r\n    $('#vb-step1-result').show();\r\n    var form = $(this);\r\n    var data = {\r\n      action: 'calculate_villa_price',\r\n      villa_type: form.find('[name=\"villa_type\"]').val(),\r\n      check_in:  form.find('[name=\"check_in\"]').val(),\r\n      check_out: form.find('[name=\"check_out\"]').val(),\r\n      car_rental: form.find('[name=\"car_rental\"]').length ? (form.find('[name=\"car_rental\"]').prop('checked')?1:0) : 0,\r\n    };\r\n    $.post(villaAjax.ajaxurl, data, function(resp){\r\n      if(resp.success){\r\n        \/\/ Preumple hidden fields pentru CF7\r\n        $('#vb-step2-block input[name=\"villa-type\"]').val(data.villa_type);\r\n        $('#vb-step2-block input[name=\"check-in\"]').val(data.check_in);\r\n        $('#vb-step2-block input[name=\"check-out\"]').val(data.check_out);\r\n        $('#vb-step2-block input[name=\"nights\"]').val(resp.data.nights);\r\n        $('#vb-step2-block input[name=\"car-rental\"]').val(data.car_rental?1:0);\r\n        $('#vb-step2-block input[name=\"car-total\"]').val(resp.data.car_total);\r\n        $('#vb-step2-block input[name=\"total-price\"]').val(resp.data.total);\r\n        var msg = \"<h4>Total price: \u20ac\"+resp.data.total+\" (\"+resp.data.nights+\" nights)<\/h4>\";\r\n        if (resp.data.car_total > 0) msg += \"<div>Car rental: \u20ac\"+resp.data.car_total+\"<\/div>\";\r\n        $('#vb-step1-result').html(msg);\r\n        $('#vb-step1-result').append(\"<div><strong>Complete your booking below:<\/strong><\/div>\");\r\n        $('#vb-step2-block').fadeIn(200);\r\n        $('#villa-book-step1').hide();\r\n        $('html,body').animate({scrollTop:$('#vb-step2-block').offset().top-100}, 400);\r\n        \/\/ Inject hidden fields into CF7!\r\n        setTimeout(function(){\r\n            $('#vb-step2-block .wpcf7-form').each(function(){\r\n                \/\/ Trage hidden-urile din formularul wrapper \u00een formularul CF7\r\n                var $form = $(this);\r\n                $('#vb-step2-block input[type=hidden]').each(function(){ \r\n                    if($form.find('[name=\"'+$(this).attr('name')+'\"]').length==0){ \r\n                        $form.prepend($(this).clone()); \r\n                    } else { \r\n                        $form.find('[name=\"'+$(this).attr('name')+'\"]').val($(this).val());\r\n                    }\r\n                });\r\n            });\r\n        }, 400);\r\n      } else {\r\n        $('#vb-step1-result').html(`<div style=\"color:red;\">${resp.data}<\/div>`); $('#vb-step2-block').hide();\r\n      }\r\n    });\r\n  });\r\n\r\n  \/\/ 4. Back to initial step\r\n  $('#vb-back').on('click', function(){\r\n    $('#vb-step2-block').hide();\r\n    $('#villa-book-step1').show();\r\n    $('#vb-step1-block .vb-info-note').show();\r\n    $('#vb-step1-result').hide();\r\n    \/\/ 1. Reseteaz\u0103 formularul complet\r\n    $('#villa-book-step1')[0].reset();\r\n\r\n    \/\/ 2. Pune azi\/m\u00e2ine la date (datepicker)\r\n    setDefaults();\r\n\r\n    \/\/ 3. \u0218terge rezultatul vechi\r\n    $('#vb-step1-result').html('');\r\n\r\n    \/\/ 4. \u0218terge valorile hidden din step2\r\n    $('#vb-step2-block input[type=hidden]').val('');\r\n});\r\n});\r\n<\/script>\r\n\r\n<style>\r\n\/* Villa Booking Plugin - Enhanced Styles *\/\r\n\r\n\/* Main container *\/\r\n.villa-booking-block {\r\n    max-width: 100%;\r\n    margin: 20px 0;\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\r\n    line-height: 1.6;\r\n    color: #333;\r\n    background: #fff;\r\n    padding: 25px;\r\n    border-radius: 10px;\r\n    box-shadow: 0 4px 20px rgba(0,0,0,0.08);\r\n}\r\n\r\n.villa-booking-block .vb-info-note {\r\n    background: #e7f3ff;\r\n    border: 1px solid #b3d9ff;\r\n    border-radius: 8px;\r\n    padding: 15px 20px;\r\n    margin-bottom: 25px;\r\n    font-size: 15px;\r\n    color: #0056b3;\r\n}\r\n\r\n.villa-booking-block .vb-info-note strong {\r\n    color: #003d82;\r\n}\r\n\r\n\/* Form labels *\/\r\n.villa-booking-block label {\r\n    display: block !important;\r\n    margin-bottom: 8px !important;\r\n    font-weight: 600 !important;\r\n    color: #2c3e50 !important;\r\n    font-size: 14px !important;\r\n    text-transform: uppercase !important;\r\n    letter-spacing: 0.5px !important;\r\n}\r\n\r\n\/* Input fields - More specific selectors to override theme styles *\/\r\n.villa-booking-block input[type=\"text\"],\r\n.villa-booking-block input[type=\"email\"],\r\n.villa-booking-block input[type=\"tel\"],\r\n.villa-booking-block input[type=\"number\"],\r\n.villa-booking-block input[type=\"date\"],\r\n.villa-booking-block select,\r\n.villa-booking-block textarea,\r\n.villa-booking-block .wpcf7-form input[type=\"text\"],\r\n.villa-booking-block .wpcf7-form input[type=\"email\"],\r\n.villa-booking-block .wpcf7-form input[type=\"tel\"],\r\n.villa-booking-block .wpcf7-form input[type=\"number\"],\r\n.villa-booking-block .wpcf7-form input[type=\"date\"],\r\n.villa-booking-block .wpcf7-form select,\r\n.villa-booking-block .wpcf7-form textarea {\r\n    padding: 16px 20px !important;\r\n    border: 2px solid #e1e8ed !important;\r\n    border-radius: 8px !important;\r\n    width: 100% !important;\r\n    font-size: 16px !important;\r\n    box-sizing: border-box !important;\r\n    margin-bottom: 20px !important;\r\n    background: #fff !important;\r\n    min-width: 0 !important;\r\n    max-width: 100% !important;\r\n    display: block !important;\r\n    font-family: inherit !important;\r\n    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;\r\n    -webkit-appearance: none !important;\r\n    -moz-appearance: none !important;\r\n    appearance: none !important;\r\n}\r\n\r\n\/* Focus states for inputs *\/\r\n.villa-booking-block input[type=\"text\"]:focus,\r\n.villa-booking-block input[type=\"email\"]:focus,\r\n.villa-booking-block input[type=\"tel\"]:focus,\r\n.villa-booking-block input[type=\"number\"]:focus,\r\n.villa-booking-block input[type=\"date\"]:focus,\r\n.villa-booking-block select:focus,\r\n.villa-booking-block textarea:focus,\r\n.villa-booking-block .wpcf7-form input[type=\"text\"]:focus,\r\n.villa-booking-block .wpcf7-form input[type=\"email\"]:focus,\r\n.villa-booking-block .wpcf7-form input[type=\"tel\"]:focus,\r\n.villa-booking-block .wpcf7-form input[type=\"number\"]:focus,\r\n.villa-booking-block .wpcf7-form input[type=\"date\"]:focus,\r\n.villa-booking-block .wpcf7-form select:focus,\r\n.villa-booking-block .wpcf7-form textarea:focus {\r\n    border-color: #1b6db5 !important;\r\n    box-shadow: 0 0 0 3px rgba(27, 109, 181, 0.1) !important;\r\n    outline: none !important;\r\n}\r\n\r\n\/* Select dropdown arrow *\/\r\n.villa-booking-block select {\r\n    background-image: url(\"data:image\/svg+xml;charset=UTF-8,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c\/polyline%3e%3c\/svg%3e\") !important;\r\n    background-repeat: no-repeat !important;\r\n    background-position: right 15px center !important;\r\n    background-size: 16px !important;\r\n    padding-right: 45px !important;\r\n}\r\n\r\n\/* Checkbox styling *\/\r\n.villa-booking-block input[type=\"checkbox\"] {\r\n    width: 18px !important;\r\n    height: 18px !important;\r\n    margin-right: 10px !important;\r\n    margin-bottom: 0 !important;\r\n    display: inline-block !important;\r\n    vertical-align: middle !important;\r\n    accent-color: #1b6db5;\r\n}\r\n\r\n.villa-booking-block label:has(input[type=\"checkbox\"]) {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    margin-bottom: 20px !important;\r\n    font-weight: 500 !important;\r\n    text-transform: none !important;\r\n    letter-spacing: normal !important;\r\n    font-size: 16px !important;\r\n}\r\n\r\n\/* Butoane mici, negre, dreptunghiulare, uppercase *\/\r\n.villa-booking-block button,\r\n.villa-booking-block input[type=\"submit\"],\r\n.villa-booking-block .wpcf7-submit {\r\n    background: #111 !important;\r\n    border: none !important;\r\n    color: #fff !important;\r\n    border-radius: 6px !important;\r\n    padding: 10px 22px !important;\r\n    cursor: pointer !important;\r\n    font-size: 15px !important;\r\n    font-weight: 700 !important;\r\n    letter-spacing: 0.06em !important;\r\n    margin-top: 10px !important;\r\n    width: auto !important;\r\n    max-width: 220px !important;\r\n    display: block !important;\r\n    text-transform: uppercase !important;\r\n    font-family: inherit !important;\r\n    box-shadow: none !important;\r\n    transition: background 0.18s;\r\n}\r\n.villa-booking-block button:hover,\r\n.villa-booking-block input[type=\"submit\"]:hover,\r\n.villa-booking-block .wpcf7-submit:hover {\r\n    background: #242424 !important;\r\n    color: #fff !important;\r\n}\r\n\r\n\/* Back to form - link, nu buton *\/\r\n.villa-booking-block #vb-back,\r\n.villa-booking-block .vb-back-link {\r\n    background: none !important;\r\n    border: none !important;\r\n    color: #111 !important;\r\n    display: inline !important;\r\n    font-size: 15px !important;\r\n    text-transform: none !important;\r\n    font-weight: 600 !important;\r\n    text-decoration: underline !important;\r\n    box-shadow: none !important;\r\n    margin: 28px 0 0 0 !important;\r\n    cursor: pointer !important;\r\n    padding: 0 !important;\r\n}\r\n\r\n.villa-booking-block #vb-back:hover,\r\n.villa-booking-block .vb-back-link:hover {\r\n    color: #333 !important;\r\n    text-decoration: underline !important;\r\n}\r\n.villa-booking-block #vb-step1-block #vb-step1-result {\r\n    display: none;\r\n}\r\n.villa-booking-block input[type=\"checkbox\"] { accent-color: #111; }\r\n\r\n\/* Result display *\/\r\n.villa-booking-block #vb-step1-result {\r\n    margin-top: 25px;\r\n    padding: 20px;\r\n    background: #f8f9fa;\r\n    border-radius: 8px;\r\n    border-left: 4px solid #1b6db5;\r\n}\r\n\r\n.villa-booking-block #vb-step1-result h4 {\r\n    color: #1b6db5 !important;\r\n    margin: 0 0 10px 0 !important;\r\n    font-size: 24px !important;\r\n    font-weight: 700 !important;\r\n}\r\n\r\n.villa-booking-block #vb-step1-result div {\r\n    margin: 8px 0;\r\n    color: #495057;\r\n    font-size: 16px;\r\n}\r\n\r\n\/* Step 2 block *\/\r\n.villa-booking-block #vb-step2-block {\r\n    margin-top: 30px;\r\n    padding-top: 25px;\r\n    border-top: 2px solid #e9ecef;\r\n}\r\n\r\n\/* Contact Form 7 wrapper *\/\r\n.villa-booking-block .vb-cf7-wrap {\r\n    margin: 20px 0;\r\n}\r\n\r\n\/* Error messages *\/\r\n.villa-booking-block .error,\r\n.villa-booking-block [style*=\"color:red\"] {\r\n    background: #f8d7da !important;\r\n    color: #721c24 !important;\r\n    padding: 12px 16px !important;\r\n    border-radius: 6px !important;\r\n    border: 1px solid #f5c6cb !important;\r\n    margin: 15px 0 !important;\r\n}\r\n\r\n\/* Success messages *\/\r\n.villa-booking-block .success,\r\n.villa-booking-block .updated {\r\n    background: #d4edda !important;\r\n    color: #155724 !important;\r\n    padding: 12px 16px !important;\r\n    border-radius: 6px !important;\r\n    border: 1px solid #c3e6cb !important;\r\n    margin: 15px 0 !important;\r\n}\r\n\r\n\/* Datepicker reserved dates *\/\r\n.villa-booking-block .ui-datepicker .reserved-date {\r\n    background: #ff6b6b !important;\r\n    color: white !important;\r\n}\r\n\r\n.villa-booking-block .ui-datepicker .reserved-date:hover {\r\n    background: #ff5252 !important;\r\n}\r\n\r\n\/* Responsive design *\/\r\n@media (max-width: 768px) {\r\n    .villa-booking-block {\r\n        padding: 20px 15px;\r\n        margin: 15px 0;\r\n    }\r\n    \r\n    .villa-booking-block input[type=\"text\"],\r\n    .villa-booking-block input[type=\"email\"],\r\n    .villa-booking-block input[type=\"tel\"],\r\n    .villa-booking-block input[type=\"number\"],\r\n    .villa-booking-block input[type=\"date\"],\r\n    .villa-booking-block select,\r\n    .villa-booking-block textarea,\r\n    .villa-booking-block .wpcf7-form input[type=\"text\"],\r\n    .villa-booking-block .wpcf7-form input[type=\"email\"],\r\n    .villa-booking-block .wpcf7-form input[type=\"tel\"],\r\n    .villa-booking-block .wpcf7-form input[type=\"number\"],\r\n    .villa-booking-block .wpcf7-form input[type=\"date\"],\r\n    .villa-booking-block .wpcf7-form select,\r\n    .villa-booking-block .wpcf7-form textarea {\r\n        font-size: 16px !important; \/* Prevents zoom on iOS *\/\r\n    }\r\n    \r\n    .villa-booking-block button,\r\n    .villa-booking-block input[type=\"submit\"],\r\n    .villa-booking-block .wpcf7-submit {\r\n        font-size: 16px !important;\r\n        padding: 14px 24px !important;\r\n    }\r\n}\r\n\r\n\/* Override common theme conflicts *\/\r\n.villa-booking-block * {\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n.villa-booking-block input,\r\n.villa-booking-block select,\r\n.villa-booking-block textarea {\r\n    height: auto !important;\r\n    line-height: normal !important;\r\n}\r\n\r\n\/* Hidden fields should stay hidden *\/\r\n.villa-booking-block input[type=\"hidden\"] {\r\n    display: none !important;\r\n}\r\n\r\n\/* Form spacing *\/\r\n.villa-booking-block form {\r\n    margin: 0 !important;\r\n}\r\n\r\n.villa-booking-block .wpcf7-form p {\r\n    margin-bottom: 0 !important;\r\n}\r\n<\/style>\r\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5092adf elementor-widget elementor-widget-html\" data-id=\"5092adf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"custom-thank-you\" style=\"display:none; margin-top: 20px;\"><\/div>\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n  document.addEventListener('wpcf7mailsent', function (event) {\r\n    \/\/ Ascunde mesajul default\r\n    const defaultMessage = event.target.querySelector('.wpcf7-response-output');\r\n    if (defaultMessage) {\r\n      defaultMessage.style.display = 'none';\r\n    }\r\n\r\n    \/\/ Afi\u0219eaz\u0103 mesajul nostru personalizat\r\n    const customMessage = document.getElementById('custom-thank-you');\r\n    if (customMessage) {\r\n      customMessage.style.display = 'block';\r\n      customMessage.innerHTML = `\r\n        <div style=\"padding: 15px; background-color: #f0fff4; border-left: 5px solid #4caf50; border-radius: 5px; font-size: 16px; color: #333;\">\r\n          <strong>Thank you for your booking request!<\/strong><br><br>\r\n          We appreciate your interest. Our team will contact you shortly to confirm the details.<br><br>\r\n          <strong>Bank Account Details:<\/strong><br>\r\n          Name: test test<br>\r\n          IBAN: GB00XXXXYYYYZZZZ12345678<br>\r\n          Bank: Example Bank<br>\r\n          SWIFT\/BIC: EXAMP123<br><br>\r\n          If you have any questions, please contact us at <a href=\"mailto:[site_setting field=\"email\"]\">info@sardiniavillamari.com<\/a> or <a href=\"tel:[site_setting field=\"phone_number\"]\">0040763983333<\/a>.\r\n        <\/div>\r\n      `;\r\n    }\r\n  }, false);\r\n});\r\n<\/script>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Booking<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-30","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sardiniavillamari.com\/it\/wp-json\/wp\/v2\/pages\/30","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sardiniavillamari.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sardiniavillamari.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sardiniavillamari.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sardiniavillamari.com\/it\/wp-json\/wp\/v2\/comments?post=30"}],"version-history":[{"count":47,"href":"https:\/\/sardiniavillamari.com\/it\/wp-json\/wp\/v2\/pages\/30\/revisions"}],"predecessor-version":[{"id":613,"href":"https:\/\/sardiniavillamari.com\/it\/wp-json\/wp\/v2\/pages\/30\/revisions\/613"}],"wp:attachment":[{"href":"https:\/\/sardiniavillamari.com\/it\/wp-json\/wp\/v2\/media?parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}