{"id":36494,"date":"2025-04-21T16:02:25","date_gmt":"2025-04-21T16:02:25","guid":{"rendered":"https:\/\/www.jardinmajorelle.com\/?page_id=36494"},"modified":"2025-06-05T17:00:13","modified_gmt":"2025-06-05T17:00:13","slug":"event_rsvp","status":"publish","type":"page","link":"https:\/\/www.jardinmajorelle.com\/en\/event_rsvp\/","title":{"rendered":"\u00c9V\u00c9NEMENT \/ EVENT"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"36494\" class=\"elementor elementor-36494\" data-elementor-settings=\"{&quot;premium_particles_zindex&quot;:0,&quot;premium_particles_responsive&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-dcd1edf elementor-section-height-full elementor-section-stretched elementor-section-full_width elementor-section-items-top elementor-section-height-default\" data-id=\"dcd1edf\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;,&quot;premium_particles_zindex&quot;:0,&quot;premium_particles_responsive&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<main class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-12cfb19\" data-id=\"12cfb19\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;premium_particles_zindex&quot;:0,&quot;premium_particles_responsive&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-77fac86 elementor-widget elementor-widget-spacer\" data-id=\"77fac86\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.18.0 - 20-12-2023 *\/\n.elementor-column .elementor-spacer-inner{height:var(--spacer-size)}.e-con{--container-widget-width:100%}.e-con-inner>.elementor-widget-spacer,.e-con>.elementor-widget-spacer{width:var(--container-widget-width,var(--spacer-size));--align-self:var(--container-widget-align-self,initial);--flex-shrink:0}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container,.e-con>.elementor-widget-spacer>.elementor-widget-container{height:100%;width:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty,.e-con>.elementor-widget-spacer.elementor-widget-empty{position:relative;min-height:22px;min-width:22px}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon,.e-con>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;padding:0;width:22px;height:22px}<\/style>\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-c8c488a elementor-section-content-top elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c8c488a\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;premium_particles_zindex&quot;:0,&quot;premium_particles_responsive&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-c934a24\" data-id=\"c934a24\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;premium_particles_zindex&quot;:0,&quot;premium_particles_responsive&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-98b053b elementor-widget elementor-widget-spacer\" data-id=\"98b053b\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-149f354 elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"149f354\" data-element_type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.18.0 - 20-12-2023 *\/\n.elementor-widget-image-box .elementor-image-box-content{width:100%}@media (min-width:768px){.elementor-widget-image-box.elementor-position-left .elementor-image-box-wrapper,.elementor-widget-image-box.elementor-position-right .elementor-image-box-wrapper{display:flex}.elementor-widget-image-box.elementor-position-right .elementor-image-box-wrapper{text-align:right;flex-direction:row-reverse}.elementor-widget-image-box.elementor-position-left .elementor-image-box-wrapper{text-align:left;flex-direction:row}.elementor-widget-image-box.elementor-position-top .elementor-image-box-img{margin:auto}.elementor-widget-image-box.elementor-vertical-align-top .elementor-image-box-wrapper{align-items:flex-start}.elementor-widget-image-box.elementor-vertical-align-middle .elementor-image-box-wrapper{align-items:center}.elementor-widget-image-box.elementor-vertical-align-bottom .elementor-image-box-wrapper{align-items:flex-end}}@media (max-width:767px){.elementor-widget-image-box .elementor-image-box-img{margin-left:auto!important;margin-right:auto!important;margin-bottom:15px}}.elementor-widget-image-box .elementor-image-box-img{display:inline-block}.elementor-widget-image-box .elementor-image-box-title a{color:inherit}.elementor-widget-image-box .elementor-image-box-wrapper{text-align:center}.elementor-widget-image-box .elementor-image-box-description{margin:0}<\/style><div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1893\" height=\"1892\" src=\"https:\/\/www.jardinmajorelle.com\/wp-content\/uploads\/2025\/04\/logo_myslm.png\" class=\"attachment-full size-full wp-image-38023\" alt=\"\" srcset=\"https:\/\/www.jardinmajorelle.com\/wp-content\/uploads\/2025\/04\/logo_myslm.png 1893w, https:\/\/www.jardinmajorelle.com\/wp-content\/uploads\/2025\/04\/logo_myslm-300x300.png 300w, https:\/\/www.jardinmajorelle.com\/wp-content\/uploads\/2025\/04\/logo_myslm-1024x1024.png 1024w, https:\/\/www.jardinmajorelle.com\/wp-content\/uploads\/2025\/04\/logo_myslm-150x150.png 150w, https:\/\/www.jardinmajorelle.com\/wp-content\/uploads\/2025\/04\/logo_myslm-768x768.png 768w, https:\/\/www.jardinmajorelle.com\/wp-content\/uploads\/2025\/04\/logo_myslm-1536x1536.png 1536w, https:\/\/www.jardinmajorelle.com\/wp-content\/uploads\/2025\/04\/logo_myslm-500x500.png 500w, https:\/\/www.jardinmajorelle.com\/wp-content\/uploads\/2025\/04\/logo_myslm-1000x1000.png 1000w\" sizes=\"(max-width: 1893px) 100vw, 1893px\" \/><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">Table ronde et signature du livre<\/h3><\/div><\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dc40a10 premium-header-block elementor-widget elementor-widget-premium-addon-dual-header\" data-id=\"dc40a10\" data-element_type=\"widget\" data-widget_type=\"premium-addon-dual-header.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n\t\t\t\t\t<h2 class=\"premium-dual-header-first-header \"><span class=\"premium-dual-header-first-span\">BONACINA : The Beauty of Rattan <\/span><span class=\"premium-dual-header-second-header \">10 mai 2025  \u00e0 19h00<\/span><\/h2> \t\t\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9be9cc5 elementor-button-align-center elementor-widget elementor-widget-form\" data-id=\"9be9cc5\" data-element_type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;Suivant&quot;,&quot;step_previous_label&quot;:&quot;Pr\\u00e9c\\u00e9dent&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor-pro - v3.18.0 - 20-12-2023 *\/\n.elementor-button.elementor-hidden,.elementor-hidden{display:none}.e-form__step{width:100%}.e-form__step:not(.elementor-hidden){display:flex;flex-wrap:wrap}.e-form__buttons{flex-wrap:wrap}.e-form__buttons,.e-form__buttons__wrapper{display:flex}.e-form__indicators{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;font-size:13px;margin-bottom:var(--e-form-steps-indicators-spacing)}.e-form__indicators__indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-basis:0;padding:0 var(--e-form-steps-divider-gap)}.e-form__indicators__indicator__progress{width:100%;position:relative;background-color:var(--e-form-steps-indicator-progress-background-color);border-radius:var(--e-form-steps-indicator-progress-border-radius);overflow:hidden}.e-form__indicators__indicator__progress__meter{width:var(--e-form-steps-indicator-progress-meter-width,0);height:var(--e-form-steps-indicator-progress-height);line-height:var(--e-form-steps-indicator-progress-height);padding-right:15px;border-radius:var(--e-form-steps-indicator-progress-border-radius);background-color:var(--e-form-steps-indicator-progress-color);color:var(--e-form-steps-indicator-progress-meter-color);text-align:right;transition:width .1s linear}.e-form__indicators__indicator:first-child{padding-left:0}.e-form__indicators__indicator:last-child{padding-right:0}.e-form__indicators__indicator--state-inactive{color:var(--e-form-steps-indicator-inactive-primary-color,#c2cbd2)}.e-form__indicators__indicator--state-inactive [class*=indicator--shape-]:not(.e-form__indicators__indicator--shape-none){background-color:var(--e-form-steps-indicator-inactive-secondary-color,#fff)}.e-form__indicators__indicator--state-inactive object,.e-form__indicators__indicator--state-inactive svg{fill:var(--e-form-steps-indicator-inactive-primary-color,#c2cbd2)}.e-form__indicators__indicator--state-active{color:var(--e-form-steps-indicator-active-primary-color,#39b54a);border-color:var(--e-form-steps-indicator-active-secondary-color,#fff)}.e-form__indicators__indicator--state-active [class*=indicator--shape-]:not(.e-form__indicators__indicator--shape-none){background-color:var(--e-form-steps-indicator-active-secondary-color,#fff)}.e-form__indicators__indicator--state-active object,.e-form__indicators__indicator--state-active svg{fill:var(--e-form-steps-indicator-active-primary-color,#39b54a)}.e-form__indicators__indicator--state-completed{color:var(--e-form-steps-indicator-completed-secondary-color,#fff)}.e-form__indicators__indicator--state-completed [class*=indicator--shape-]:not(.e-form__indicators__indicator--shape-none){background-color:var(--e-form-steps-indicator-completed-primary-color,#39b54a)}.e-form__indicators__indicator--state-completed .e-form__indicators__indicator__label{color:var(--e-form-steps-indicator-completed-primary-color,#39b54a)}.e-form__indicators__indicator--state-completed .e-form__indicators__indicator--shape-none{color:var(--e-form-steps-indicator-completed-primary-color,#39b54a);background-color:initial}.e-form__indicators__indicator--state-completed object,.e-form__indicators__indicator--state-completed svg{fill:var(--e-form-steps-indicator-completed-secondary-color,#fff)}.e-form__indicators__indicator__icon{width:var(--e-form-steps-indicator-padding,30px);height:var(--e-form-steps-indicator-padding,30px);font-size:var(--e-form-steps-indicator-icon-size);border-width:1px;border-style:solid;display:flex;justify-content:center;align-items:center;overflow:hidden;margin-bottom:10px}.e-form__indicators__indicator__icon img,.e-form__indicators__indicator__icon object,.e-form__indicators__indicator__icon svg{width:var(--e-form-steps-indicator-icon-size);height:auto}.e-form__indicators__indicator__icon .e-font-icon-svg{height:1em}.e-form__indicators__indicator__number{width:var(--e-form-steps-indicator-padding,30px);height:var(--e-form-steps-indicator-padding,30px);border-width:1px;border-style:solid;display:flex;justify-content:center;align-items:center;margin-bottom:10px}.e-form__indicators__indicator--shape-circle{border-radius:50%}.e-form__indicators__indicator--shape-square{border-radius:0}.e-form__indicators__indicator--shape-rounded{border-radius:5px}.e-form__indicators__indicator--shape-none{border:0}.e-form__indicators__indicator__label{text-align:center}.e-form__indicators__indicator__separator{width:100%;height:var(--e-form-steps-divider-width);background-color:#babfc5}.e-form__indicators--type-icon,.e-form__indicators--type-icon_text,.e-form__indicators--type-number,.e-form__indicators--type-number_text{align-items:flex-start}.e-form__indicators--type-icon .e-form__indicators__indicator__separator,.e-form__indicators--type-icon_text .e-form__indicators__indicator__separator,.e-form__indicators--type-number .e-form__indicators__indicator__separator,.e-form__indicators--type-number_text .e-form__indicators__indicator__separator{margin-top:calc(var(--e-form-steps-indicator-padding, 30px) \/ 2 - var(--e-form-steps-divider-width, 1px) \/ 2)}.elementor-field-type-hidden{display:none}.elementor-field-type-html{display:inline-block}.elementor-field-type-tel input{direction:inherit}.elementor-login .elementor-lost-password,.elementor-login .elementor-remember-me{font-size:.85em}.elementor-field-type-recaptcha_v3 .elementor-field-label{display:none}.elementor-field-type-recaptcha_v3 .grecaptcha-badge{z-index:1}.elementor-button .elementor-form-spinner{order:3}.elementor-form .elementor-button>span{display:flex;justify-content:center;align-items:center}.elementor-form .elementor-button .elementor-button-text{white-space:normal;flex-grow:0}.elementor-form .elementor-button svg{height:auto}.elementor-form .elementor-button .e-font-icon-svg{height:1em}.elementor-select-wrapper .select-caret-down-wrapper{position:absolute;top:50%;transform:translateY(-50%);inset-inline-end:10px;pointer-events:none;font-size:11px}.elementor-select-wrapper .select-caret-down-wrapper svg{display:unset;width:1em;aspect-ratio:unset;fill:currentColor}.elementor-select-wrapper .select-caret-down-wrapper i{font-size:19px;line-height:2}.elementor-select-wrapper.remove-before:before{content:\"\"!important}<\/style>\t\t<form class=\"elementor-form\" method=\"post\" id=\"rsvp_ok_button\" name=\"invitations\" novalidate=\"\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"36494\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"9be9cc5\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"\" \/>\n\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-first_name elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-first_name\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tPr\u00e9nom\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[first_name]\" id=\"form-field-first_name\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Pr\u00e9nom\" required=\"required\" aria-required=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-last_name elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-last_name\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tNom\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[last_name]\" id=\"form-field-last_name\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Nom\" required=\"required\" aria-required=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tE-mail\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"E-mail\" required=\"required\" aria-required=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-html elementor-field-group elementor-column elementor-field-group-guests elementor-col-100\">\n\t\t\t\t\t<!-- Attending Radio Buttons -->\n<label for=\"form-field-attending\" class=\"elementor-field-label\">Confirmation :<\/label>\n<div class=\"elementor-field-subgroup\" id=\"visual-attending-wrapper\">\n  <span class=\"elementor-field-option\">\n    <input type=\"radio\" name=\"visual_attending\" value=\"yes\" id=\"form-field-attending-yes\">\n    <label for=\"form-field-attending-yes\">Je confirme ma pr\u00e9sence \u00e0 cet \u00e9v\u00e9nement<\/label>\n  <\/span>\n  <span class=\"elementor-field-option\">\n    <input type=\"radio\" name=\"visual_attending\" value=\"no\" id=\"form-field-attending-no\">\n    <label for=\"form-field-attending-no\">Je ne peux pas assister \u00e0 cet \u00e9v\u00e9nement<\/label>\n  <\/span>\n<\/div>\n\n<!-- Custom Script for Radio Required Validation -->\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const form = document.querySelector(\"form\");\n  const radios = document.querySelectorAll('input[name=\"visual_attending\"]');\n  const radioGroup = document.querySelector('#visual-attending-wrapper');\n\n  const customError = document.createElement(\"div\");\n  customError.className = \"custom-radio-error\";\n  customError.style.display = \"none\";\n  customError.innerHTML = '<span class=\"custom-error-icon\" aria-hidden=\"true\"><\/span> Veuillez compl\u00e9ter ce champ.';\n\n  if (radioGroup && !radioGroup.nextElementSibling?.classList.contains('custom-radio-error')) {\n    radioGroup.parentNode.insertBefore(customError, radioGroup.nextSibling);\n  }\n\n  let errorTimeout;\n  let hasShownOnce = false;\n\n  function showError() {\n    clearTimeout(errorTimeout);\n\n    if (!hasShownOnce) {\n      \/\/ First appearance: 2 seconds then show directly\n      errorTimeout = setTimeout(() => {\n        customError.style.display = \"flex\";\n        customError.classList.add(\"fade-in\");\n        customError.classList.remove(\"fade-out\");\n        hasShownOnce = true;\n      }, 2000);\n    } else {\n      \/\/ Later: fade-out then fade-in cleanly\n      customError.classList.remove(\"fade-in\");\n      customError.classList.add(\"fade-out\");\n\n      setTimeout(() => {\n        customError.style.display = \"none\";\n\n        errorTimeout = setTimeout(() => {\n          customError.style.display = \"flex\";\n          customError.classList.add(\"fade-in\");\n          customError.classList.remove(\"fade-out\");\n        }, 2000); \/\/ wait 2 seconds after disappearing before showing cleanly\n      }, 300); \/\/ wait fade-out (0.3s)\n    }\n  }\n\n  function hideError() {\n    clearTimeout(errorTimeout);\n    customError.classList.remove(\"fade-in\");\n    customError.classList.add(\"fade-out\");\n    setTimeout(() => {\n      customError.style.display = \"none\";\n    }, 300);\n  }\n\n  function validateRadios() {\n    const isChecked = Array.from(radios).some(r => r.checked);\n    if (!isChecked) {\n      showError();\n    } else {\n      hideError();\n    }\n  }\n\n  form.addEventListener(\"submit\", function (e) {\n    validateRadios();\n  });\n\n  radios.forEach(radio => {\n    radio.addEventListener(\"change\", function () {\n      hideError();\n      clearTimeout(errorTimeout);\n      hasShownOnce = false; \/\/ Reset if user changes\n    });\n  });\n});\n<\/script>\n\n\n\n<style>\n.custom-radio-error {\n  margin-top: 8px;\n  color: #dca2a2;\n  font-family: \"Optima\", Arial, sans-serif;\n  font-size: 15px;\n  font-weight: 400;\n  line-height: 31px;\n  letter-spacing: 0.7px;\n  display: flex;\n  align-items: center;\n  opacity: 0;\n  transition: opacity 0.3s ease;\n}\n\n\n\n.fade-in {\n  opacity: 1;\n}\n\n.fade-out {\n  opacity: 0;\n}\n<\/style>\n\n<style>\n\/* Hide the real radio *\/\ninput[type=\"radio\"] {\n  opacity: 0;\n  position: absolute;\n  width: 0;\n  height: 0;\n}\n\n\/* Create a custom \"fake\" radio *\/\ninput[type=\"radio\"] + label::before {\n  content: \"\";\n  display: inline-block;\n  width: 22px;\n  height: 22px;\n  margin-right: 10px;\n  border: 2px solid #c9a648; \/* golden border *\/\n  border-radius: 8px; \/* Change shape here (8px = rounded square, 0 = square, 50% = circle) *\/\n  background-color: white;\n  vertical-align: middle;\n  transition: all 0.2s ease;\n}\n\n\/* When radio is checked *\/\ninput[type=\"radio\"]:checked + label::before {\n  background-color: #c9a648; \/* golden fill when selected *\/\n  box-shadow: 0 0 5px rgba(201,166,72,0.6);\n}\n\n\/* Optional: style the label text *\/\ninput[type=\"radio\"] + label {\n  font-size: 18px;\n  cursor: pointer;\n  vertical-align: middle;\n  position: relative;\n}\n<\/style>\n\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-html elementor-field-group elementor-column elementor-field-group-field_f87fe77 elementor-col-100\">\n\t\t\t\t\t<!-- Guest Slider -->\n<div class=\"elementor-field-type-html elementor-field-group elementor-column elementor-field-group-guestss elementor-col-100\" style=\"margin-bottom: 0px !important;\">\n  <div class=\"guest-slider-wrapper\" style=\"position: relative;\">\n    <label class=\"guest-label\">Nombre de personnes pr\u00e9sentes :<\/label>\n\n    <!-- Corrected Guest Counter -->\n    <div class=\"guest-counter-pill\" id=\"guest-counter\">1 Personne<\/div>\n\n    <div class=\"slider-container\" style=\"position: relative;\">\n      <input type=\"range\" id=\"guests-slider\" min=\"1\" max=\"5\" value=\"1\" class=\"guest-range\">\n      <!-- Circles inside the slider -->\n      <div class=\"slider-circles\">\n        <span data-value=\"1\"><\/span>\n        <span data-value=\"2\"><\/span>\n        <span data-value=\"3\"><\/span>\n        <span data-value=\"4\"><\/span>\n        <span data-value=\"5\"><\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"guest-range-labels\">\n      <span>1 Personne<\/span>\n      <span>5 Personnes<\/span>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- Styles -->\n<style>\n  .guest-slider-wrapper {\n    font-family: inherit;\n  }\n\n  .guest-label {\n    font-weight: 600;\n    margin-bottom: 48px;\n    display: block;\n  }\n\n.guest-counter-pill {\n    display: block;\n    background: #cc9e1cde;\n    padding: 5px 7px;\n    border-radius: 3px;\n    font-weight: 600;\n    margin-bottom: 10px;\n    position: absolute;\n    top: 26px;\n    left: 0;\n    transform: translateX(-50%);\n    transition: left 0.3sease;\n    z-index: 5;\n    width: max-content;\n}\n\n  .slider-container {\n    position: relative;\n    width: 100%;\n  }\n\n\n.guest-range {\n    width: 100%;\n    appearance: none;\n    height: 6px;\n    background: #b4b4b459 !important;\n    border-radius: 3px;\n    outline: none;\n    margin-top: 5px;\n    position: unset;\n    z-index: 1;\n}\n\n\n\n .guest-range::-webkit-slider-thumb {\n    appearance: none;\n    width: 22px;\n    height: 22px;\n    border-radius: 50%;\n    background: #dfd9c8;\n    cursor: pointer;\n    margin-top: -0px; \/* <--- fix this *\/\n    position: relative;\n    z-index: 3;\n}\n\n\n  .guest-range::-moz-range-thumb {\n    width: 22px;\n    height: 22px;\n    border-radius: 50%;\n    background: #dfd9c8;\n    cursor: pointer;\n    position: relative;\n    z-index: 3;\n  }\n\n  .guest-range-labels {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14px;\n    margin-top: 5px;\n    color: #ac9b9b;\npadding-top: 15px;\n  }\n\n .slider-circles {\n      position: absolute;\n    align-self: anchor-center;\n    left: 0px;\n    text-anchor: middle;\n    vertical-align: middle;\n    width: 99%;\n    display: flex;\n    justify-content: space-between;\n    pointer-events: none;\n    z-index: 2;\n    transform: translateX(0.6%);\n}\n\n.slider-circles span {\n    width: 10px;\n    height: 10px;\n    border: 1px solid #b4b4b9;\n    border-radius: 50%;\n    background: transparent;\n    display: -webkit-box;\n    \/* transition: all 0.3sease; *\/\n    position: static;\n    align-items: anchor-center;\n    dominant-baseline: middle;\n    text-anchor: middle;\n    vertical-align: -webkit-baseline-middle;\n}\n\n  .slider-circles span.active {\n    border: 0px solid #c9a648;\n    background: transparent;\n  }\n<\/style>\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    const guestsDiv = document.querySelector(\".elementor-field-group-guestss\");\n    const slider = document.getElementById(\"guests-slider\");\n    const counter = document.getElementById(\"guest-counter\");\n    const guestsHidden = document.getElementById(\"form-field-guestss\");\n    const attendingHidden = document.getElementById(\"form-field-attending\");\n    const attendingYes = document.getElementById(\"form-field-attending-yes\");\n    const attendingNo = document.getElementById(\"form-field-attending-no\");\n    const stepPoints = document.querySelectorAll('.slider-circles span');\n\n    function updateCounterLabel(value) {\n      let label = value === 1 ? \"1 Personne\" : `${value} Personnes`;\n\n      counter.textContent = label;\n\n      const minLabel = document.querySelector(\".guest-range-labels span:first-child\");\n      const maxLabel = document.querySelector(\".guest-range-labels span:last-child\");\n\n      if (minLabel && maxLabel) {\n        minLabel.textContent = \"1 Personne\";\n        maxLabel.textContent = \"5 Personnes\";\n      }\n    }\n\n    function updateActiveStep(value) {\n  stepPoints.forEach(point => {\n    if (parseInt(point.dataset.value) === value) {\n      point.classList.add('active');\n    } else {\n      point.classList.remove('active');\n    }\n  });\n  moveCounterToActive(); \/\/ \ud83d\udd25 Move the gold pill after setting active\n}\n\n\nfunction moveCounterToActive() {\n  const activeCircle = document.querySelector('.slider-circles span.active');\n  const counterPill = document.getElementById('guest-counter');\n  if (activeCircle && counterPill) {\n    const rect = activeCircle.getBoundingClientRect();\n    const containerRect = activeCircle.parentElement.getBoundingClientRect();\n    const centerX = rect.left + rect.width \/ 2;\n    const relativeX = centerX - containerRect.left;\n    counterPill.style.left = `${relativeX}px`;\n  }\n}\n\n\n    updateCounterLabel(parseInt(slider.value));\n    updateActiveStep(parseInt(slider.value));\n    guestsDiv.style.display = \"none\";\n\n    attendingYes.addEventListener(\"change\", function () {\n      if (attendingYes.checked) {\n        guestsDiv.style.display = \"block\";\n        guestsHidden.value = slider.value;\n        attendingHidden.value = \"Je confirme ma pr\u00e9sence \u00e0 cet \u00e9v\u00e9nement\";\n        updateCounterLabel(parseInt(slider.value));\n        updateActiveStep(parseInt(slider.value));\n      }\n    });\n\n    attendingNo.addEventListener(\"change\", function () {\n      if (attendingNo.checked) {\n        guestsDiv.style.display = \"none\";\n        guestsHidden.value = \"\";\n        attendingHidden.value = \"Je ne peux pas assister \u00e0 cet \u00e9v\u00e9nement\";\n        slider.value = 1;\n        updateCounterLabel(1);\n        updateActiveStep(1);\n      }\n    });\n\n    slider.addEventListener(\"input\", function () {\n      const value = parseInt(slider.value);\n      updateCounterLabel(value);\n      updateActiveStep(value);\n      if (attendingYes.checked) {\n        guestsHidden.value = value;\n      }\n    });\n\n    const observer = new MutationObserver(function (mutations) {\n      mutations.forEach(function (mutation) {\n        mutation.addedNodes.forEach(function (node) {\n          if (node.nodeType === 1 && node.classList.contains(\"elementor-message-success\")) {\n            setTimeout(function () {\n              slider.value = 1;\n              guestsHidden.value = \"\";\n              attendingHidden.value = \"\";\n              attendingYes.checked = false;\n              attendingNo.checked = false;\n              guestsDiv.style.display = \"none\";\n              updateCounterLabel(1);\n              updateActiveStep(1);\n            }, 300);\n          }\n        });\n      });\n    });\n\n    const formWrapper = document.querySelector(\"form\");\n    if (formWrapper) {\n      observer.observe(formWrapper, {\n        childList: true,\n        subtree: true,\n      });\n    }\n  });\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-hidden elementor-field-group elementor-column elementor-field-group-attending elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"hidden\" name=\"form_fields[attending]\" id=\"form-field-attending\" class=\"elementor-field elementor-size-sm  elementor-field-textual\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-hidden elementor-field-group elementor-column elementor-field-group-guestss elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"hidden\" name=\"form_fields[guestss]\" id=\"form-field-guestss\" class=\"elementor-field elementor-size-sm  elementor-field-textual\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-acceptance elementor-field-group elementor-column elementor-field-group-fake_radio_validation elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t<div class=\"elementor-field-subgroup\">\n\t\t\t<span class=\"elementor-field-option\">\n\t\t\t\t<input type=\"checkbox\" name=\"form_fields[fake_radio_validation]\" id=\"form-field-fake_radio_validation\" class=\"elementor-field elementor-size-sm  elementor-acceptance-field\" required=\"required\" aria-required=\"true\">\n\t\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-hidden elementor-field-group elementor-column elementor-field-group-calendar_choice elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"hidden\" name=\"form_fields[calendar_choice]\" id=\"form-field-calendar_choice\" class=\"elementor-field elementor-size-sm  elementor-field-textual\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-hidden elementor-field-group elementor-column elementor-field-group-calendar_choice elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"hidden\" name=\"form_fields[calendar_choice]\" id=\"form-field-calendar_choice\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" value=\"Pas de choix\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button type=\"submit\" class=\"elementor-button elementor-size-md\" id=\"rsvp-form\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\" elementor-button-icon\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Envoyer<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c7e4f45 elementor-widget elementor-widget-spacer\" data-id=\"c7e4f45\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\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<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-2aee347 elementor-widget elementor-widget-spacer\" data-id=\"2aee347\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\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<\/main>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-86a5219 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"86a5219\" data-element_type=\"section\" data-settings=\"{&quot;premium_particles_zindex&quot;:0,&quot;premium_particles_responsive&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d8070ba\" data-id=\"d8070ba\" data-element_type=\"column\" data-settings=\"{&quot;premium_particles_zindex&quot;:0,&quot;premium_particles_responsive&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-03d57dd elementor-widget elementor-widget-spacer\" data-id=\"03d57dd\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\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<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Table ronde et signature du livre BONACINA : The Beauty of Rattan 10 mai 2025 \u00e0 19h00<\/p>\n","protected":false},"author":9,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"acf":[],"_links":{"self":[{"href":"https:\/\/www.jardinmajorelle.com\/en\/wp-json\/wp\/v2\/pages\/36494"}],"collection":[{"href":"https:\/\/www.jardinmajorelle.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.jardinmajorelle.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.jardinmajorelle.com\/en\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jardinmajorelle.com\/en\/wp-json\/wp\/v2\/comments?post=36494"}],"version-history":[{"count":2091,"href":"https:\/\/www.jardinmajorelle.com\/en\/wp-json\/wp\/v2\/pages\/36494\/revisions"}],"predecessor-version":[{"id":40005,"href":"https:\/\/www.jardinmajorelle.com\/en\/wp-json\/wp\/v2\/pages\/36494\/revisions\/40005"}],"wp:attachment":[{"href":"https:\/\/www.jardinmajorelle.com\/en\/wp-json\/wp\/v2\/media?parent=36494"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}