{"id":298,"date":"2025-08-04T13:30:41","date_gmt":"2025-08-04T13:30:41","guid":{"rendered":"https:\/\/osalondev.wpenginepowered.com\/appointment\/"},"modified":"2025-11-20T16:28:32","modified_gmt":"2025-11-20T16:28:32","slug":"appointment","status":"publish","type":"page","link":"https:\/\/osalonmtl.ca\/en\/appointment\/","title":{"rendered":"Appointment"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"298\" class=\"elementor elementor-298 elementor-23\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ad0631 e-flex e-con-boxed e-con e-parent\" data-id=\"6ad0631\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-02cfb1c e-flex e-con-boxed e-con e-parent\" data-id=\"02cfb1c\" data-element_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<div class=\"elementor-element elementor-element-dfd3bca e-con-full e-flex e-con e-child\" data-id=\"dfd3bca\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-496f4b2 e-con-full e-flex e-con e-child\" data-id=\"496f4b2\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-0eb47b3 e-con-full e-flex e-con e-child\" data-id=\"0eb47b3\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-5673ce2 e-con-full e-flex e-con e-child\" data-id=\"5673ce2\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-be8023c elementor-widget elementor-widget-heading\" data-id=\"be8023c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Book an appointment<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-80afd4d elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"80afd4d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Treat yourself to a beauty moment in the heart of Plateau Mont-Royal. Book today. <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-83b6f2f elementor-widget elementor-widget-text-editor\" data-id=\"83b6f2f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"https:\/\/www.google.com\/maps\/place\/4672+R.+Saint-Denis,+Montr%C3%A9al,+QC+H2J+2L3,+Canada\/@45.5248527,-73.5879117,17z\/data=!3m1!4b1!4m6!3m5!1s0x4cc91bd12fbb2e15:0x4b1415ddb878bb07!8m2!3d45.524849!4d-73.5853368!16s%2Fg%2F11c0qkm048?entry=ttu&amp;g_ep=EgoyMDI1MDczMC4wIKXMDSoASAFQAw%3D%3D\" target=\"_blank\" rel=\"noopener\">4672 Saint-Denis Street, Montreal<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ae6b616 e-con-full e-flex e-con e-child\" data-id=\"ae6b616\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-36385a8 elementor-widget elementor-widget-heading\" data-id=\"36385a8\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Call us to book any service<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cb74bfc e-con-full e-flex e-con e-child\" data-id=\"cb74bfc\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-628cfac elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"628cfac\" data-element_type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<a class=\"elementor-icon\" href=\"tel:(514)20523-7878\" target=\"_blank\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 19 19\" fill=\"none\"><path d=\"M17.5866 12.9024L13.1578 10.9178C12.9572 10.8318 12.7382 10.7972 12.5208 10.8172C12.3034 10.8372 12.0945 10.911 11.9128 11.0321C11.8944 11.044 11.8768 11.0571 11.8603 11.0715L9.54564 13.0403C9.52162 13.0534 9.49489 13.0607 9.46755 13.0617C9.44021 13.0626 9.41302 13.0572 9.38814 13.0459C7.90032 12.3278 6.35907 10.7959 5.63814 9.3287C5.62613 9.30418 5.61989 9.27724 5.61989 9.24995C5.61989 9.22265 5.62613 9.19571 5.63814 9.1712L7.61345 6.82745C7.62762 6.8101 7.64077 6.79195 7.65282 6.77307C7.77225 6.59073 7.84439 6.38152 7.86272 6.16432C7.88105 5.94713 7.845 5.72879 7.75782 5.52901L5.7872 1.10776C5.67529 0.846767 5.48175 0.629111 5.23563 0.487457C4.98951 0.345803 4.70409 0.287793 4.4222 0.322134C3.1971 0.483193 2.07256 1.08483 1.25872 2.0146C0.444884 2.94438 -0.0025572 4.13868 1.09944e-05 5.37432C1.09944e-05 12.7149 5.97189 18.6868 13.3125 18.6868C14.5481 18.6892 15.7423 18.2417 16.672 17.4279C17.6018 16.6141 18.2034 15.4897 18.3647 14.2646C18.399 13.9841 18.3417 13.6999 18.2015 13.4545C18.0613 13.2091 17.8457 13.0154 17.5866 12.9024ZM13.3125 17.5618C6.59251 17.5618 1.12501 12.0943 1.12501 5.37432C1.12188 4.41238 1.46908 3.4822 2.10174 2.75758C2.7344 2.03296 3.60925 1.56347 4.56282 1.43682H4.58439C4.62217 1.43753 4.65885 1.44963 4.68963 1.47155C4.72041 1.49346 4.74386 1.52417 4.75689 1.55963L6.73501 5.9762C6.74629 6.00075 6.75213 6.02745 6.75213 6.05448C6.75213 6.0815 6.74629 6.1082 6.73501 6.13276L4.75595 8.48213C4.74118 8.49891 4.72771 8.51677 4.71564 8.53557C4.5918 8.72462 4.51887 8.94245 4.50393 9.16796C4.48898 9.39347 4.53252 9.61901 4.63032 9.82276C5.46189 11.5253 7.17751 13.2278 8.89876 14.0593C9.10369 14.1566 9.33034 14.1991 9.55659 14.1826C9.78284 14.1662 10.001 14.0914 10.1897 13.9656C10.2075 13.9534 10.2253 13.9403 10.2422 13.9262L12.5559 11.9574C12.5788 11.9452 12.604 11.938 12.6299 11.9364C12.6558 11.9347 12.6817 11.9387 12.7059 11.9481L17.1356 13.9328C17.1718 13.9482 17.2022 13.9746 17.2226 14.0082C17.243 14.0419 17.2522 14.0811 17.2491 14.1203C17.1231 15.0743 16.654 15.9498 15.9296 16.5831C15.2051 17.2165 14.2748 17.5644 13.3125 17.5618Z\" fill=\"#FF5C63\"><\/path><\/svg>\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-815c4a3 elementor-widget elementor-widget-text-editor\" data-id=\"815c4a3\" data-element_type=\"widget\" id=\"preformulaire\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"tel:(514)%20523-7878\" target=\"_blank\" rel=\"noopener\">514.523.7878<\/a><\/p>\t\t\t\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\t\t<div class=\"elementor-element elementor-element-fb9b6f8 elementor-mobile-align-justify elementor-widget elementor-widget-button\" data-id=\"fb9b6f8\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/www.fresha.com\/fr\/a\/o-salon-montreal-4672-a-rue-saint-denis-ncjce2gz\/booking?menu=true&#038;pId=1250530&#038;dppub=true&#038;cartId=4fa6f5f8-c146-4bd4-bf11-b909c33c4505\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Book an appointment<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f2ab4cf e-con-full e-flex e-con e-child\" data-id=\"f2ab4cf\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b982367 elementor-widget elementor-widget-image\" data-id=\"b982367\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"541\" height=\"485\" src=\"https:\/\/osalonmtl.ca\/wp-content\/uploads\/2025\/08\/image-3-1.png\" class=\"attachment-large size-large wp-image-283\" alt=\"\" srcset=\"https:\/\/osalonmtl.ca\/wp-content\/uploads\/2025\/08\/image-3-1.png 541w, https:\/\/osalonmtl.ca\/wp-content\/uploads\/2025\/08\/image-3-1-300x269.png 300w\" sizes=\"(max-width: 541px) 100vw, 541px\" \/>\t\t\t\t\t\t\t\t\t\t\t\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<div class=\"elementor-element elementor-element-bef0757 e-flex e-con-boxed e-con e-parent\" data-id=\"bef0757\" data-element_type=\"container\" id=\"formulaire\" 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-d4dfe08 elementor-absolute elementor-widget elementor-widget-image\" data-id=\"d4dfe08\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"274\" height=\"276\" src=\"https:\/\/osalonmtl.ca\/wp-content\/uploads\/2025\/08\/Layer_1.png\" class=\"attachment-large size-large wp-image-221\" alt=\"\" srcset=\"https:\/\/osalonmtl.ca\/wp-content\/uploads\/2025\/08\/Layer_1.png 274w, https:\/\/osalonmtl.ca\/wp-content\/uploads\/2025\/08\/Layer_1-150x150.png 150w\" sizes=\"(max-width: 274px) 100vw, 274px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5088a1d e-con-full e-flex e-con e-child\" data-id=\"5088a1d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f8a3da8 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"f8a3da8\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Other service requests<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c9d2562 elementor-widget elementor-widget-html\" data-id=\"c9d2562\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"contact-form\">\r\n    <form id=\"contactForm\">\r\n        <!-- Premi\u00e8re ligne - Nom complet en full width -->\r\n        <div class=\"form-row\">\r\n            <div class=\"form-group full-width label-space\">\r\n                <label for=\"nom\" data-fr=\"Nom complet\" data-en=\"Full name\">Full name<\/label>\r\n                <input type=\"text\" id=\"nom\" name=\"nom\" required=\"\">\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Deuxi\u00e8me ligne - Email et T\u00e9l\u00e9phone c\u00f4te \u00e0 c\u00f4te -->\r\n        <div class=\"form-row\">\r\n            <div class=\"form-group label-space\">\r\n                <label for=\"email\" data-fr=\"Adresse courriel\" data-en=\"Email address\">Email address<\/label>\r\n                <input type=\"email\" id=\"email\" name=\"email\" required=\"\">\r\n            <\/div>\r\n            <div class=\"form-group label-space\">\r\n                <label for=\"telephone\" data-fr=\"T\u00e9l\u00e9phone\" data-en=\"Phone Number\">Phone Number<\/label>\r\n                <input type=\"tel\" id=\"telephone\" name=\"telephone\" required=\"\">\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Troisi\u00e8me ligne -->\r\n        <div class=\"form-row\">\r\n            <div class=\"form-group\">\r\n                <div class=\"custom-dropdown\" id=\"personneDropdown\">\r\n                    <div class=\"dropdown-header\">\r\n                        <span class=\"dropdown-text\" data-placeholder-fr=\"La personne que vous souhaitez\" data-placeholder-en=\"The person you want\">Your preferred stylist<\/span>\r\n                        <div class=\"dropdown-arrow\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"17\" height=\"16\" viewbox=\"0 0 17 16\" fill=\"none\">\r\n                                <g opacity=\"0.7\">\r\n                                    <path d=\"M13.5989 6.26541L8.59891 11.2654C8.5286 11.3356 8.43328 11.3751 8.33391 11.3751C8.23453 11.3751 8.13922 11.3356 8.06891 11.2654L3.06891 6.26541C3.00267 6.19432 2.96661 6.1003 2.96832 6.00315C2.97003 5.906 3.00939 5.81331 3.0781 5.7446C3.1468 5.67589 3.2395 5.63654 3.33665 5.63482C3.4338 5.63311 3.52782 5.66917 3.59891 5.73541L8.33391 10.4698L13.0689 5.73541C13.14 5.66917 13.234 5.63311 13.3312 5.63482C13.4283 5.63654 13.521 5.67589 13.5897 5.7446C13.6584 5.81331 13.6978 5.906 13.6995 6.00315C13.7012 6.1003 13.6651 6.19432 13.5989 6.26541Z\" fill=\"#2B4333\"\/>\r\n                                <\/g>\r\n                            <\/svg>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"dropdown-options\" id=\"personneOptions\">\r\n                        <!-- Options charg\u00e9es dynamiquement -->\r\n                    <\/div>\r\n                <\/div>\r\n                <input type=\"hidden\" id=\"personne\" name=\"personne\" required=\"\">\r\n            <\/div>\r\n            <div class=\"form-group\">\r\n                <div class=\"custom-dropdown\" id=\"horaireDropdown\">\r\n                    <div class=\"dropdown-header\">\r\n                        <span class=\"dropdown-text\" data-placeholder-fr=\"L'horaire qui vous convient\" data-placeholder-en=\"The schedule that suits you\">The time that suits you<\/span>\r\n                        <div class=\"dropdown-arrow\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"17\" height=\"16\" viewbox=\"0 0 17 16\" fill=\"none\">\r\n                                <g opacity=\"0.7\">\r\n                                    <path d=\"M13.5989 6.26541L8.59891 11.2654C8.5286 11.3356 8.43328 11.3751 8.33391 11.3751C8.23453 11.3751 8.13922 11.3356 8.06891 11.2654L3.06891 6.26541C3.00267 6.19432 2.96661 6.1003 2.96832 6.00315C2.97003 5.906 3.00939 5.81331 3.0781 5.7446C3.1468 5.67589 3.2395 5.63654 3.33665 5.63482C3.4338 5.63311 3.52782 5.66917 3.59891 5.73541L8.33391 10.4698L13.0689 5.73541C13.14 5.66917 13.234 5.63311 13.3312 5.63482C13.4283 5.63654 13.521 5.67589 13.5897 5.7446C13.6584 5.81331 13.6978 5.906 13.6995 6.00315C13.7012 6.1003 13.6651 6.19432 13.5989 6.26541Z\" fill=\"#2B4333\"\/>\r\n                                <\/g>\r\n                            <\/svg>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"dropdown-options\" id=\"horaireOptions\">\r\n                        <div class=\"dropdown-option\" data-value=\"lundi-matin\">\r\n                            <input type=\"checkbox\" name=\"horaires[]\" value=\"lundi-matin\" id=\"horaire-lundi-matin\">\r\n                            <label for=\"horaire-lundi-matin\" data-fr=\"Lundi matin\" data-en=\"Monday morning\">Monday morning<\/label>\r\n                        <\/div>\r\n                        <div class=\"dropdown-option\" data-value=\"lundi-apres-midi\">\r\n                            <input type=\"checkbox\" name=\"horaires[]\" value=\"lundi-apres-midi\" id=\"horaire-lundi-apres-midi\">\r\n                            <label for=\"horaire-lundi-apres-midi\" data-fr=\"Lundi apr\u00e8s-midi\" data-en=\"Monday afternoon\">Monday afternoon<\/label>\r\n                        <\/div>\r\n                        <div class=\"dropdown-option\" data-value=\"mardi-matin\">\r\n                            <input type=\"checkbox\" name=\"horaires[]\" value=\"mardi-matin\" id=\"horaire-mardi-matin\">\r\n                            <label for=\"horaire-mardi-matin\" data-fr=\"Mardi matin\" data-en=\"Tuesday morning\">Tuesday morning<\/label>\r\n                        <\/div>\r\n                        <div class=\"dropdown-option\" data-value=\"mardi-apres-midi\">\r\n                            <input type=\"checkbox\" name=\"horaires[]\" value=\"mardi-apres-midi\" id=\"horaire-mardi-apres-midi\">\r\n                            <label for=\"horaire-mardi-apres-midi\" data-fr=\"Mardi apr\u00e8s-midi\" data-en=\"Tuesday afternoon\">Tuesday afternoon<\/label>\r\n                        <\/div>\r\n                        <div class=\"dropdown-option\" data-value=\"mercredi-matin\">\r\n                            <input type=\"checkbox\" name=\"horaires[]\" value=\"mercredi-matin\" id=\"horaire-mercredi-matin\">\r\n                            <label for=\"horaire-mercredi-matin\" data-fr=\"Mercredi matin\" data-en=\"Wednesday morning\">Wednesday morning<\/label>\r\n                        <\/div>\r\n                        <div class=\"dropdown-option\" data-value=\"mercredi-apres-midi\">\r\n                            <input type=\"checkbox\" name=\"horaires[]\" value=\"mercredi-apres-midi\" id=\"horaire-mercredi-apres-midi\">\r\n                            <label for=\"horaire-mercredi-apres-midi\" data-fr=\"Mercredi apr\u00e8s-midi\" data-en=\"Wednesday afternoon\">Wednesday afternoon<\/label>\r\n                        <\/div>\r\n                        <div class=\"dropdown-option\" data-value=\"jeudi-matin\">\r\n                            <input type=\"checkbox\" name=\"horaires[]\" value=\"jeudi-matin\" id=\"horaire-jeudi-matin\">\r\n                            <label for=\"horaire-jeudi-matin\" data-fr=\"Jeudi matin\" data-en=\"Thursday morning\">Thursday morning<\/label>\r\n                        <\/div>\r\n                        <div class=\"dropdown-option\" data-value=\"jeudi-apres-midi\">\r\n                            <input type=\"checkbox\" name=\"horaires[]\" value=\"jeudi-apres-midi\" id=\"horaire-jeudi-apres-midi\">\r\n                            <label for=\"horaire-jeudi-apres-midi\" data-fr=\"Jeudi apr\u00e8s-midi\" data-en=\"Thursday afternoon\">Thursday afternoon<\/label>\r\n                        <\/div>\r\n                        <div class=\"dropdown-option\" data-value=\"vendredi-matin\">\r\n                            <input type=\"checkbox\" name=\"horaires[]\" value=\"vendredi-matin\" id=\"horaire-vendredi-matin\">\r\n                            <label for=\"horaire-vendredi-matin\" data-fr=\"Vendredi matin\" data-en=\"Friday morning\">Friday morning<\/label>\r\n                        <\/div>\r\n                        <div class=\"dropdown-option\" data-value=\"vendredi-apres-midi\">\r\n                            <input type=\"checkbox\" name=\"horaires[]\" value=\"vendredi-apres-midi\" id=\"horaire-vendredi-apres-midi\">\r\n                            <label for=\"horaire-vendredi-apres-midi\" data-fr=\"Vendredi apr\u00e8s-midi\" data-en=\"Friday afternoon\">Friday afternoon<\/label>\r\n                        <\/div>\r\n                        <div class=\"dropdown-option\" data-value=\"samedi-matin\">\r\n                            <input type=\"checkbox\" name=\"horaires[]\" value=\"samedi-matin\" id=\"horaire-samedi-matin\">\r\n                            <label for=\"horaire-samedi-matin\" data-fr=\"Samedi matin\" data-en=\"Saturday morning\">Saturday morning<\/label>\r\n                        <\/div>\r\n                        <div class=\"dropdown-option\" data-value=\"samedi-apres-midi\">\r\n                            <input type=\"checkbox\" name=\"horaires[]\" value=\"samedi-apres-midi\" id=\"horaire-samedi-apres-midi\">\r\n                            <label for=\"horaire-samedi-apres-midi\" data-fr=\"Samedi apr\u00e8s-midi\" data-en=\"Saturday afternoon\">Saturday afternoon<\/label>\r\n                        <\/div>\r\n                        <div class=\"dropdown-option\" data-value=\"dimanche-matin\">\r\n                            <input type=\"checkbox\" name=\"horaires[]\" value=\"dimanche-matin\" id=\"horaire-dimanche-matin\">\r\n                            <label for=\"horaire-dimanche-matin\" data-fr=\"Dimanche matin\" data-en=\"Sunday morning\">Sunday morning<\/label>\r\n                        <\/div>\r\n                        <div class=\"dropdown-option\" data-value=\"dimanche-apres-midi\">\r\n                            <input type=\"checkbox\" name=\"horaires[]\" value=\"dimanche-apres-midi\" id=\"horaire-dimanche-apres-midi\">\r\n                            <label for=\"horaire-dimanche-apres-midi\" data-fr=\"Dimanche apr\u00e8s-midi\" data-en=\"Sunday afternoon\">Sunday afternoon<\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <input type=\"hidden\" id=\"horaire\" name=\"horaire\" required=\"\">\r\n            <\/div>\r\n            <div class=\"form-group\">\r\n                <div class=\"custom-dropdown\" id=\"serviceDropdown\">\r\n                    <div class=\"dropdown-header\">\r\n                        <span class=\"dropdown-text\" data-placeholder-fr=\"Le service que vous souhaitez\" data-placeholder-en=\"The service you want\">The service you prefer<\/span>\r\n                        <div class=\"dropdown-arrow\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"17\" height=\"16\" viewbox=\"0 0 17 16\" fill=\"none\">\r\n                                <g opacity=\"0.7\">\r\n                                    <path d=\"M13.5989 6.26541L8.59891 11.2654C8.5286 11.3356 8.43328 11.3751 8.33391 11.3751C8.23453 11.3751 8.13922 11.3356 8.06891 11.2654L3.06891 6.26541C3.00267 6.19432 2.96661 6.1003 2.96832 6.00315C2.97003 5.906 3.00939 5.81331 3.0781 5.7446C3.1468 5.67589 3.2395 5.63654 3.33665 5.63482C3.4338 5.63311 3.52782 5.66917 3.59891 5.73541L8.33391 10.4698L13.0689 5.73541C13.14 5.66917 13.234 5.63311 13.3312 5.63482C13.4283 5.63654 13.521 5.67589 13.5897 5.7446C13.6584 5.81331 13.6978 5.906 13.6995 6.00315C13.7012 6.1003 13.6651 6.19432 13.5989 6.26541Z\" fill=\"#2B4333\"\/>\r\n                                <\/g>\r\n                            <\/svg>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"dropdown-options\" id=\"serviceOptions\">\r\n                        <div class=\"dropdown-option\" data-value=\"Coloration &amp; d\u00e9coloration\">\r\n                            <input type=\"checkbox\" name=\"services[]\" value=\"Coloration &amp; d\u00e9coloration\" id=\"service-Coloration &amp; d\u00e9coloration\">\r\n                            <label for=\"service-Coloration &amp; d\u00e9coloration\" data-fr=\"Coloration &amp; d\u00e9coloration\" data-en=\"Coloring &amp; bleaching\">Coloring &amp; Lightening<\/label>\r\n                        <\/div>\r\n                        <div class=\"dropdown-option\" data-value=\"M\u00e8ches\">\r\n                            <input type=\"checkbox\" name=\"services[]\" value=\"M\u00e8ches\" id=\"service-M\u00e8ches\">\r\n                            <label for=\"service-M\u00e8ches\" data-fr=\"M\u00e8ches\" data-en=\"Highlights\">Highlights<\/label>\r\n                        <\/div>\r\n                        <div class=\"dropdown-option\" data-value=\"Coupes et coiffures\">\r\n                            <input type=\"checkbox\" name=\"services[]\" value=\"Coupes et coiffures\" id=\"service-Coupes et coiffures\">\r\n                            <label for=\"service-Coupes et coiffures\" data-fr=\"Coupes et coiffures\" data-en=\"Cuts and hairstyles\">Haircuts and Styling<\/label>\r\n                        <\/div>\r\n                        <div class=\"dropdown-option\" data-value=\"Forme et traitements\">\r\n                            <input type=\"checkbox\" name=\"services[]\" value=\"Forme et traitements\" id=\"service-Forme et traitements\">\r\n                            <label for=\"service-Forme et traitements\" data-fr=\"Forme et traitements\" data-en=\"Styling and treatments\">Texture &amp; Treatments<\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <input type=\"hidden\" id=\"service\" name=\"service\" required=\"\">\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Zone de message -->\r\n        <div class=\"form-group full-width label-space\">\r\n            <label for=\"message\" data-fr=\"Votre message\" data-en=\"Your message\">Your message<\/label>\r\n            <textarea id=\"message\" name=\"message\" maxlength=\"300\" required=\"\"><\/textarea>\r\n            <div class=\"char-count\">\r\n                <span id=\"charCount\">0<\/span>\/300 <span data-fr=\"caract\u00e8res maximum\" data-en=\"characters maximum\">maximum characters<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Bouton d'envoi -->\r\n        <button type=\"submit\" class=\"submit-btn\" data-fr=\"Envoyer\" data-en=\"Send\">Send<\/button>\r\n        <div style=\"clear: both;\"><\/div>\r\n    <\/form>\r\n    \r\n    <!-- Messages de statut -->\r\n    <div id=\"formMessages\" style=\"display: none;\"><\/div>\r\n<\/div>\r\n<style>\r\n.contact-form {\r\n    margin: 0 auto;\r\n}\r\n\r\n.label-space {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 6px;\r\n}\r\n\r\n.form-row {\r\n    display: flex;\r\n    gap: 20px;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.form-group {\r\n    flex: 1;\r\n}\r\n\r\n.form-group.full-width {\r\n    width: 100%;\r\n}\r\n\r\nlabel {\r\n    display: block;\r\n    color: rgba(23, 46, 31, 0.75);\r\n    font-family: Figtree;\r\n    font-size: 14px !important;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: normal;\r\n}\r\n\r\ninput[type=\"text\"],\r\ninput[type=\"email\"],\r\ninput[type=\"tel\"],\r\ntextarea {\r\n    width: 100%;\r\n    padding: 12px;\r\n    border: none;\r\n    border-radius: 8px;\r\n    background-color: rgba(222, 180, 112, 0.30);\r\n    color: rgba(23, 46, 31, 0.75);\r\n    font-family: Figtree;\r\n    font-size: 14px !important;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: normal;\r\n    transition: border-color 0.3s ease;\r\n}\r\n\r\ninput[type=\"text\"]:focus,\r\ninput[type=\"email\"]:focus,\r\ninput[type=\"tel\"]:focus,\r\ntextarea:focus {\r\n    outline: none;\r\n}\r\n\r\ntextarea {\r\n    resize: vertical;\r\n    min-height: 120px;\r\n}\r\n\r\n.char-count {\r\n    color: rgba(23, 46, 31, 0.75);\r\n    font-family: Figtree;\r\n    font-size: 14px !important;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: normal;\r\n    text-align: left;\r\n}\r\n\r\n.submit-btn {\r\n    background-color: rgba(222, 180, 112, 0.30);\r\n    padding: 8px 16px !important;\r\n    border: none !important;\r\n    border-radius: 8px !important;\r\n    cursor: pointer !important;\r\n    transition: background-color 0.3s ease;\r\n    float: right;\r\n    color: #2B4333 !important;\r\n    font-family: Figtree !important;\r\n    font-size: 16px !important;\r\n    font-style: normal !important;\r\n    font-weight: 500 !important;\r\n    line-height: normal !important;\r\n}\r\n\r\n.submit-btn:hover {\r\n    background-color: #E0B36F !important;\r\n}\r\n\r\n.submit-btn:disabled {\r\n    opacity: 0.6;\r\n    cursor: not-allowed;\r\n}\r\n\r\n\/* Custom Dropdown Styles *\/\r\n.custom-dropdown {\r\n    position: relative;\r\n    width: 100%;\r\n}\r\n\r\n.dropdown-header {\r\n    width: 100%;\r\n    padding: 12px;\r\n    border: none;\r\n    border-radius: 8px;\r\n    background-color: rgba(222, 180, 112, 0.30);\r\n    cursor: pointer;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    transition: border-color 0.3s ease;\r\n    color: rgba(23, 46, 31, 0.75);\r\n    font-family: Figtree;\r\n    font-size: 14px !important;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: normal;\r\n}\r\n\r\n.dropdown-header:hover {\r\n    border-color: #a0522d;\r\n}\r\n\r\n.dropdown-header.active {\r\n    border-bottom-left-radius: 0;\r\n    border-bottom-right-radius: 0;\r\n}\r\n\r\n.dropdown-arrow {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.dropdown-arrow svg {\r\n    width: 17px;\r\n    height: 16px;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.dropdown-arrow.active svg {\r\n    transform: rotate(180deg);\r\n}\r\n\r\n.dropdown-options {\r\n    position: absolute;\r\n    top: 100%;\r\n    left: 0;\r\n    right: 0;\r\n    z-index: 1000;\r\n    display: none;\r\n    padding: 8px 12px;\r\n    background: rgba(232, 214, 184, 0.70) !important;\r\n    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05) !important;\r\n    backdrop-filter: blur(17.5px) !important;\r\n    border-bottom-left-radius: 8px;\r\n    border-bottom-right-radius: 8px;\r\n}\r\n\r\n.dropdown-options.show {\r\n    display: block;\r\n}\r\n\r\n.dropdown-option {\r\n    padding: 4px 0;\r\n    cursor: pointer;\r\n    transition: background-color 0.2s ease;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 4px;\r\n    color: rgba(23, 46, 31, 0.75);\r\n    font-family: Figtree;\r\n    font-size: 14px !important;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: normal;\r\n    position: relative;\r\n}\r\n\r\n.dropdown-option:hover {\r\n    background-color: rgba(74, 82, 66, 0.1);\r\n}\r\n\r\n.dropdown-option.selected {\r\n    background-color: rgba(74, 82, 66, 0.2);\r\n}\r\n\r\n.dropdown-option:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n\/* Style pour les checkboxes *\/\r\n.dropdown-option input[type=\"checkbox\"] {\r\n    margin: 0;\r\n    cursor: pointer;\r\n    pointer-events: none;\r\n}\r\n\r\n.dropdown-option label {\r\n    margin: 0;\r\n    cursor: pointer;\r\n    font-weight: normal;\r\n    flex: 1;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* Style personnalis\u00e9 pour les checkboxes *\/\r\n.dropdown-option input[type=\"checkbox\"] {\r\n    appearance: none;\r\n    -webkit-appearance: none;\r\n    width: 10px;\r\n    height: 10px;\r\n    border: 1px solid rgba(23, 46, 31, 0.75);\r\n    border-radius: 100px;\r\n    background-color: transparent;\r\n    position: relative;\r\n    cursor: pointer;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.dropdown-option input[type=\"checkbox\"]:checked {\r\n    border-color: #4a5242;\r\n    background-color: #4a5242;\r\n}\r\n\r\n.dropdown-option input[type=\"checkbox\"]:checked::after {\r\n    content: '\u2713';\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    color: white;\r\n    font-size: 10px;\r\n    font-weight: bold;\r\n}\r\n\r\n\/* Messages de statut *\/\r\n.form-message {\r\n    padding: 15px;\r\n    margin: 20px 0;\r\n    border-radius: 6px;\r\n    font-weight: 600;\r\n}\r\n\r\n.form-message.success {\r\n    background-color: #d4edda;\r\n    color: #155724;\r\n    border: 1px solid #c3e6cb;\r\n}\r\n\r\n.form-message.error {\r\n    background-color: #f8d7da;\r\n    color: #721c24;\r\n    border: 1px solid #f5c6cb;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 768px) {\r\n    .form-row {\r\n        flex-direction: column;\r\n        gap: 15px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\njQuery(document).ready(function($) {\r\n    const MAX_CHARS = 300;\r\n    \r\n    \/\/ Language detection\r\n    function getCurrentLanguage() {\r\n        return window.location.pathname.includes(\"\/en\/\") ? \"en\" : \"fr\";\r\n    }\r\n    \r\n    \/\/ Translation function\r\n    function translateText() {\r\n        const lang = getCurrentLanguage();\r\n        const isEnglish = lang === \"en\";\r\n        \r\n        \/\/ Translate labels\r\n        $('label[data-fr][data-en]').each(function() {\r\n            $(this).text(isEnglish ? $(this).attr('data-en') : $(this).attr('data-fr'));\r\n        });\r\n        \r\n        \/\/ Translate placeholders\r\n        $('.dropdown-text[data-placeholder-fr][data-placeholder-en]').each(function() {\r\n            const placeholder = isEnglish ? $(this).attr('data-placeholder-en') : $(this).attr('data-placeholder-fr');\r\n            $(this).text(placeholder);\r\n        });\r\n        \r\n        \/\/ Translate dropdown options\r\n        $('.dropdown-option label[data-fr][data-en]').each(function() {\r\n            $(this).text(isEnglish ? $(this).attr('data-en') : $(this).attr('data-fr'));\r\n        });\r\n        \r\n        \/\/ Translate button\r\n        $('.submit-btn[data-fr][data-en]').text(isEnglish ? $('.submit-btn').attr('data-en') : $('.submit-btn').attr('data-fr'));\r\n        \r\n        \/\/ Translate character count\r\n        $('#charCount').next('span').text(isEnglish ? 'characters maximum' : 'caract\u00e8res maximum');\r\n    }\r\n    \r\n    \/\/ Build API URL\r\n    function getEquipeApiUrl() {\r\n        return getCurrentLanguage() === \"en\" ? \"\/wp-json\/wp\/v2\/equipe?lang=en\" : \"\/wp-json\/wp\/v2\/equipe\";\r\n    }\r\n    \r\n    \/\/ Character counter\r\n    $(\"#message\").on(\"input\", function() {\r\n        const currentLength = this.value.length;\r\n        $(\"#charCount\").text(currentLength);\r\n        \r\n        if (currentLength > MAX_CHARS) {\r\n            this.value = this.value.substring(0, MAX_CHARS);\r\n            $(\"#charCount\").text(MAX_CHARS);\r\n        }\r\n    });\r\n\r\n    \/\/ Custom dropdown management\r\n    function initCustomDropdown(dropdownElement, optionsContainer, hiddenInput, isMultiple) {\r\n        const header = dropdownElement.find(\".dropdown-header\");\r\n        const arrow = dropdownElement.find(\".dropdown-arrow\");\r\n        const text = dropdownElement.find(\".dropdown-text\");\r\n\r\n        \/\/ Toggle dropdown\r\n        header.on(\"click\", function(e) {\r\n            e.stopPropagation();\r\n            \r\n            const options = dropdownElement.find(\".dropdown-options\");\r\n            const isOpen = options.hasClass(\"show\");\r\n            \r\n            if (isOpen) {\r\n                closeDropdown(options, header, arrow);\r\n            } else {\r\n                \/\/ Close other dropdowns\r\n                closeAllDropdowns();\r\n                \r\n                \/\/ Open current dropdown\r\n                openDropdown(options, header, arrow);\r\n            }\r\n        });\r\n\r\n        if (isMultiple) {\r\n            \/\/ Multiple choice management\r\n            optionsContainer.on(\"click\", \".dropdown-option\", function(e) {\r\n                e.preventDefault();\r\n                e.stopPropagation();\r\n                \r\n                const option = $(this);\r\n                const checkbox = option.find(\"input[type=checkbox]\");\r\n                const isChecked = checkbox.is(\":checked\");\r\n                \r\n                \/\/ Toggle checkbox state\r\n                checkbox.prop(\"checked\", !isChecked);\r\n                \r\n                \/\/ Update visual selection\r\n                option.toggleClass(\"selected\", !isChecked);\r\n                \r\n                updateMultipleSelection(dropdownElement, hiddenInput);\r\n            });\r\n        } else {\r\n            \/\/ Single choice management\r\n            optionsContainer.on(\"click\", \".dropdown-option\", function(e) {\r\n                e.preventDefault();\r\n                e.stopPropagation();\r\n                \r\n                const value = $(this).data(\"value\");\r\n                const displayText = $(this).text();\r\n                \r\n                \/\/ Update display and hidden input\r\n                text.text(displayText);\r\n                hiddenInput.val(value);\r\n                \r\n                \/\/ Update visual selection\r\n                optionsContainer.find(\".dropdown-option\").removeClass(\"selected\");\r\n                $(this).addClass(\"selected\");\r\n                \r\n                \/\/ Auto-close for personne dropdown\r\n                if (dropdownElement.attr(\"id\") === \"personneDropdown\") {\r\n                    closeDropdown(optionsContainer, header, arrow);\r\n                }\r\n            });\r\n        }\r\n    }\r\n\r\n    \/\/ Helper functions for dropdown management\r\n    function openDropdown(options, header, arrow) {\r\n        options.addClass(\"show\");\r\n        header.addClass(\"active\");\r\n        arrow.addClass(\"active\");\r\n    }\r\n\r\n    function closeDropdown(options, header, arrow) {\r\n        options.removeClass(\"show\");\r\n        header.removeClass(\"active\");\r\n        arrow.removeClass(\"active\");\r\n    }\r\n\r\n    function closeAllDropdowns() {\r\n        $(\".custom-dropdown\").each(function() {\r\n            const $this = $(this);\r\n            closeDropdown(\r\n                $this.find(\".dropdown-options\"),\r\n                $this.find(\".dropdown-header\"),\r\n                $this.find(\".dropdown-arrow\")\r\n            );\r\n        });\r\n    }\r\n\r\n    \/\/ Update multiple selection display\r\n    function updateMultipleSelection(dropdownElement, hiddenInput) {\r\n        const selectedValues = [];\r\n        const dropdownId = dropdownElement.attr(\"id\");\r\n        \r\n        if (dropdownId === \"horaireDropdown\") {\r\n            $(\"#horaireOptions input[type=checkbox]:checked\").each(function() {\r\n                selectedValues.push($(this).val());\r\n            });\r\n        } else if (dropdownId === \"serviceDropdown\") {\r\n            $(\"#serviceOptions input[type=checkbox]:checked\").each(function() {\r\n                selectedValues.push($(this).val());\r\n            });\r\n        }\r\n        \r\n        const lang = getCurrentLanguage();\r\n        const isEnglish = lang === \"en\";\r\n        const placeholder = isEnglish ? \r\n            dropdownElement.find(\".dropdown-text\").attr(\"data-placeholder-en\") : \r\n            dropdownElement.find(\".dropdown-text\").attr(\"data-placeholder-fr\");\r\n        const displayText = selectedValues.length > 0 ? selectedValues.join(\", \") : placeholder;\r\n        \r\n        dropdownElement.find(\".dropdown-text\").text(displayText);\r\n        hiddenInput.val(selectedValues.join(\",\"));\r\n    }\r\n\r\n    \/\/ Load team data from API\r\n    function loadEquipeData() {\r\n        $.ajax({\r\n            url: getEquipeApiUrl(),\r\n            method: \"GET\",\r\n            success: function(data) {\r\n                const personneOptions = $(\"#personneOptions\");\r\n                personneOptions.empty();\r\n\r\n                if (data && data.length > 0) {\r\n                    data.forEach(function(membre) {\r\n                        const displayName = membre.title?.rendered || membre.name || \"Member\";\r\n                        const option = $(\"<div>\")\r\n                            .addClass(\"dropdown-option\")\r\n                            .attr(\"data-value\", membre.id)\r\n                            .text(displayName);\r\n                        personneOptions.append(option);\r\n                    });\r\n                } else {\r\n                    const lang = getCurrentLanguage();\r\n                    const noMembersText = lang === \"en\" ? \"No members available\" : \"Aucun membre disponible\";\r\n                    personneOptions.html('<div class=\"dropdown-option\" data-value=\"\">' + noMembersText + '<\/div>');\r\n                }\r\n            },\r\n            error: function() {\r\n                const lang = getCurrentLanguage();\r\n                const errorText = lang === \"en\" ? \"Loading error\" : \"Erreur de chargement\";\r\n                $(\"#personneOptions\").html('<div class=\"dropdown-option\" data-value=\"\">' + errorText + '<\/div>');\r\n            }\r\n        });\r\n    }\r\n\r\n    \/\/ Initialize dropdowns\r\n    loadEquipeData();\r\n    \r\n    initCustomDropdown($(\"#personneDropdown\"), $(\"#personneOptions\"), $(\"#personne\"), false);\r\n    initCustomDropdown($(\"#horaireDropdown\"), $(\"#horaireOptions\"), $(\"#horaire\"), true);\r\n    initCustomDropdown($(\"#serviceDropdown\"), $(\"#serviceOptions\"), $(\"#service\"), true);\r\n    \r\n    \/\/ Close dropdowns when clicking outside\r\n    $(document).on(\"click\", function(e) {\r\n        if (!$(e.target).closest(\".custom-dropdown\").length) {\r\n            closeAllDropdowns();\r\n        }\r\n    });\r\n\r\n    \/\/ Form submission\r\n    $(\"#contactForm\").on(\"submit\", function(e) {\r\n        e.preventDefault();\r\n        \r\n        const submitBtn = $(\".submit-btn\");\r\n        const formMessages = $(\"#formMessages\");\r\n        const lang = getCurrentLanguage();\r\n        const isEnglish = lang === \"en\";\r\n        \r\n        \/\/ Disable submit button and show loading\r\n        const sendingText = isEnglish ? \"Sending...\" : \"Envoi...\";\r\n        const sendText = isEnglish ? \"Send\" : \"Envoyer\";\r\n        submitBtn.prop(\"disabled\", true).text(sendingText);\r\n        formMessages.hide();\r\n        \r\n        \/\/ Collect form data\r\n        const formData = {\r\n            nom: $(\"#nom\").val(),\r\n            email: $(\"#email\").val(),\r\n            telephone: $(\"#telephone\").val(),\r\n            personne: $(\"#personne\").val(),\r\n            horaire: $(\"#horaire\").val(),\r\n            service: $(\"#service\").val(),\r\n            message: $(\"#message\").val(),\r\n            lang: lang\r\n        };\r\n        \r\n        \/\/ Submit via REST API\r\n        $.ajax({\r\n            url: \"\/wp-json\/contact-form\/v1\/submit\",\r\n            method: \"POST\",\r\n            data: formData,\r\n            dataType: \"json\",\r\n            success: function(response) {\r\n                if (response.success) {\r\n                    showSuccessMessage(response.message);\r\n                    resetForm();\r\n                } else {\r\n                    showErrorMessage(response.message);\r\n                }\r\n            },\r\n            error: function(xhr, status, error) {\r\n                let errorMessage = isEnglish ? \r\n                    \"Error during sending. Please try again.\" : \r\n                    \"Erreur lors de l'envoi. Veuillez r\u00e9essayer.\";\r\n                \r\n                try {\r\n                    const errorResponse = JSON.parse(xhr.responseText);\r\n                    if (errorResponse.message) {\r\n                        errorMessage = errorResponse.message;\r\n                    }\r\n                } catch (e) {\r\n                    \/\/ Use default error message\r\n                }\r\n                \r\n                showErrorMessage(errorMessage);\r\n            },\r\n            complete: function() {\r\n                submitBtn.prop(\"disabled\", false).text(sendText);\r\n            }\r\n        });\r\n    });\r\n\r\n    \/\/ Helper functions for form management\r\n    function showSuccessMessage(message) {\r\n        $(\"#formMessages\").html('<div class=\"form-message success\">' + message + '<\/div>').show();\r\n    }\r\n\r\n    function showErrorMessage(message) {\r\n        $(\"#formMessages\").html('<div class=\"form-message error\">' + message + '<\/div>').show();\r\n    }\r\n\r\n    function resetForm() {\r\n        $(\"#contactForm\")[0].reset();\r\n        \r\n        \/\/ Reset dropdowns to placeholders\r\n        $(\".dropdown-text\").each(function() {\r\n            const lang = getCurrentLanguage();\r\n            const isEnglish = lang === \"en\";\r\n            const placeholder = isEnglish ? \r\n                $(this).attr(\"data-placeholder-en\") : \r\n                $(this).attr(\"data-placeholder-fr\");\r\n            if (placeholder) {\r\n                $(this).text(placeholder);\r\n            }\r\n        });\r\n        \r\n        \/\/ Reset selections\r\n        $(\".dropdown-option\").removeClass(\"selected\");\r\n        $(\"#charCount\").text(\"0\");\r\n    }\r\n\r\n    \/\/ Initialize translation on page load\r\n    translateText();\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a719e37 elementor-widget elementor-widget-text-editor\" data-id=\"a719e37\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Feel free to email us at <a href=\"mailto:info@osalonmtl.ca\">info@osalonmtl.ca<\/a> if you have any questions.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ed7bb40 e-con-full e-flex e-con e-child\" data-id=\"ed7bb40\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9fe6c01 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"9fe6c01\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Your hairstylists\u2019 schedule<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-323a916 elementor-widget elementor-widget-shortcode\" data-id=\"323a916\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"form-group\"><div class=\"custom-dropdown\" id=\"membreDropdown\"><div class=\"dropdown-header\"><span class=\"dropdown-text\">Caro Fortin<\/span><div class=\"dropdown-arrow\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"17\" height=\"16\" viewBox=\"0 0 17 16\" fill=\"none\"><g opacity=\"0.7\"><path d=\"M13.5989 6.26541L8.59891 11.2654C8.5286 11.3356 8.43328 11.3751 8.33391 11.3751C8.23453 11.3751 8.13922 11.3356 8.06891 11.2654L3.06891 6.26541C3.00267 6.19432 2.96661 6.1003 2.96832 6.00315C2.97003 5.906 3.00939 5.81331 3.0781 5.7446C3.1468 5.67589 3.2395 5.63654 3.33665 5.63482C3.4338 5.63311 3.52782 5.66917 3.59891 5.73541L8.33391 10.4698L13.0689 5.73541C13.14 5.66917 13.234 5.63311 13.3312 5.63482C13.4283 5.63654 13.521 5.67589 13.5897 5.7446C13.6584 5.81331 13.6978 5.906 13.6995 6.00315C13.7012 6.1003 13.6651 6.19432 13.5989 6.26541Z\" fill=\"#2B4333\"\/><\/g><\/svg><\/div><\/div><div class=\"dropdown-options\" id=\"membreOptions\"><div class=\"dropdown-option\" data-value=\"727\" selected>Caro Fortin<\/div><div class=\"dropdown-option\" data-value=\"303\">\u00c9lodie Bancel<\/div><div class=\"dropdown-option\" data-value=\"304\">Gladys Aguilar<\/div><div class=\"dropdown-option\" data-value=\"308\">Gordon Cooke<\/div><div class=\"dropdown-option\" data-value=\"302\">Jean-S\u00e9bastien Chalut<\/div><div class=\"dropdown-option\" data-value=\"311\">Lizelle Choquette<\/div><div class=\"dropdown-option\" data-value=\"305\">Mathilde Desrochers<\/div><div class=\"dropdown-option\" data-value=\"310\">Meagan Barron<\/div><div class=\"dropdown-option\" data-value=\"312\">Pita<\/div><div class=\"dropdown-option\" data-value=\"306\">Tom Russel<\/div><\/div><input type=\"hidden\" id=\"select-membre\" name=\"select-membre\" value=\"727\"><\/div><\/div><div id=\"heures-membre\"><\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e3ea959 elementor-widget elementor-widget-html\" data-id=\"e3ea959\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>#heures-membre {\r\n    color: #2B4333;\r\n    font-family: Figtree;\r\n    font-size: 12px;\r\n    font-weight: 400;\r\n    line-height: normal;\r\n    margin-top: 24px;\r\n  }\r\n\r\n  #heures-membre .horaire-content {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    width: 100%;\r\n    align-items: center;\r\n  }\r\n\r\n  #heures-membre .jour-style {\r\n    color: rgba(23, 46, 31, 0.75);\r\n    font-family: Figtree;\r\n    font-size: 24px;\r\n    font-weight: 700;\r\n    line-height: normal;\r\n  }\r\n\r\n  @media screen and (max-width: 767px) {\r\n    #heures-membre .jour-style {\r\n      font-size: 16px;\r\n    }\r\n    #heures-membre .heure-style {\r\n      font-size: 16px !important;\r\n    }\r\n  }\r\n\r\n  #heures-membre .heure-style {\r\n    color: rgba(23, 46, 31, 0.75);\r\n    font-family: Figtree;\r\n    font-size: 24px;\r\n    font-weight: 400;\r\n    line-height: normal;\r\n  }\r\n\r\n  #heures-membre ul {\r\n    list-style: none;\r\n    padding-left: 0;\r\n    margin: 0;\r\n  }\r\n\r\n  #heures-membre li {\r\n    display: flex;\r\n    align-items: center;\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n  #heures-membre li svg {\r\n    flex-shrink: 0;\r\n    margin-right: 11px;\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n\r\n  \/* Cr\u00e9e un espace invisible pour \u00e9viter le d\u00e9calage quand il n'y a pas d'ic\u00f4ne *\/\r\n  #heures-membre li:not(:first-child)::before {\r\n    content: '';\r\n    width: 30px; \/* 20px ic\u00f4ne + 10px margin-right *\/\r\n    flex-shrink: 0;\r\n    margin-right: 0;\r\n  }\r\n\r\n  \/* Styles pour le dropdown (similaire formulaire contact) *\/\r\n  .form-group {\r\n    flex: 1;\r\n  }\r\n\r\n  .custom-dropdown {\r\n    position: relative;\r\n    width: 100%;\r\n  }\r\n\r\n  .dropdown-header {\r\n    width: 100%;\r\n    padding: 12px;\r\n    border: none;\r\n    border-radius: 8px;\r\n    background-color: rgba(222, 180, 112, 0.3);\r\n    cursor: pointer;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    transition: border-color 0.3s ease;\r\n    color: rgba(23, 46, 31, 0.75);\r\n    font-family: Figtree;\r\n    font-size: 12px;\r\n    font-weight: 400;\r\n    line-height: normal;\r\n  }\r\n\r\n  .dropdown-header:hover {\r\n    border-color: #a0522d;\r\n  }\r\n\r\n  .dropdown-header.active {\r\n    border-bottom-left-radius: 0;\r\n    border-bottom-right-radius: 0;\r\n  }\r\n\r\n  .dropdown-arrow {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .dropdown-arrow svg {\r\n    width: 17px;\r\n    height: 16px;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .dropdown-arrow.active svg {\r\n    transform: rotate(180deg);\r\n  }\r\n\r\n  .dropdown-options {\r\n    position: absolute;\r\n    top: 100%;\r\n    left: 0;\r\n    right: 0;\r\n    z-index: 1000;\r\n    display: none;\r\n    padding: 8px 12px;\r\n    background: rgba(232, 214, 184, 0.7);\r\n    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);\r\n    backdrop-filter: blur(17.5px);\r\n    border-bottom-left-radius: 8px;\r\n    border-bottom-right-radius: 8px;\r\n  }\r\n\r\n  .dropdown-options.show {\r\n    display: block;\r\n  }\r\n\r\n  .dropdown-option {\r\n    padding: 4px 0;\r\n    cursor: pointer;\r\n    transition: background-color 0.2s ease;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 4px;\r\n    color: rgba(23, 46, 31, 0.75);\r\n    font-family: Figtree;\r\n    font-size: 12px;\r\n    font-weight: 400;\r\n    line-height: normal;\r\n    position: relative;\r\n  }\r\n\r\n  .dropdown-option:hover {\r\n    background-color: rgba(74, 82, 66, 0.1);\r\n  }\r\n\r\n  .dropdown-option.selected {\r\n    background-color: rgba(74, 82, 66, 0.2);\r\n  }\r\n<\/style><script>jQuery(document).ready(function($) {\r\n  const currentLang = document.documentElement.lang || 'fr';\r\n\r\n  \/\/ Initialisation du dropdown\r\n  function initMembreDropdown() {\r\n    const $dropdown = $('#membreDropdown');\r\n    const $header = $dropdown.find('.dropdown-header');\r\n    const $options = $dropdown.find('.dropdown-options');\r\n    const $textSpan = $dropdown.find('.dropdown-text');\r\n    const $hiddenInput = $dropdown.find('input[type=\"hidden\"]');\r\n\r\n    \/\/ Toggle dropdown au clic sur header\r\n    $header.off('click').on('click', function(e) {\r\n      e.stopPropagation();\r\n      $header.toggleClass('active');\r\n      $options.toggleClass('show');\r\n      $header.find('.dropdown-arrow').toggleClass('active');\r\n    });\r\n\r\n    \/\/ S\u00e9lection d'une option\r\n    $dropdown.find('.dropdown-option').off('click').on('click', function(e) {\r\n      e.stopPropagation();\r\n\r\n      const $option = $(this);\r\n      const value = $option.data('value');\r\n      const text = $option.text();\r\n\r\n      if (!value || isNaN(value)) {\r\n        console.error('Valeur membre invalide:', value);\r\n        return;\r\n      }\r\n\r\n      $textSpan.text(text);\r\n      $hiddenInput.val(value);\r\n\r\n      $dropdown.find('.dropdown-option').removeClass('selected');\r\n      $option.addClass('selected');\r\n\r\n      \/\/ Fermer dropdown\r\n      $header.removeClass('active');\r\n      $options.removeClass('show');\r\n      $header.find('.dropdown-arrow').removeClass('active');\r\n\r\n      \/\/ Charger horaires\r\n      loadHoraires(value);\r\n    });\r\n\r\n    \/\/ Fermer dropdown au clic en dehors\r\n    $(document).off('click.membreDropdown').on('click.membreDropdown', function() {\r\n      $header.removeClass('active');\r\n      $options.removeClass('show');\r\n      $header.find('.dropdown-arrow').removeClass('active');\r\n    });\r\n  }\r\n\r\n  \/\/ Chargement des horaires via REST API\r\n  function loadHoraires(membreID) {\r\n    const container = document.getElementById('heures-membre');\r\n\r\n    if (!membreID || isNaN(membreID)) {\r\n      console.error('membreID invalide:', membreID);\r\n      container.innerHTML = '';\r\n      return;\r\n    }\r\n\r\n    container.innerHTML = 'Chargement...';\r\n\r\n    const svgIcon = `\r\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M9.5625 0.875C7.67122 0.875 5.82241 1.43583 4.24986 2.48657C2.67732 3.53731 1.45167 5.03077 0.727906 6.77809C0.00414312 8.52541 -0.185226 10.4481 0.183745 12.3031C0.552716 14.158 1.46346 15.8619 2.8008 17.1992C4.13814 18.5365 5.84201 19.4473 7.69695 19.8163C9.5519 20.1852 11.4746 19.9959 13.2219 19.2721C14.9692 18.5483 16.4627 17.3227 17.5134 15.7501C18.5642 14.1776 19.125 12.3288 19.125 10.4375C19.122 7.90228 18.1136 5.47175 16.3209 3.67908C14.5283 1.88641 12.0977 0.877977 9.5625 0.875ZM9.5625 18.875C7.89372 18.875 6.26242 18.3801 4.87488 17.453C3.48734 16.5259 2.40588 15.2081 1.76727 13.6664C1.12866 12.1246 0.961566 10.4281 1.28713 8.79143C1.61269 7.15471 2.41629 5.65129 3.59629 4.47129C4.7763 3.29128 6.27972 2.48769 7.91643 2.16212C9.55314 1.83656 11.2496 2.00365 12.7914 2.64227C14.3331 3.28088 15.6509 4.36234 16.578 5.74988C17.5052 7.13742 18 8.76872 18 10.4375C17.9975 12.6745 17.1078 14.8192 15.526 16.401C13.9442 17.9828 11.7995 18.8725 9.5625 18.875ZM15.375 10.4375C15.375 10.5867 15.3157 10.7298 15.2103 10.8352C15.1048 10.9407 14.9617 11 14.8125 11H9.5625C9.41332 11 9.27025 10.9407 9.16476 10.8352C9.05927 10.7298 9 10.5867 9 10.4375V5.1875C9 5.03832 9.05927 4.89524 9.16476 4.78975C9.27025 4.68426 9.41332 4.625 9.5625 4.625C9.71169 4.625 9.85476 4.68426 9.96025 4.78975C10.0657 4.89524 10.125 5.03832 10.125 5.1875V9.875H14.8125C14.9617 9.875 15.1048 9.93426 15.2103 10.0398C15.3157 10.1452 15.375 10.2883 15.375 10.4375Z\" fill=\"#FF5C63\"\/><\/svg>`;\r\n\r\n    const url = `\/wp-json\/monplugin\/v1\/horaires\/${encodeURIComponent(membreID)}?lang=${encodeURIComponent(currentLang)}`;\r\n    console.log('Chargement horaires, URL:', url);\r\n\r\n    $.ajax({\r\n      url: url,\r\n      method: 'GET',\r\n      dataType: 'json',\r\n      success: function(data) {\r\n        if (!data || data.length === 0) {\r\n          container.innerHTML = \"Pas d'horaires pour ce membre.\";\r\n          return;\r\n        }\r\n\r\n        let html = '<ul>';\r\n        data.forEach((horaire, index) => {\r\n          const icon = index === 0 ? svgIcon : '';\r\n          html += `\r\n            <li>${icon}\r\n              <div class=\"horaire-content\"><strong class=\"jour-style\">${horaire.jour}<\/strong><span class=\"heure-style\">${horaire.heure}<\/span><\/div><\/li>`;\r\n        });\r\n        html += '<\/ul>';\r\n        container.innerHTML = html;\r\n      },\r\n      error: function(xhr, status, error) {\r\n        container.innerHTML = 'Erreur lors du chargement des horaires.';\r\n        console.error('Erreur REST horaires:', status, error);\r\n      }\r\n    });\r\n  }\r\n\r\n  \/\/ Initialisation\r\n  initMembreDropdown();\r\n\r\n  \/\/ Chargement initial (si valeur par d\u00e9faut)\r\n  const defaultMembreId = $('#select-membre').val();\r\n  if (defaultMembreId && !isNaN(defaultMembreId)) {\r\n    loadHoraires(defaultMembreId);\r\n  }\r\n\r\n  \/\/ Re-initialisation au bout de 2s (fallback Elementor)\r\n  setTimeout(initMembreDropdown, 2000);\r\n\r\n  \/\/ Re-init au chargement frontend Elementor\r\n  $(window).on('elementor\/frontend\/init', function() {\r\n    setTimeout(initMembreDropdown, 1000);\r\n  });\r\n});\r\n<\/script>\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>Book an appointment Treat yourself to a beauty moment in the heart of Plateau Mont-Royal. Book today. 4672 Saint-Denis Street, Montreal Call us to book any service 514.523.7878 Book an appointment Other service requests Full name Email address Phone Number Your preferred stylist The time that suits you Monday morning Monday afternoon Tuesday morning Tuesday [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-298","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Appointment - O Salon<\/title>\n<meta name=\"description\" content=\"Book at O Salon in Plateau Mont-Royal: hairdressing, coloring, updos, hair care, and makeup. Online, by phone, or in person.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/osalonmtl.ca\/en\/appointment\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Appointment - O Salon\" \/>\n<meta property=\"og:description\" content=\"Book at O Salon in Plateau Mont-Royal: hairdressing, coloring, updos, hair care, and makeup. Online, by phone, or in person.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/osalonmtl.ca\/en\/appointment\/\" \/>\n<meta property=\"og:site_name\" content=\"O Salon\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/osalonmtl\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-20T16:28:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/osalonmtl.ca\/wp-content\/uploads\/2025\/08\/image-3-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"541\" \/>\n\t<meta property=\"og:image:height\" content=\"485\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/osalonmtl.ca\/en\/appointment\/\",\"url\":\"https:\/\/osalonmtl.ca\/en\/appointment\/\",\"name\":\"Appointment - O Salon\",\"isPartOf\":{\"@id\":\"https:\/\/osalonmtl.ca\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/osalonmtl.ca\/en\/appointment\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/osalonmtl.ca\/en\/appointment\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/osalonmtl.ca\/wp-content\/uploads\/2025\/08\/image-3-1.png\",\"datePublished\":\"2025-08-04T13:30:41+00:00\",\"dateModified\":\"2025-11-20T16:28:32+00:00\",\"description\":\"Book at O Salon in Plateau Mont-Royal: hairdressing, coloring, updos, hair care, and makeup. Online, by phone, or in person.\",\"breadcrumb\":{\"@id\":\"https:\/\/osalonmtl.ca\/en\/appointment\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/osalonmtl.ca\/en\/appointment\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/osalonmtl.ca\/en\/appointment\/#primaryimage\",\"url\":\"https:\/\/osalonmtl.ca\/wp-content\/uploads\/2025\/08\/image-3-1.png\",\"contentUrl\":\"https:\/\/osalonmtl.ca\/wp-content\/uploads\/2025\/08\/image-3-1.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/osalonmtl.ca\/en\/appointment\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/osalonmtl.ca\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Appointment\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/osalonmtl.ca\/en\/#website\",\"url\":\"https:\/\/osalonmtl.ca\/en\/\",\"name\":\"O Salon\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/osalonmtl.ca\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/osalonmtl.ca\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/osalonmtl.ca\/en\/#organization\",\"name\":\"O Salon\",\"url\":\"https:\/\/osalonmtl.ca\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/osalonmtl.ca\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/osalondev.wpenginepowered.com\/wp-content\/uploads\/2025\/08\/image-20.png\",\"contentUrl\":\"https:\/\/osalondev.wpenginepowered.com\/wp-content\/uploads\/2025\/08\/image-20.png\",\"width\":193,\"height\":77,\"caption\":\"O Salon\"},\"image\":{\"@id\":\"https:\/\/osalonmtl.ca\/en\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/osalonmtl\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Appointment - O Salon","description":"Book at O Salon in Plateau Mont-Royal: hairdressing, coloring, updos, hair care, and makeup. Online, by phone, or in person.","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:\/\/osalonmtl.ca\/en\/appointment\/","og_locale":"en_US","og_type":"article","og_title":"Appointment - O Salon","og_description":"Book at O Salon in Plateau Mont-Royal: hairdressing, coloring, updos, hair care, and makeup. Online, by phone, or in person.","og_url":"https:\/\/osalonmtl.ca\/en\/appointment\/","og_site_name":"O Salon","article_publisher":"https:\/\/www.facebook.com\/osalonmtl","article_modified_time":"2025-11-20T16:28:32+00:00","og_image":[{"width":541,"height":485,"url":"https:\/\/osalonmtl.ca\/wp-content\/uploads\/2025\/08\/image-3-1.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/osalonmtl.ca\/en\/appointment\/","url":"https:\/\/osalonmtl.ca\/en\/appointment\/","name":"Appointment - O Salon","isPartOf":{"@id":"https:\/\/osalonmtl.ca\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/osalonmtl.ca\/en\/appointment\/#primaryimage"},"image":{"@id":"https:\/\/osalonmtl.ca\/en\/appointment\/#primaryimage"},"thumbnailUrl":"https:\/\/osalonmtl.ca\/wp-content\/uploads\/2025\/08\/image-3-1.png","datePublished":"2025-08-04T13:30:41+00:00","dateModified":"2025-11-20T16:28:32+00:00","description":"Book at O Salon in Plateau Mont-Royal: hairdressing, coloring, updos, hair care, and makeup. Online, by phone, or in person.","breadcrumb":{"@id":"https:\/\/osalonmtl.ca\/en\/appointment\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/osalonmtl.ca\/en\/appointment\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/osalonmtl.ca\/en\/appointment\/#primaryimage","url":"https:\/\/osalonmtl.ca\/wp-content\/uploads\/2025\/08\/image-3-1.png","contentUrl":"https:\/\/osalonmtl.ca\/wp-content\/uploads\/2025\/08\/image-3-1.png"},{"@type":"BreadcrumbList","@id":"https:\/\/osalonmtl.ca\/en\/appointment\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/osalonmtl.ca\/en\/"},{"@type":"ListItem","position":2,"name":"Appointment"}]},{"@type":"WebSite","@id":"https:\/\/osalonmtl.ca\/en\/#website","url":"https:\/\/osalonmtl.ca\/en\/","name":"O Salon","description":"","publisher":{"@id":"https:\/\/osalonmtl.ca\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/osalonmtl.ca\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/osalonmtl.ca\/en\/#organization","name":"O Salon","url":"https:\/\/osalonmtl.ca\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/osalonmtl.ca\/en\/#\/schema\/logo\/image\/","url":"https:\/\/osalondev.wpenginepowered.com\/wp-content\/uploads\/2025\/08\/image-20.png","contentUrl":"https:\/\/osalondev.wpenginepowered.com\/wp-content\/uploads\/2025\/08\/image-20.png","width":193,"height":77,"caption":"O Salon"},"image":{"@id":"https:\/\/osalonmtl.ca\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/osalonmtl"]}]}},"_links":{"self":[{"href":"https:\/\/osalonmtl.ca\/en\/wp-json\/wp\/v2\/pages\/298","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/osalonmtl.ca\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/osalonmtl.ca\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/osalonmtl.ca\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/osalonmtl.ca\/en\/wp-json\/wp\/v2\/comments?post=298"}],"version-history":[{"count":16,"href":"https:\/\/osalonmtl.ca\/en\/wp-json\/wp\/v2\/pages\/298\/revisions"}],"predecessor-version":[{"id":762,"href":"https:\/\/osalonmtl.ca\/en\/wp-json\/wp\/v2\/pages\/298\/revisions\/762"}],"wp:attachment":[{"href":"https:\/\/osalonmtl.ca\/en\/wp-json\/wp\/v2\/media?parent=298"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}