{"id":21,"date":"2026-07-01T18:15:57","date_gmt":"2026-07-01T18:15:57","guid":{"rendered":"https:\/\/carentalagadir.com\/?page_id=21"},"modified":"2026-09-05T14:58:54","modified_gmt":"2026-09-05T14:58:54","slug":"hostel","status":"publish","type":"page","link":"https:\/\/carentalagadir.com\/fr\/hostel\/","title":{"rendered":"Hostel"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"21\" class=\"elementor elementor-21\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-77bb13b e-con e-atomic-element e-flexbox-base e-12b7574 \" data-id=\"77bb13b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"77bb13b\">\n    \t\t<div class=\"elementor-element elementor-element-8c6ddd4 elementor-widget elementor-widget-html\" data-id=\"8c6ddd4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"hostel-hero-section\">\r\n    <!-- Replace the background image URL in the CSS with a real photo of your hostel or Aghroud beach -->\r\n    <div class=\"hostel-hero-overlay\"><\/div>\r\n    \r\n    <div class=\"hostel-hero-content\">\r\n        <span class=\"hostel-tagline\">Ocean Beach Retreat<\/span>\r\n        <h1 class=\"hostel-headline\">Your Magical<br>Oceanfront Retreat<\/h1>\r\n        <p class=\"hostel-subtext\">Escape to our peaceful retreat with our exclusive \u201cDrive & Stay\u201d package. Pick up your car in Agadir and set off for our ocean-view retreat, nestled in a serene and peaceful setting. Experience the freedom of the open road while enjoying the tranquility and beauty of your surroundings.<\/p>\r\n        \r\n        <div class=\"hostel-hero-actions\">\r\n            <!-- Ensure the href matches the ID of your booking section -->\r\n            <a href=\"#booking-section\" class=\"hostel-cta-btn\">Select Your Accommodation<\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-64f5640 e-con e-atomic-element e-flexbox-base e-53e9c63 \" data-id=\"64f5640\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"64f5640\">\n    \t\t<div class=\"elementor-element elementor-element-8e15b10 elementor-widget elementor-widget-html\" data-id=\"8e15b10\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <style>\r\n        .ds-isolated-wrapper { font-family: 'Montserrat', sans-serif; background: transparent; padding: 20px 0; }\r\n        .ds-isolated-wrapper *, .ds-isolated-wrapper *::before, .ds-isolated-wrapper *::after { box-sizing: border-box; }\r\n        .ds-isolated-wrapper .property-card { background-color: #ffffff; border-radius: 12px; overflow: hidden; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08); max-width: 750px; width: 100%; margin: 0 auto; border: 1px solid #eaeaea; display: flex; flex-direction: column; }\r\n        .ds-isolated-wrapper .card-content { padding: 24px; display: flex; flex-direction: column; }\r\n        .ds-isolated-wrapper .card-top-row { display: flex; justify-content: space-between; align-items: flex-start; border-bottom: 1px solid #f0f0f0; padding-bottom: 20px; margin-bottom: 20px; }\r\n        .ds-isolated-wrapper .property-info .badge { display: inline-block; background-color: #e0e0e0; color: #333333; padding: 4px 10px; border-radius: 4px; font-size: 0.8rem; font-weight: bold; text-transform: uppercase; margin-bottom: 12px; }\r\n        .ds-isolated-wrapper .property-info .title { margin: 0 0 6px 0; font-size: 1.5rem; color: #1a1a1a; font-weight: 700; line-height: 1.2; }\r\n        .ds-isolated-wrapper .property-info .subtitle { margin: 0; font-size: 0.95rem; color: #666666; }\r\n        .ds-isolated-wrapper .property-action { text-align: right; display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }\r\n        .ds-isolated-wrapper .price-info .amount { font-size: 1.6rem; font-weight: 800; color: #1a1a1a; display: block; line-height: 1; }\r\n        .ds-isolated-wrapper .price-info .period { font-size: 0.85rem; color: #888888; }\r\n        .ds-isolated-wrapper .book-btn { background-color: #6633FF; color: #ffffff; border: none; padding: 10px 24px; border-radius: 6px; font-size: 1rem; font-weight: bold; cursor: pointer; transition: background-color 0.2s ease; }\r\n        .ds-isolated-wrapper .book-btn:hover { background-color: #4b25c2; }\r\n        .ds-isolated-wrapper .property-description { font-size: 0.95rem; color: #555555; line-height: 1.6; margin: 0 0 20px 0; }\r\n        .ds-isolated-wrapper .amenities-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }\r\n        .ds-isolated-wrapper .amenity { display: flex; align-items: center; font-size: 0.9rem; color: #444444; margin: 0; }\r\n        .ds-isolated-wrapper .amenity span { margin-right: 8px; font-size: 1.1rem; }\r\n        .ds-isolated-wrapper .slider-container { position: relative; width: 100%; }\r\n        .ds-isolated-wrapper .nav-btn { position: absolute; top: 50%; transform: translateY(-50%); background-color: rgba(255, 255, 255, 0.8); border: none; width: 36px; height: 36px; border-radius: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer; box-shadow: 0 2px 6px rgba(0,0,0,0.15); z-index: 10; color: #333; font-size: 16px; font-weight: bold; transition: all 0.2s ease; }\r\n        .ds-isolated-wrapper .nav-btn:hover { background-color: #ffffff; color: #6633FF; transform: translateY(-50%) scale(1.1); }\r\n        .ds-isolated-wrapper .prev-btn { left: 10px; } .ds-isolated-wrapper .next-btn { right: 10px; }\r\n        .ds-isolated-wrapper .image-slider { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; scrollbar-width: none; height: 240px; margin: 0; padding: 0; }\r\n        .ds-isolated-wrapper .image-slider::-webkit-scrollbar { display: none; }\r\n        .ds-isolated-wrapper .image-slider img { flex: 0 0 100%; width: 100%; height: 100%; object-fit: cover; scroll-snap-align: center; cursor: zoom-in; border: none; margin: 0; padding: 0; max-width: none; }\r\n        .ds-isolated-wrapper .swipe-hint { position: absolute; bottom: 15px; right: 15px; background-color: rgba(0, 0, 0, 0.6); color: white; padding: 4px 10px; border-radius: 20px; font-size: 0.75rem; font-weight: bold; pointer-events: none; z-index: 10; }\r\n        .ds-lightbox-modal { display: none; position: fixed; z-index: 99999; padding-top: 50px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.9); }\r\n        .ds-lightbox-content { margin: auto; display: block; max-width: 90%; max-height: 85vh; object-fit: contain; border-radius: 8px; animation: dsZoomEffect 0.3s ease; }\r\n        @keyframes dsZoomEffect { from {transform: scale(0.8)} to {transform: scale(1)} }\r\n        .ds-lightbox-close { position: absolute; top: 20px; right: 35px; color: #f1f1f1; font-size: 40px; font-weight: bold; transition: 0.3s; cursor: pointer; line-height: 1; }\r\n        .ds-lightbox-close:hover, .ds-lightbox-close:focus { color: #bbb; text-decoration: none; }\r\n        @media (max-width: 600px) { .ds-isolated-wrapper .card-top-row { flex-direction: column; gap: 20px; } .ds-isolated-wrapper .property-action { align-items: flex-start; text-align: left; } .ds-isolated-wrapper .amenities-grid { grid-template-columns: 1fr 1fr; } .ds-lightbox-content { max-width: 100%; } .ds-isolated-wrapper .swipe-hint { display: none; } }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"ds-isolated-wrapper\">\r\n        <div class=\"property-card\">\r\n            <div class=\"card-content\">\r\n                <div class=\"card-top-row\">\r\n                    <div class=\"property-info\">\r\n                        <span class=\"badge\">2nd Floor<\/span>\r\n                        <h2 class=\"title\">1 Large Double Bed<\/h2>\r\n                        <p class=\"subtitle\">1 Large Double Bed<\/p>\r\n                    <\/div>\r\n                    <div class=\"property-action\">\r\n                        <div class=\"price-info\">\r\n                            <span class=\"amount\">300 MAD<\/span> \r\n                            <span class=\"period\">\/ night<\/span>\r\n                        <\/div>\r\n                        <a href=\"#booking-section\" class=\"book-btn\" style=\"text-decoration: none; text-align: center; display: inline-block;\">Book Now<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                <p class=\"property-description\">\r\n                    Bright and cozy, this private room on the second floor is perfect for couples, solo travelers, and surfers. After a day riding the waves, unwind in a peaceful space designed to help you relax and recharge.\r\n                <\/p>\r\n                <div class=\"amenities-grid\">\r\n                    <div class=\"amenity\"><span>\ud83d\udebf<\/span> Private Shower<\/div>\r\n                    <div class=\"amenity\"><span>\ud83d\udcf6<\/span> Free WiFi<\/div>\r\n                    <div class=\"amenity\"><span>\ud83d\udcfa<\/span> Flat TV<\/div>\r\n                    <div class=\"amenity\"><span>\ud83c\udf0a<\/span> Sea View Terrace<\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"slider-container\">\r\n                <button class=\"nav-btn prev-btn\" aria-label=\"Previous\">&#10094;<\/button>\r\n                <button class=\"nav-btn next-btn\" aria-label=\"Next\">&#10095;<\/button>\r\n                <div class=\"swipe-hint\">\u2194 Swipe<\/div>\r\n                <div class=\"image-slider\" id=\"dsSliderCore\">\r\n                    <img decoding=\"async\" src=\"https:\/\/carentalagadir.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-15-at-14.31.48.webp\" alt=\"Main View\">\r\n                    <img decoding=\"async\" src=\"https:\/\/carentalagadir.com\/wp-content\/uploads\/2026\/08\/1.webp\" alt=\"Main View\">\r\n                    <img decoding=\"async\" src=\"https:\/\/carentalagadir.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-15-at-14.31.43.webp\" alt=\"Private Bath\">\r\n                    <img decoding=\"async\" src=\"https:\/\/carentalagadir.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-25-at-20.06.38.webp\" alt=\"Private Bath\">\r\n                    <img decoding=\"async\" src=\"https:\/\/carentalagadir.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-15-at-14.31.44.webp\" alt=\"Sea View Terrace\">\r\n                    <img decoding=\"async\" src=\"https:\/\/carentalagadir.com\/wp-content\/uploads\/2026\/08\/2.webp\" alt=\"Sea View Terrace\">\r\n                    <img decoding=\"async\" src=\"https:\/\/carentalagadir.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-15-at-14.31.51-1.webp\" alt=\"Room Detail\">\r\n                    <img decoding=\"async\" src=\"https:\/\/carentalagadir.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-15-at-14.31.53.webp\" alt=\"Room View\">\r\n                    <img decoding=\"async\" src=\"https:\/\/carentalagadir.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-15-at-14.31.52.webp\" alt=\"Room View\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <div id=\"dsImageModal\" class=\"ds-lightbox-modal\">\r\n        <span class=\"ds-lightbox-close\">&times;<\/span>\r\n        <img class=\"ds-lightbox-content\" id=\"dsExpandedImg\">\r\n    <\/div>\r\n    <script>\r\n        const dsModal = document.getElementById(\"dsImageModal\");\r\n        const dsModalImg = document.getElementById(\"dsExpandedImg\");\r\n        const dsCloseBtn = document.getElementsByClassName(\"ds-lightbox-close\")[0];\r\n        const dsImages = document.querySelectorAll(\".ds-isolated-wrapper .image-slider img\");\r\n        dsImages.forEach(img => { img.addEventListener(\"click\", function() { dsModal.style.display = \"block\"; dsModalImg.src = this.src; }); });\r\n        dsCloseBtn.addEventListener(\"click\", function() { dsModal.style.display = \"none\"; });\r\n        dsModal.addEventListener(\"click\", function(e) { if (e.target !== dsModalImg) { dsModal.style.display = \"none\"; } });\r\n        const sliderCore = document.getElementById('dsSliderCore');\r\n        const prevBtn = document.querySelector('.prev-btn');\r\n        const nextBtn = document.querySelector('.next-btn');\r\n        prevBtn.addEventListener('click', () => { sliderCore.scrollBy({ left: -sliderCore.clientWidth, behavior: 'smooth' }); });\r\n        nextBtn.addEventListener('click', () => { sliderCore.scrollBy({ left: sliderCore.clientWidth, behavior: 'smooth' }); });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c6ec72c elementor-widget elementor-widget-html\" data-id=\"c6ec72c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <style>\r\n        .ds-isolated-wrapper-apt { font-family: 'Montserrat', sans-serif; background: transparent; padding: 20px 0; }\r\n        .ds-isolated-wrapper-apt *, .ds-isolated-wrapper-apt *::before, .ds-isolated-wrapper-apt *::after { box-sizing: border-box; }\r\n        .ds-isolated-wrapper-apt .property-card { background-color: #ffffff; border-radius: 12px; overflow: hidden; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08); max-width: 750px; width: 100%; margin: 0 auto; border: 1px solid #eaeaea; display: flex; flex-direction: column; }\r\n        .ds-isolated-wrapper-apt .card-content { padding: 24px; display: flex; flex-direction: column; }\r\n        .ds-isolated-wrapper-apt .card-top-row { display: flex; justify-content: space-between; align-items: flex-start; border-bottom: 1px solid #f0f0f0; padding-bottom: 20px; margin-bottom: 20px; }\r\n        .ds-isolated-wrapper-apt .property-info .badge { display: inline-block; background-color: #e0e0e0; color: #333333; padding: 4px 10px; border-radius: 4px; font-size: 0.8rem; font-weight: bold; text-transform: uppercase; margin-bottom: 12px; }\r\n        .ds-isolated-wrapper-apt .property-info .title { margin: 0 0 6px 0; font-size: 1.5rem; color: #1a1a1a; font-weight: 700; line-height: 1.2; }\r\n        .ds-isolated-wrapper-apt .property-info .subtitle { margin: 0; font-size: 0.95rem; color: #666666; }\r\n        .ds-isolated-wrapper-apt .property-action { text-align: right; display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }\r\n        .ds-isolated-wrapper-apt .price-info .amount { font-size: 1.6rem; font-weight: 800; color: #1a1a1a; display: block; line-height: 1; }\r\n        .ds-isolated-wrapper-apt .price-info .period { font-size: 0.85rem; color: #888888; }\r\n        .ds-isolated-wrapper-apt .book-btn { background-color: #6633FF; color: #ffffff; border: none; padding: 10px 24px; border-radius: 6px; font-size: 1rem; font-weight: bold; cursor: pointer; transition: background-color 0.2s ease; }\r\n        .ds-isolated-wrapper-apt .book-btn:hover { background-color: #4b25c2; }\r\n        .ds-isolated-wrapper-apt .property-description { font-size: 0.95rem; color: #555555; line-height: 1.6; margin: 0 0 20px 0; }\r\n        .ds-isolated-wrapper-apt .amenities-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; }\r\n        .ds-isolated-wrapper-apt .amenity { display: flex; align-items: center; font-size: 0.9rem; color: #444444; margin: 0; }\r\n        .ds-isolated-wrapper-apt .amenity span { margin-right: 8px; font-size: 1.1rem; }\r\n        .ds-isolated-wrapper-apt .slider-container { position: relative; width: 100%; }\r\n        .ds-isolated-wrapper-apt .nav-btn { position: absolute; top: 50%; transform: translateY(-50%); background-color: rgba(255, 255, 255, 0.8); border: none; width: 36px; height: 36px; border-radius: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer; box-shadow: 0 2px 6px rgba(0,0,0,0.15); z-index: 10; color: #333; font-size: 16px; font-weight: bold; transition: all 0.2s ease; }\r\n        .ds-isolated-wrapper-apt .nav-btn:hover { background-color: #ffffff; color: #6633FF; transform: translateY(-50%) scale(1.1); }\r\n        .ds-isolated-wrapper-apt .prev-btn { left: 10px; } .ds-isolated-wrapper-apt .next-btn { right: 10px; }\r\n        .ds-isolated-wrapper-apt .image-slider { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; scrollbar-width: none; height: 240px; margin: 0; padding: 0; }\r\n        .ds-isolated-wrapper-apt .image-slider::-webkit-scrollbar { display: none; }\r\n        .ds-isolated-wrapper-apt .image-slider img { flex: 0 0 100%; width: 100%; height: 100%; object-fit: cover; scroll-snap-align: center; cursor: zoom-in; border: none; margin: 0; padding: 0; max-width: none; }\r\n        .ds-isolated-wrapper-apt .swipe-hint { position: absolute; bottom: 15px; right: 15px; background-color: rgba(0, 0, 0, 0.6); color: white; padding: 4px 10px; border-radius: 20px; font-size: 0.75rem; font-weight: bold; pointer-events: none; z-index: 10; }\r\n        .ds-lightbox-modal-apt { display: none; position: fixed; z-index: 99999; padding-top: 50px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.9); }\r\n        .ds-lightbox-content-apt { margin: auto; display: block; max-width: 90%; max-height: 85vh; object-fit: contain; border-radius: 8px; animation: dsZoomEffectApt 0.3s ease; }\r\n        @keyframes dsZoomEffectApt { from {transform: scale(0.8)} to {transform: scale(1)} }\r\n        .ds-lightbox-close-apt { position: absolute; top: 20px; right: 35px; color: #f1f1f1; font-size: 40px; font-weight: bold; transition: 0.3s; cursor: pointer; line-height: 1; }\r\n        .ds-lightbox-close-apt:hover, .ds-lightbox-close-apt:focus { color: #bbb; text-decoration: none; }\r\n        @media (max-width: 600px) { .ds-isolated-wrapper-apt .card-top-row { flex-direction: column; gap: 20px; } .ds-isolated-wrapper-apt .property-action { align-items: flex-start; text-align: left; } .ds-isolated-wrapper-apt .amenities-grid { grid-template-columns: 1fr; } .ds-lightbox-content-apt { max-width: 100%; } .ds-isolated-wrapper-apt .swipe-hint { display: none; } }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"ds-isolated-wrapper-apt\">\r\n        <div class=\"property-card\">\r\n            <div class=\"card-content\">\r\n                <div class=\"card-top-row\">\r\n                    <div class=\"property-info\">\r\n                        <span class=\"badge\">1st Floor<\/span>\r\n                        <h2 class=\"title\">Open Apartment<\/h2>\r\n                        <p class=\"subtitle\">4 Single Beds<\/p>\r\n                    <\/div>\r\n                    <div class=\"property-action\">\r\n                        <div class=\"price-info\">\r\n                            <span class=\"amount\">600 MAD<\/span> \r\n                            <span class=\"period\">\/ night<\/span>\r\n                        <\/div>\r\n                        <a href=\"#booking-section\" class=\"book-btn\" style=\"text-decoration: none; text-align: center; display: inline-block;\">Book Now<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                <p class=\"property-description\">\r\n                    A spacious and welcoming open-plan apartment, ideal for families and groups. Enjoy a fully equipped kitchen and a comfortable living area, perfect for relaxing and unwinding after a day exploring Agadir\u2019s beautiful coastline.\r\n                <\/p>\r\n                <div class=\"amenities-grid\">\r\n                    <div class=\"amenity\"><span>\ud83c\udf73<\/span> Kitchen<\/div>\r\n                    <div class=\"amenity\"><span>\ud83d\udecb\ufe0f<\/span> Sofa<\/div>\r\n                    <div class=\"amenity\"><span>\ud83d\udcfa<\/span> Flat TV<\/div>\r\n                    <div class=\"amenity\"><span>\ud83d\udebf<\/span> Bathroom<\/div>\r\n                    <div class=\"amenity\"><span>\ud83d\udebd<\/span> Toilet<\/div>\r\n                    <div class=\"amenity\"><span>\ud83d\udcf6<\/span> Free WiFi<\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"slider-container\">\r\n                <button class=\"nav-btn prev-btn\" aria-label=\"Previous\">&#10094;<\/button>\r\n                <button class=\"nav-btn next-btn\" aria-label=\"Next\">&#10095;<\/button>\r\n                <div class=\"swipe-hint\">\u2194 Swipe<\/div>\r\n                <div class=\"image-slider\" id=\"dsSliderCoreApt\">\r\n                    <img decoding=\"async\" src=\"https:\/\/carentalagadir.com\/wp-content\/uploads\/2026\/07\/zbjczbj.webp\" alt=\"Apartment Living Room\">\r\n                    <img decoding=\"async\" src=\"https:\/\/carentalagadir.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-15-at-14.33.21.webp\" alt=\"Kitchen\">\r\n                    <img decoding=\"async\" src=\"https:\/\/carentalagadir.com\/wp-content\/uploads\/2026\/08\/3.webp\" alt=\"Kitchen\">\r\n                    <img decoding=\"async\" src=\"https:\/\/carentalagadir.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-15-at-14.33.22.webp\" alt=\"Bathroom\">\r\n                    <img decoding=\"async\" src=\"https:\/\/carentalagadir.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-15-at-14.33.18-1.webp\" alt=\"Bedroom\">\r\n                    <img decoding=\"async\" src=\"https:\/\/carentalagadir.com\/wp-content\/uploads\/2026\/08\/4.webp\" alt=\"Bedroom\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <div id=\"dsImageModalApt\" class=\"ds-lightbox-modal-apt\">\r\n        <span class=\"ds-lightbox-close-apt\">&times;<\/span>\r\n        <img class=\"ds-lightbox-content-apt\" id=\"dsExpandedImgApt\">\r\n    <\/div>\r\n    <script>\r\n        const dsModalApt = document.getElementById(\"dsImageModalApt\");\r\n        const dsModalImgApt = document.getElementById(\"dsExpandedImgApt\");\r\n        const dsCloseBtnApt = document.getElementsByClassName(\"ds-lightbox-close-apt\")[0];\r\n        const dsImagesApt = document.querySelectorAll(\".ds-isolated-wrapper-apt .image-slider img\");\r\n        dsImagesApt.forEach(img => { img.addEventListener(\"click\", function() { dsModalApt.style.display = \"block\"; dsModalImgApt.src = this.src; }); });\r\n        dsCloseBtnApt.addEventListener(\"click\", function() { dsModalApt.style.display = \"none\"; });\r\n        dsModalApt.addEventListener(\"click\", function(e) { if (e.target !== dsModalImgApt) { dsModalApt.style.display = \"none\"; } });\r\n        const sliderCoreApt = document.getElementById('dsSliderCoreApt');\r\n        const prevBtnApt = document.querySelector('.ds-isolated-wrapper-apt .prev-btn');\r\n        const nextBtnApt = document.querySelector('.ds-isolated-wrapper-apt .next-btn');\r\n        prevBtnApt.addEventListener('click', () => { sliderCoreApt.scrollBy({ left: -sliderCoreApt.clientWidth, behavior: 'smooth' }); });\r\n        nextBtnApt.addEventListener('click', () => { sliderCoreApt.scrollBy({ left: sliderCoreApt.clientWidth, behavior: 'smooth' }); });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-50f1664 elementor-widget elementor-widget-html\" data-id=\"50f1664\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <style>\r\n        .ds-isolated-wrapper-house { font-family: 'Montserrat', sans-serif; background: transparent; padding: 20px 0; }\r\n        .ds-isolated-wrapper-house *, .ds-isolated-wrapper-house *::before, .ds-isolated-wrapper-house *::after { box-sizing: border-box; }\r\n        .ds-isolated-wrapper-house .property-card { background-color: #ffffff; border-radius: 12px; overflow: hidden; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08); max-width: 750px; width: 100%; margin: 0 auto; border: 1px solid #eaeaea; display: flex; flex-direction: column; }\r\n        .ds-isolated-wrapper-house .card-content { padding: 24px; display: flex; flex-direction: column; }\r\n        .ds-isolated-wrapper-house .card-top-row { display: flex; justify-content: space-between; align-items: flex-start; border-bottom: 1px solid #f0f0f0; padding-bottom: 20px; margin-bottom: 20px; }\r\n        .ds-isolated-wrapper-house .property-info .badge { display: inline-block; background-color: #1a1a1a; color: #ffffff; padding: 4px 10px; border-radius: 4px; font-size: 0.8rem; font-weight: bold; text-transform: uppercase; margin-bottom: 12px; }\r\n        .ds-isolated-wrapper-house .property-info .title { margin: 0 0 6px 0; font-size: 1.5rem; color: #1a1a1a; font-weight: 700; line-height: 1.2; }\r\n        .ds-isolated-wrapper-house .property-info .subtitle { margin: 0; font-size: 0.95rem; color: #666666; }\r\n        .ds-isolated-wrapper-house .property-action { text-align: right; display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }\r\n        .ds-isolated-wrapper-house .price-info .amount { font-size: 1.6rem; font-weight: 800; color: #1a1a1a; display: block; line-height: 1; }\r\n        .ds-isolated-wrapper-house .price-info .period { font-size: 0.85rem; color: #888888; }\r\n        .ds-isolated-wrapper-house .book-btn { background-color: #6633FF; color: #ffffff; border: none; padding: 10px 24px; border-radius: 6px; font-size: 1rem; font-weight: bold; cursor: pointer; transition: background-color 0.2s ease; }\r\n        .ds-isolated-wrapper-house .book-btn:hover { background-color: #4b25c2; }\r\n        .ds-isolated-wrapper-house .property-description { font-size: 0.95rem; color: #555555; line-height: 1.6; margin: 0 0 20px 0; }\r\n        .ds-isolated-wrapper-house .amenities-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }\r\n        .ds-isolated-wrapper-house .amenity { display: flex; align-items: center; font-size: 0.9rem; color: #444444; margin: 0; }\r\n        .ds-isolated-wrapper-house .amenity span { margin-right: 8px; font-size: 1.1rem; }\r\n        .ds-isolated-wrapper-house .slider-container { position: relative; width: 100%; }\r\n        .ds-isolated-wrapper-house .nav-btn { position: absolute; top: 50%; transform: translateY(-50%); background-color: rgba(255, 255, 255, 0.8); border: none; width: 36px; height: 36px; border-radius: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer; box-shadow: 0 2px 6px rgba(0,0,0,0.15); z-index: 10; color: #333; font-size: 16px; font-weight: bold; transition: all 0.2s ease; }\r\n        .ds-isolated-wrapper-house .nav-btn:hover { background-color: #ffffff; color: #6633FF; transform: translateY(-50%) scale(1.1); }\r\n        .ds-isolated-wrapper-house .prev-btn { left: 10px; } .ds-isolated-wrapper-house .next-btn { right: 10px; }\r\n        .ds-isolated-wrapper-house .image-slider { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; scrollbar-width: none; height: 240px; margin: 0; padding: 0; }\r\n        .ds-isolated-wrapper-house .image-slider::-webkit-scrollbar { display: none; }\r\n        .ds-isolated-wrapper-house .image-slider img { flex: 0 0 100%; width: 100%; height: 100%; object-fit: cover; scroll-snap-align: center; cursor: zoom-in; border: none; margin: 0; padding: 0; max-width: none; }\r\n        .ds-isolated-wrapper-house .swipe-hint { position: absolute; bottom: 15px; right: 15px; background-color: rgba(0, 0, 0, 0.6); color: white; padding: 4px 10px; border-radius: 20px; font-size: 0.75rem; font-weight: bold; pointer-events: none; z-index: 10; }\r\n        .ds-lightbox-modal-house { display: none; position: fixed; z-index: 99999; padding-top: 50px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.9); }\r\n        .ds-lightbox-content-house { margin: auto; display: block; max-width: 90%; max-height: 85vh; object-fit: contain; border-radius: 8px; animation: dsZoomEffectHouse 0.3s ease; }\r\n        @keyframes dsZoomEffectHouse { from {transform: scale(0.8)} to {transform: scale(1)} }\r\n        .ds-lightbox-close-house { position: absolute; top: 20px; right: 35px; color: #f1f1f1; font-size: 40px; font-weight: bold; transition: 0.3s; cursor: pointer; line-height: 1; }\r\n        .ds-lightbox-close-house:hover, .ds-lightbox-close-house:focus { color: #bbb; text-decoration: none; }\r\n        @media (max-width: 600px) { .ds-isolated-wrapper-house .card-top-row { flex-direction: column; gap: 20px; } .ds-isolated-wrapper-house .property-action { align-items: flex-start; text-align: left; } .ds-isolated-wrapper-house .amenities-grid { grid-template-columns: 1fr 1fr; } .ds-lightbox-content-house { max-width: 100%; } .ds-isolated-wrapper-house .swipe-hint { display: none; } }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"ds-isolated-wrapper-house\">\r\n        <div class=\"property-card\">\r\n            <div class=\"card-content\">\r\n                <div class=\"card-top-row\">\r\n                    <div class=\"property-info\">\r\n                        <span class=\"badge\">Entire House<\/span>\r\n                        <h2 class=\"title\">Apartment  + Private Room <\/h2>\r\n                        <p class=\"subtitle\">2 Bedrooms | 2 Baths | Max 6 Guests<\/p>\r\n                    <\/div>\r\n                    <div class=\"property-action\">\r\n                        <div class=\"price-info\">\r\n                            <span class=\"amount\">1200 MAD<\/span> \r\n                            <span class=\"period\">\/ night<\/span>\r\n                        <\/div>\r\n                        <a href=\"#booking-section\" class=\"book-btn\" style=\"text-decoration: none; text-align: center; display: inline-block;\">Book Now<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                <p class=\"property-description\">\r\n                    Experience the ultimate getaway in this spacious two-story house. Featuring a fully equipped apartment on the first floor and a private room on the second, it is the perfect choice for large families or groups seeking comfort, privacy, and convenience.\r\n                <\/p>\r\n                <div class=\"amenities-grid\">\r\n                    <div class=\"amenity\"><span>\ud83c\udfe1<\/span> Entire Home<\/div>\r\n                    <div class=\"amenity\"><span>\ud83c\udf73<\/span> Full Kitchen<\/div>\r\n                    <div class=\"amenity\"><span>\ud83d\ude97<\/span> Free Parking<\/div>\r\n                    <div class=\"amenity\"><span>\ud83d\udcf6<\/span>Free WiFi<\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"slider-container\">\r\n                <button class=\"nav-btn prev-btn\" aria-label=\"Previous\">&#10094;<\/button>\r\n                <button class=\"nav-btn next-btn\" aria-label=\"Next\">&#10095;<\/button>\r\n                <div class=\"swipe-hint\">\u2194 Swipe<\/div>\r\n                <div class=\"image-slider\" id=\"dsSliderCoreHouse\">\r\n                    <img decoding=\"async\" src=\"https:\/\/carentalagadir.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-15-at-14.31.51.webp\" alt=\"House Exterior\">\r\n                    <img decoding=\"async\" src=\"https:\/\/carentalagadir.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-15-at-14.31.43.webp\" alt=\"Living Room\">\r\n                    <img decoding=\"async\" src=\"https:\/\/carentalagadir.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-15-at-14.33.21.webp\" alt=\"Master Bedroom\">\r\n                    <img decoding=\"async\" src=\"https:\/\/carentalagadir.com\/wp-content\/uploads\/2026\/07\/zbjczbj.webp\" alt=\"Kitchen\">\r\n                    <img decoding=\"async\" src=\"https:\/\/carentalagadir.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-15-at-14.31.53-1.webp\" alt=\"Bathroom\">\r\n                    <img decoding=\"async\" src=\"https:\/\/carentalagadir.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-15-at-14.31.48.webp\" alt=\"Bathroom\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <div id=\"dsImageModalHouse\" class=\"ds-lightbox-modal-house\">\r\n        <span class=\"ds-lightbox-close-house\">&times;<\/span>\r\n        <img class=\"ds-lightbox-content-house\" id=\"dsExpandedImgHouse\">\r\n    <\/div>\r\n    <script>\r\n        const dsModalHouse = document.getElementById(\"dsImageModalHouse\");\r\n        const dsModalImgHouse = document.getElementById(\"dsExpandedImgHouse\");\r\n        const dsCloseBtnHouse = document.getElementsByClassName(\"ds-lightbox-close-house\")[0];\r\n        const dsImagesHouse = document.querySelectorAll(\".ds-isolated-wrapper-house .image-slider img\");\r\n        dsImagesHouse.forEach(img => { img.addEventListener(\"click\", function() { dsModalHouse.style.display = \"block\"; dsModalImgHouse.src = this.src; }); });\r\n        dsCloseBtnHouse.addEventListener(\"click\", function() { dsModalHouse.style.display = \"none\"; });\r\n        dsModalHouse.addEventListener(\"click\", function(e) { if (e.target !== dsModalImgHouse) { dsModalHouse.style.display = \"none\"; } });\r\n        const sliderCoreHouse = document.getElementById('dsSliderCoreHouse');\r\n        const prevBtnHouse = document.querySelector('.ds-isolated-wrapper-house .prev-btn');\r\n        const nextBtnHouse = document.querySelector('.ds-isolated-wrapper-house .next-btn');\r\n        prevBtnHouse.addEventListener('click', () => { sliderCoreHouse.scrollBy({ left: -sliderCoreHouse.clientWidth, behavior: 'smooth' }); });\r\n        nextBtnHouse.addEventListener('click', () => { sliderCoreHouse.scrollBy({ left: sliderCoreHouse.clientWidth, behavior: 'smooth' }); });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-c6c516a e-con e-atomic-element e-flexbox-base e-24f594e \" data-id=\"c6c516a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c6c516a\">\n    \t\t<div class=\"elementor-element elementor-element-f64baa8 elementor-widget elementor-widget-html\" data-id=\"f64baa8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <style>\r\n        * {\r\n            box-sizing: border-box;\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n        }\r\n\r\n        .promo-section {\r\n            max-width: 750px;\r\n            margin: 40px auto;\r\n            background-color: #f8f6ff;\r\n            border: 2px dashed #5d3fd3;\r\n            border-radius: 12px;\r\n            padding: 30px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            gap: 20px;\r\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);\r\n        }\r\n\r\n        .promo-content {\r\n            flex: 1;\r\n        }\r\n\r\n        .promo-title {\r\n            color: #1a1a1a;\r\n            font-size: 1.5rem;\r\n            font-weight: 800;\r\n            margin: 0 0 10px 0;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n        }\r\n\r\n        .promo-text {\r\n            color: #444444;\r\n            font-size: 1rem;\r\n            line-height: 1.5;\r\n            margin: 0;\r\n        }\r\n\r\n        .promo-discount {\r\n            background-color: #5d3fd3;\r\n            color: #ffffff;\r\n            font-size: 2.2rem;\r\n            font-weight: 900;\r\n            padding: 15px 25px;\r\n            border-radius: 8px;\r\n            text-align: center;\r\n            white-space: nowrap;\r\n            box-shadow: 0 4px 15px rgba(93, 63, 211, 0.3);\r\n        }\r\n\r\n        .promo-discount span {\r\n            display: block;\r\n            font-size: 0.85rem;\r\n            font-weight: normal;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            margin-top: 5px;\r\n        }\r\n\r\n        @media (max-width: 600px) {\r\n            .promo-section {\r\n                flex-direction: column;\r\n                text-align: center;\r\n            }\r\n            .promo-title {\r\n                justify-content: center;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"promo-section\">\r\n        <div class=\"promo-content\">\r\n            <h3 class=\"promo-title\"><span>\ud83d\ude97<\/span> Drive & Stay Combo<\/h3>\r\n            <p class=\"promo-text\">\r\n                Need a car for your trip? Combine your stay with a rental car and save 10% on your total booking. Enjoy the freedom of the road while making the most of your stay.\r\n            <\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"promo-discount\">\r\n            10%\r\n            <span>Off Total<\/span>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-6b1e044 e-con e-atomic-element e-flexbox-base e-824f9ff \" data-id=\"6b1e044\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6b1e044\">\n    \t\t<div class=\"elementor-element elementor-element-ec2a55e elementor-widget elementor-widget-shortcode\" data-id=\"ec2a55e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f608-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"608\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/fr\/wp-json\/wp\/v2\/pages\/21#wpcf7-f608-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"608\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.7\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f608-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"standard-booking-form\" id=\"booking-section\">\n\t<h2 class=\"form-title\">Complete Your Reservation\n\t<\/h2>\n\t<div class=\"form-group\">\n\t\t<p><label for=\"clientName\">Full Name *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"clientName\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" id=\"clientName\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"clientName\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-group\">\n\t\t<p><label for=\"clientEmail\">Email Address *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"clientEmail\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" id=\"clientEmail\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"clientEmail\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-group\">\n\t\t<p><label for=\"clientPhone\">WhatsApp Number *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"clientPhone\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" id=\"clientPhone\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"tel\" name=\"clientPhone\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-group\">\n\t\t<p><label for=\"propertyChoice\">Select Property *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"propertyChoice\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" id=\"propertyChoice\" aria-required=\"true\" aria-invalid=\"false\" name=\"propertyChoice\"><option value=\"Select...\">Select...<\/option><option value=\"Private Double Room (300 MAD)\">Private Double Room (300 MAD)<\/option><option value=\"Full Apartment (600 MAD)\">Full Apartment (600 MAD)<\/option><option value=\"Entire Holiday House (1200 MAD)\">Entire Holiday House (1200 MAD)<\/option><\/select><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"date-group\">\n\t\t<div class=\"form-group\">\n\t\t\t<p><label for=\"checkInDate\">Check-in Date *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"checkInDate\"><input class=\"wpcf7-form-control wpcf7-date wpcf7-validates-as-required wpcf7-validates-as-date\" id=\"checkInDate\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"date\" name=\"checkInDate\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"form-group\">\n\t\t\t<p><label for=\"checkOutDate\">Check-out Date *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"checkOutDate\"><input class=\"wpcf7-form-control wpcf7-date wpcf7-validates-as-required wpcf7-validates-as-date\" id=\"checkOutDate\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"date\" name=\"checkOutDate\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div style=\"display: none;\">\n\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"totalDays\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" id=\"cf7TotalDays\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"totalDays\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"totalPrice\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" id=\"cf7TotalPrice\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"totalPrice\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div id=\"priceSummary\" class=\"price-summary\" style=\"display:none;\">\n\t\t<p><strong>Total Price:<\/strong><span id=\"displayTotalPrice\">0<\/span> MAD\n\t\t<\/p>\n\t\t<p><span>(<span id=\"displayTotalDays\">0<\/span> Nights)<\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"action-buttons-wrapper\">\n\t\t<p><button type=\"button\" id=\"btnWhatsapp\" class=\"btn-whatsapp\">WhatsApp<\/button>\n\t\t<\/p>\n\t\t<div class=\"email-btn-container\">\n\t\t\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner btn-email\" id=\"btnEmail\" type=\"submit\" value=\"Email\" \/>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3f30e09 elementor-widget elementor-widget-html\" data-id=\"3f30e09\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.standard-booking-form {\r\n    background: #ffffff;\r\n    padding: 30px;\r\n    border-radius: 10px;\r\n    border: 1px solid #eaeaea;\r\n    max-width: 500px;\r\n    margin: 0 auto;\r\n    font-family: 'Montserrat', sans-serif;\r\n}\r\n.standard-booking-form .form-title {\r\n    text-align: center;\r\n    font-weight: 900;\r\n    font-size: 22px;\r\n    margin-bottom: 25px;\r\n    color: #111;\r\n}\r\n.standard-booking-form .form-group {\r\n    margin-bottom: 15px;\r\n}\r\n.standard-booking-form label {\r\n    display: block;\r\n    font-weight: 600;\r\n    font-size: 13px;\r\n    margin-bottom: 5px;\r\n    color: #000;\r\n}\r\n.standard-booking-form input[type=\"text\"],\r\n.standard-booking-form input[type=\"email\"],\r\n.standard-booking-form input[type=\"tel\"],\r\n.standard-booking-form input[type=\"date\"],\r\n.standard-booking-form select {\r\n    width: 100%;\r\n    padding: 12px;\r\n    border: 1px solid #dce2e8;\r\n    border-radius: 5px;\r\n    font-size: 14px;\r\n    background-color: #f0f4f8;\r\n    box-sizing: border-box;\r\n    color: #333;\r\n}\r\n.standard-booking-form input:focus,\r\n.standard-booking-form select:focus {\r\n    border-color: #6b46c1;\r\n    outline: none;\r\n    background-color: #ffffff;\r\n}\r\n.standard-booking-form .date-group {\r\n    display: flex;\r\n    flex-direction: row;\r\n    gap: 15px;\r\n}\r\n.standard-booking-form .date-group .form-group {\r\n    flex: 1;\r\n    margin-bottom: 15px;\r\n    width: 50%;\r\n}\r\n.standard-booking-form .action-buttons-wrapper {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 15px;\r\n    width: 100%;\r\n}\r\n.standard-booking-form .btn-whatsapp {\r\n    width: 100%;\r\n    padding: 14px;\r\n    border: none;\r\n    border-radius: 5px;\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    cursor: pointer;\r\n    color: #fff;\r\n    text-align: center;\r\n    margin: 0;\r\n    background-color: #25D366;\r\n    height: 50px;\r\n    display: block;\r\n    box-sizing: border-box;\r\n}\r\n.standard-booking-form .email-btn-container {\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n.standard-booking-form .email-btn-container span {\r\n    display: block;\r\n    width: 100%;\r\n}\r\n.standard-booking-form .email-btn-container input.btn-email {\r\n    width: 100%;\r\n    padding: 14px;\r\n    border: none;\r\n    border-radius: 5px;\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    cursor: pointer;\r\n    color: #fff;\r\n    text-align: center;\r\n    margin: 0;\r\n    background-color: #6933FF;\r\n    height: 50px;\r\n    display: block;\r\n    box-sizing: border-box;\r\n}\r\n\/* Dynamic price box styling *\/\r\n.ds-dynamic-price-box {\r\n    margin-bottom: 20px;\r\n    padding: 15px;\r\n    background-color: #f8f9fa;\r\n    border: 2px dashed #6933FF;\r\n    border-radius: 8px;\r\n    text-align: center;\r\n    font-size: 16px;\r\n    color: #111;\r\n    animation: fadeIn 0.3s ease-in;\r\n}\r\n.ds-dynamic-price-box .ds-total-amt {\r\n    font-size: 22px;\r\n    font-weight: 900;\r\n    color: #6933FF;\r\n}\r\n@keyframes fadeIn {\r\n    from { opacity: 0; transform: translateY(-5px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n}\r\n@media (max-width: 480px) {\r\n    .standard-booking-form .action-buttons-wrapper {\r\n        grid-template-columns: 1fr;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \r\n    \/\/ Locate main form\r\n    const formElement = document.querySelector('.wpcf7-form') || document.querySelector('.standard-booking-form');\r\n    if (!formElement) return;\r\n\r\n    function handlePriceCalculation() {\r\n        \/\/ Locate fields by Name to ensure functionality\r\n        const checkIn = formElement.querySelector('input[name=\"checkInDate\"]');\r\n        const checkOut = formElement.querySelector('input[name=\"checkOutDate\"]');\r\n        const property = formElement.querySelector('select[name=\"propertyChoice\"]');\r\n        const buttonsWrapper = formElement.querySelector('.action-buttons-wrapper');\r\n        \r\n        if (!checkIn || !checkOut || !property || !buttonsWrapper) return;\r\n\r\n        \/\/ Prevent check-out before check-in\r\n        if (checkIn.value) checkOut.min = checkIn.value;\r\n\r\n        \/\/ Check for dynamic price box or create it\r\n        let priceBox = document.getElementById('ds-smart-price-summary');\r\n        if (!priceBox) {\r\n            buttonsWrapper.insertAdjacentHTML('beforebegin', `\r\n                <div id=\"ds-smart-price-summary\" class=\"ds-dynamic-price-box\" style=\"display:none;\">\r\n                    <strong>Total Price:<\/strong> <span class=\"ds-total-amt\" id=\"ds-calc-price\">0<\/span> <strong>MAD<\/strong> <br>\r\n                    <span style=\"font-size: 13px; color: #666;\">(<span id=\"ds-calc-nights\">0<\/span> Nights)<\/span>\r\n                <\/div>\r\n            `);\r\n            priceBox = document.getElementById('ds-smart-price-summary');\r\n        }\r\n\r\n        const cinVal = checkIn.value;\r\n        const coutVal = checkOut.value;\r\n        const propVal = property.value;\r\n\r\n        \/\/ Hide box if fields are empty\r\n        if (!cinVal || !coutVal || !propVal || propVal.includes(\"Select\") || propVal.includes(\"---\")) {\r\n            priceBox.style.display = 'none';\r\n            return;\r\n        }\r\n\r\n        \/\/ Calculate nights\r\n        const d1 = new Date(cinVal);\r\n        const d2 = new Date(coutVal);\r\n        const nights = Math.ceil((d2.getTime() - d1.getTime()) \/ (1000 * 3600 * 24));\r\n\r\n        \/\/ Extract price from dropdown\r\n        let pricePerNight = 0;\r\n        const priceMatch = propVal.match(\/(\\d+)\\s*MAD\/i);\r\n        if (priceMatch && priceMatch[1]) {\r\n            pricePerNight = parseInt(priceMatch[1], 10);\r\n        }\r\n\r\n        \/\/ Display result if data is valid\r\n        if (nights > 0 && pricePerNight > 0) {\r\n            const totalPrice = nights * pricePerNight;\r\n            \r\n            document.getElementById('ds-calc-nights').textContent = nights;\r\n            document.getElementById('ds-calc-price').textContent = totalPrice;\r\n            priceBox.style.display = 'block';\r\n\r\n            \/\/ Update hidden CF7 fields\r\n            const hiddenDays = formElement.querySelector('input[name=\"totalDays\"]');\r\n            const hiddenTotal = formElement.querySelector('input[name=\"totalPrice\"]');\r\n            if(hiddenDays) hiddenDays.value = nights;\r\n            if(hiddenTotal) hiddenTotal.value = totalPrice;\r\n        } else {\r\n            priceBox.style.display = 'none';\r\n        }\r\n    }\r\n\r\n    \/\/ Monitor form changes\r\n    formElement.addEventListener('change', handlePriceCalculation);\r\n    formElement.addEventListener('input', handlePriceCalculation);\r\n\r\n    \/\/ WhatsApp button logic\r\n    document.body.addEventListener('click', function(e) {\r\n        if (e.target.id === 'btnWhatsapp' || e.target.classList.contains('btn-whatsapp')) {\r\n            e.preventDefault();\r\n            \r\n            const nameField = formElement.querySelector('input[name=\"clientName\"]');\r\n            const phoneField = formElement.querySelector('input[name=\"clientPhone\"]');\r\n            const emailField = formElement.querySelector('input[name=\"clientEmail\"]');\r\n            const checkIn = formElement.querySelector('input[name=\"checkInDate\"]');\r\n            const checkOut = formElement.querySelector('input[name=\"checkOutDate\"]');\r\n            const property = formElement.querySelector('select[name=\"propertyChoice\"]');\r\n            \r\n            if (!nameField || !phoneField || !checkIn.value || !checkOut.value || !property.value || property.value.includes(\"Select\")) {\r\n                alert(\"Please fill all required fields before sending via WhatsApp.\");\r\n                return;\r\n            }\r\n\r\n            const cinVal = checkIn.value;\r\n            const coutVal = checkOut.value;\r\n            const d1 = new Date(cinVal);\r\n            const d2 = new Date(coutVal);\r\n            const nights = Math.ceil((d2.getTime() - d1.getTime()) \/ (1000 * 3600 * 24));\r\n            \r\n            let pricePerNight = 0;\r\n            const match = property.value.match(\/(\\d+)\\s*MAD\/i);\r\n            if (match) pricePerNight = parseInt(match[1], 10);\r\n\r\n            let priceText = \"\";\r\n            if (nights > 0 && pricePerNight > 0) {\r\n                priceText = `\\n*Nights:* ${nights}\\n*Total Price:* ${nights * pricePerNight} MAD`;\r\n            }\r\n\r\n            \/\/ Insert WhatsApp number here\r\n            const waNumber = \"212600000000\"; \r\n            \r\n            const waMessage = `*New Booking Request*\\n\\n*Name:* ${nameField.value}\\n*Email:* ${emailField ? emailField.value : ''}\\n*Phone:* ${phoneField.value}\\n*Property:* ${property.value}\\n*Check-in:* ${cinVal}\\n*Check-out:* ${coutVal}${priceText}`;\r\n            const waUrl = `https:\/\/wa.me\/${waNumber}?text=${encodeURIComponent(waMessage)}`;\r\n            \r\n            window.open(waUrl, '_blank');\r\n        }\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-6bd24ba e-con e-atomic-element e-flexbox-base e-8bf5e87 \" data-id=\"6bd24ba\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6bd24ba\">\n    \t\t<div class=\"elementor-element elementor-element-0429c15 elementor-widget elementor-widget-google_maps\" data-id=\"0429c15\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"google_maps.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-custom-embed\">\n\t\t\t<iframe loading=\"lazy\"\n\t\t\t\t\tsrc=\"https:\/\/maps.google.com\/maps?q=30%C2%B036%2723.7%22N%209%C2%B046%2731.5%22W&#038;t=m&#038;z=15&#038;output=embed&#038;iwloc=near\"\n\t\t\t\t\ttitle=\"30\u00b036&#039;23.7&quot;N 9\u00b046&#039;31.5&quot;W\"\n\t\t\t\t\taria-label=\"30\u00b036&#039;23.7&quot;N 9\u00b046&#039;31.5&quot;W\"\n\t\t\t><\/iframe>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Ocean Beach Retreat Your MagicalOceanfront Retreat Escape to our peaceful retreat with our exclusive \u201cDrive &#038; Stay\u201d package. Pick up your car in Agadir and set off for our ocean-view retreat, nestled in a serene and peaceful setting. Experience the freedom of the open road while enjoying the tranquility and beauty of your surroundings. Select [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-21","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/carentalagadir.com\/fr\/wp-json\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carentalagadir.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carentalagadir.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carentalagadir.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/carentalagadir.com\/fr\/wp-json\/wp\/v2\/comments?post=21"}],"version-history":[{"count":151,"href":"https:\/\/carentalagadir.com\/fr\/wp-json\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":756,"href":"https:\/\/carentalagadir.com\/fr\/wp-json\/wp\/v2\/pages\/21\/revisions\/756"}],"wp:attachment":[{"href":"https:\/\/carentalagadir.com\/fr\/wp-json\/wp\/v2\/media?parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}