{"id":402,"date":"2025-10-29T11:50:56","date_gmt":"2025-10-29T11:50:56","guid":{"rendered":"https:\/\/moroquestadventures.com\/?page_id=402"},"modified":"2025-11-02T17:00:52","modified_gmt":"2025-11-02T17:00:52","slug":"4-days-cycling-marrakech-and-atlas-mountains","status":"publish","type":"page","link":"https:\/\/moroquestadventures.com\/it\/4-days-cycling-marrakech-and-atlas-mountains\/","title":{"rendered":"4 DAYS CYCLING MARRAKECH AND ATLAS MOUNTAINS"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n 4-Day Cycling Marrakech & Atlas Mountains Tour | MoroQuest Adventures<\/title>\r\n <meta name=\"description\" content=\"4-day cycling tour from Marrakech to the Atlas Mountains. Experience mountain biking through Berber villages, Kik Plateau, Imlil Valley, and Toubkal National Park.\">\r\n <meta name=\"keywords\" content=\"4 days cycling Marrakech, Atlas Mountains cycling, mountain biking Morocco, Berber villages tour, Toubkal National Park, Imlil Valley, Kik Plateau, cycling tour Morocco, trekking Atlas Mountains\">\r\n <meta property=\"og:title\" content=\"4-Day Cycling Marrakech & Atlas Mountains Tour\">\r\n <meta property=\"og:description\" content=\"Experience the best mountain scenery and Berber villages on this 4-day cycling tour through the Atlas Mountains from Marrakech.\">\r\n <meta property=\"og:type\" content=\"website\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@emailjs\/browser@3\/dist\/email.min.js\"><\/script>\r\n\r\n <style>\r\n \/* ---- Base Theme ---- *\/\r\n .tour-booking-page{\r\n --tour-bg:#f5efe6; --tour-ink:#2d2a26; --tour-muted:#6b6a66; --tour-card:#fff;\r\n --tour-border:#e6dfd4; --tour-sage:#647a68; --tour-sage-700:#4f6254;\r\n --tour-terra:#e67e22; --tour-terra-700:#d35400; --tour-cream:#fffaf2;\r\n --radius:14px; --shadow:0 10px 30px rgba(2,6,23,.08);\r\n box-sizing:border-box; font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\r\n background:linear-gradient(180deg,var(--tour-cream),var(--tour-bg)); color:var(--tour-ink); line-height:1.6;\r\n -webkit-text-size-adjust:100%; margin:0; padding:0;\r\n }\r\n .tour-booking-page *{box-sizing:border-box}\r\n .tour-booking-page .container{max-width:1160px;margin-inline:auto;padding:24px}\r\n\r\n \/* ---- Layout ---- *\/\r\n .content-wrapper{display:grid;grid-template-columns:1.6fr .9fr;gap:26px}\r\n @media (max-width:980px){.content-wrapper{grid-template-columns:1fr}}\r\n .section{background:var(--tour-card);border-radius:var(--radius);padding:24px;margin-bottom:22px;box-shadow:var(--shadow);border:1px solid var(--tour-border)}\r\n .section-title{display:flex;align-items:center;gap:10px;font-size:1.35rem;margin:0 0 16px;color:var(--tour-ink)}\r\n .section-title i{color:var(--tour-terra)}\r\n .description{color:var(--tour-muted);font-size:1.05rem}\r\n\r\n \/* ---- Gallery ---- *\/\r\n .image-gallery{display:grid;gap:12px;margin:22px 0 34px}\r\n .gallery-main{height:380px;border-radius:16px;background-size:cover;background-position:center;position:relative;overflow:hidden;cursor:pointer}\r\n .img-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.35));opacity:0;transition:.25s}\r\n .zoom-btn{position:absolute;right:10px;bottom:10px;background:rgba(255,255,255,.9);border:1px solid var(--tour-border);padding:8px 10px;border-radius:999px;display:flex;gap:8px;align-items:center;font-weight:600;color:#111;box-shadow:var(--shadow);cursor:pointer}\r\n .gallery-main:hover .img-overlay{opacity:1}\r\n .gallery-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}\r\n .gallery-thumb{height:140px;border-radius:12px;background-size:cover;background-position:center;position:relative;overflow:hidden;cursor:pointer;border:2px solid transparent}\r\n .gallery-thumb.active{border-color:var(--tour-terra)}\r\n .gallery-thumb:hover .img-overlay{opacity:1}\r\n @media (min-width:992px){\r\n .image-gallery{grid-template-columns:2fr 1fr}\r\n .gallery-main{height:480px}\r\n .gallery-row{grid-template-columns:1fr;grid-template-rows:repeat(3,1fr);gap:12px}\r\n .gallery-thumb{height:auto;min-height:140px}\r\n }\r\n \r\n \/* Bottom Gallery *\/\r\n .bottom-gallery {\r\n margin-top: 40px;\r\n }\r\n .bottom-gallery .gallery-row {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 12px;\r\n }\r\n @media (max-width: 768px) {\r\n .bottom-gallery .gallery-row {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n \/* ---- Itinerary \/ Details \/ FAQ ---- *\/\r\n .itinerary-item{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--tour-border)}\r\n .itinerary-item:last-child{border-bottom:0}\r\n .itinerary-day{font-weight:800;color:var(--tour-terra)}\r\n .itinerary-content h4{margin:.2rem 0 .25rem}\r\n .inclusion-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}\r\n @media (max-width:700px){.inclusion-grid{grid-template-columns:1fr}}\r\n .inclusion-list,.exclusion-list{list-style:none;padding:0;margin:0}\r\n .inclusion-list li,.exclusion-list li{display:flex;gap:10px;margin-bottom:10px}\r\n .inclusion-list i{color:var(--tour-sage)}\r\n .exclusion-list i{color:#e74c3c}\r\n .additional-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}\r\n .detail-item{display:flex;align-items:center;gap:15px;padding:15px;background:rgba(230,126,34,.05);border-radius:10px;border-left:4px solid var(--tour-terra)}\r\n .detail-icon{background:var(--tour-terra);color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem}\r\n .detail-content h3{margin:0 0 5px;font-size:1.1rem}\r\n .detail-content p{margin:0;color:var(--tour-muted)}\r\n .faq-accordion-item{border:1px solid var(--tour-border);border-radius:10px;margin-bottom:12px;overflow:hidden;background:var(--tour-card)}\r\n .faq-accordion-header{padding:18px 20px;background:rgba(230,126,34,.05);cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;color:var(--tour-ink);transition:background .3s}\r\n .faq-accordion-header:hover{background:rgba(230,126,34,.1)}\r\n .faq-accordion-header i{transition:transform .3s;color:var(--tour-terra)}\r\n .faq-accordion-item.active .faq-accordion-header i{transform:rotate(180deg)}\r\n .faq-accordion-content{padding:0 20px;max-height:0;overflow:hidden;transition:max-height .3s,padding .3s;color:var(--tour-muted)}\r\n .faq-accordion-item.active .faq-accordion-content{padding:20px;max-height:300px}\r\n\r\n \/* ---- Sidebar \/ Form ---- *\/\r\n .price-section{background:linear-gradient(180deg,var(--tour-terra),var(--tour-terra-700));color:#fff;border:0}\r\n .price-section .section-title{color:#fff}\r\n .price-amount{font-size:clamp(2.1rem,4.2vw,3rem);font-weight:800;letter-spacing:.3px}\r\n .booking-form{position:sticky;top:18px}\r\n .form-group{margin-bottom:16px}\r\n label{display:block;margin-bottom:8px;font-weight:600;color:var(--tour-ink)}\r\n .form-control{width:100%;padding:12px 14px;border:1px solid var(--tour-border);border-radius:10px;background:#fff;font:inherit;font-size:16px}\r\n .form-control:focus{outline:3px solid rgba(230,126,34,.25);border-color:rgba(230,126,34,.5)}\r\n .form-control::placeholder{color:#a0a0a0;opacity:1}\r\n .form-control.error{border-color:#e74c3c;background-color:rgba(231,76,60,0.05)}\r\n .error-message{color:#e74c3c;font-size:0.85rem;margin-top:5px;display:none}\r\n .form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}\r\n @media (max-width:700px){.form-row{grid-template-columns:1fr}}\r\n .btn-book{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;border:0;background:linear-gradient(180deg,var(--tour-terra),var(--tour-terra-700));color:#fff;padding:14px 16px;border-radius:10px;font-weight:800;cursor:pointer;box-shadow:0 8px 22px rgba(230,126,34,.25);transition:.2s transform;font-size:16px}\r\n .btn-book:hover{transform:translateY(-1px)}\r\n .btn-book:disabled{background:#ccc;cursor:not-allowed;transform:none}\r\n\r\n \/* ---------- DATE INPUT FIX ---------- *\/\r\n input[type=\"date\"].form-control{\r\n -webkit-appearance:none; appearance:none;\r\n background:#fff; border:1px solid var(--tour-border); border-radius:10px;\r\n padding:12px 14px; min-height:44px; color:var(--tour-ink);\r\n text-align:start;\r\n }\r\n input[type=\"date\"].form-control::-webkit-date-and-time-value{ text-align:left; }\r\n input[type=\"date\"].form-control::-webkit-datetime-edit,\r\n input[type=\"date\"].form-control::-webkit-datetime-edit-fields-wrapper,\r\n input[type=\"date\"].form-control::-webkit-datetime-edit-text,\r\n input[type=\"date\"].form-control::-webkit-datetime-edit-month-field,\r\n input[type=\"date\"].form-control::-webkit-datetime-edit-day-field,\r\n input[type=\"date\"].form-control::-webkit-datetime-edit-year-field{\r\n color:var(--tour-ink); padding:0;\r\n }\r\n input[type=\"date\"].form-control::-webkit-calendar-picker-indicator{\r\n opacity:.65; padding:2px; margin-right:2px; cursor:pointer;\r\n }\r\n\r\n \/* Custom placeholder for date inputs *\/\r\n .date-placeholder{color:#a0a0a0}\r\n input[type=\"date\"]:invalid::-webkit-datetime-edit{color:#a0a0a0}\r\n\r\n \/* ---- Toast \/ Lightbox ---- *\/\r\n .toast{position:fixed;left:50%;transform:translateX(-50%);bottom:20px;padding:12px 16px;border-radius:12px;background:var(--tour-ink);color:#fff;box-shadow:var(--shadow);display:none;z-index:100}\r\n .toast.show{display:block}\r\n .toast.success{background:var(--tour-sage)}\r\n .toast.error{background:#e74c3c}\r\n dialog#lightbox{border:0;padding:0;background:transparent;width:100%;height:100%;max-width:100%;max-height:100%}\r\n .lb-wrap{position:fixed;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.8);z-index:100;padding:20px}\r\n .lb-img{max-width:90vw;max-height:80vh;border-radius:14px;border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow);cursor:zoom-in;transition:transform .3s}\r\n .lb-img.zoomed{transform:scale(1.5);cursor:zoom-out}\r\n .close-lightbox{position:absolute;top:20px;right:20px;background:rgba(0,0,0,.7);color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;z-index:101}\r\n\r\n \/* ---- Highlight ---- *\/\r\n .tour-highlight{font-size:1.4rem;font-weight:700;color:var(--tour-terra);text-align:center;margin:0 0 20px;padding:15px;background:rgba(230,126,34,.05);border-radius:10px;border-left:4px solid var(--tour-terra)}\r\n\r\n \/* ---- Mobile bottom bar ---- *\/\r\n .mobile-booking-bar{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--tour-card);box-shadow:0 -4px 20px rgba(0,0,0,.15);padding:12px 16px;z-index:9500;border-top:1px solid var(--tour-border)}\r\n .mobile-booking-bar .booking-bar-content{display:flex;justify-content:space-between;align-items:center;max-width:1160px;margin:0 auto}\r\n .mobile-booking-bar .price-info{display:flex;flex-direction:column}\r\n .mobile-booking-bar .price-amount{font-size:1.5rem;font-weight:800;color:var(--tour-terra);line-height:1.2}\r\n .mobile-booking-bar .price-note{font-size:.8rem;color:var(--tour-muted);margin:0}\r\n .mobile-booking-bar .btn-book-mobile{background:linear-gradient(180deg,var(--tour-terra),var(--tour-terra-700));color:#fff;border:none;border-radius:10px;padding:12px 20px;font-weight:700;font-size:1rem;cursor:pointer;box-shadow:0 4px 12px rgba(230,126,34,.3);display:flex;align-items:center;gap:8px;transition:transform .2s}\r\n .mobile-booking-bar .btn-book-mobile:hover{transform:translateY(-2px)}\r\n\r\n \/* ---- Support ---- *\/\r\n .support-container{background:rgba(230,126,34,.05);border-radius:10px;padding:20px;margin-top:20px;border:1px solid var(--tour-border)}\r\n .support-title{font-size:1.2rem;font-weight:700;margin-bottom:15px;color:var(--tour-terra);display:flex;align-items:center;gap:10px}\r\n .support-info{display:flex;flex-wrap:wrap;gap:15px}\r\n .support-item{display:flex;align-items:center;gap:10px;padding:10px 15px;background:#fff;border-radius:8px;border:1px solid var(--tour-border);flex:1;min-width:200px}\r\n .support-icon{background:var(--tour-terra);color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center}\r\n .support-details h4{margin:0 0 5px;font-size:.9rem}\r\n .support-details p{margin:0;font-size:.9rem;color:var(--tour-muted)}\r\n\r\n \/* ---- SIMPLIFIED PROFESSIONAL THANK YOU MESSAGE ---- *\/\r\n .thankyou-overlay {\r\n display: none;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0, 0, 0, 0.85);\r\n z-index: 10000;\r\n backdrop-filter: blur(5px);\r\n overflow-y: auto;\r\n padding: 20px;\r\n box-sizing: border-box;\r\n }\r\n \r\n .thankyou-card {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n background: #fff;\r\n border-radius: 20px;\r\n padding: 50px 40px;\r\n max-width: 450px;\r\n width: 90%;\r\n text-align: center;\r\n box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);\r\n border: 1px solid var(--tour-border);\r\n animation: thankYouSlideIn 0.5s ease-out;\r\n }\r\n \r\n @keyframes thankYouSlideIn {\r\n 0% { opacity: 0; transform: translate(-50%, -40%); }\r\n 100% { opacity: 1; transform: translate(-50%, -50%); }\r\n }\r\n \r\n .thankyou-card .icon {\r\n width: 90px;\r\n height: 90px;\r\n background: linear-gradient(135deg, var(--tour-sage), var(--tour-sage-700));\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 30px;\r\n color: white;\r\n font-size: 2.5rem;\r\n box-shadow: 0 10px 25px rgba(100, 122, 104, 0.3);\r\n }\r\n \r\n .thankyou-card h3 {\r\n font-size: 2rem;\r\n margin-bottom: 20px;\r\n color: var(--tour-ink);\r\n font-weight: 800;\r\n line-height: 1.2;\r\n }\r\n \r\n .thankyou-card p {\r\n color: var(--tour-muted);\r\n margin-bottom: 0;\r\n line-height: 1.6;\r\n font-size: 1.2rem;\r\n }\r\n \r\n .thankyou-card .btn-row {\r\n display: flex;\r\n justify-content: center;\r\n gap: 15px;\r\n margin-top: 30px;\r\n }\r\n \r\n .thankyou-card .btn-book {\r\n padding: 14px 24px;\r\n font-size: 1.1rem;\r\n min-width: 140px;\r\n }\r\n \r\n @media (max-width: 600px) {\r\n .thankyou-card {\r\n padding: 40px 25px;\r\n width: 95%;\r\n }\r\n \r\n .thankyou-card .icon {\r\n width: 80px;\r\n height: 80px;\r\n font-size: 2.2rem;\r\n margin-bottom: 25px;\r\n }\r\n \r\n .thankyou-card h3 {\r\n font-size: 1.7rem;\r\n margin-bottom: 15px;\r\n }\r\n \r\n .thankyou-card p {\r\n font-size: 1.1rem;\r\n }\r\n \r\n .thankyou-card .btn-row {\r\n flex-direction: column;\r\n gap: 12px;\r\n margin-top: 25px;\r\n }\r\n \r\n .thankyou-card .btn-book {\r\n width: 100%;\r\n padding: 12px 16px;\r\n }\r\n }\r\n\r\n \/* ---- Mobile tweaks ---- *\/\r\n @media (max-width:768px){\r\n html,body{width:100%;overflow-x:hidden}\r\n .container{padding:16px;padding-bottom:80px}\r\n .gallery-main{height:260px}\r\n .gallery-thumb{height:110px}\r\n .section{padding:18px}\r\n .itinerary-item{grid-template-columns:80px 1fr;gap:12px}\r\n .tour-highlight{font-size:1.2rem}\r\n .mobile-booking-bar{display:block}\r\n .booking-sidebar{display:none}\r\n .support-info{flex-direction:column}\r\n .support-item{min-width:100%}\r\n input,select,textarea{font-size:16px!important}\r\n }\r\n\r\n \/* ===== MOBILE POPUP (centered) ===== *\/\r\n .mobile-popup-overlay{\r\n display:none;\r\n position:fixed; inset:0;\r\n z-index:99999;\r\n background:rgba(0,0,0,.55);\r\n backdrop-filter:blur(4px);\r\n padding: max(24px, env(safe-area-inset-top)) 18px max(24px, env(safe-area-inset-bottom));\r\n overflow:auto;\r\n place-items:center;\r\n }\r\n .mobile-popup{\r\n width:min(560px, 92vw);\r\n max-height:min(720px, calc(100dvh - 64px));\r\n background:#fff; border-radius:16px; border:1px solid var(--tour-border);\r\n box-shadow:0 20px 50px rgba(0,0,0,.25);\r\n padding:18px; animation:popupIn .22s ease-out;\r\n overflow:auto;\r\n }\r\n @keyframes popupIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}\r\n .mobile-popup .popup-header{\r\n position:sticky;top:0;background:#fff;z-index:1;\r\n padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid var(--tour-border);\r\n display:flex;align-items:center;justify-content:space-between;gap:10px\r\n }\r\n .mobile-popup .popup-title{font-weight:800;font-size:1.1rem;display:flex;align-items:center;gap:.6rem}\r\n .mobile-popup .close-popup{background:#f7f7f7;border:1px solid var(--tour-border);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;cursor:pointer}\r\n .mobile-popup .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}\r\n .mobile-popup .row-1col{grid-template-columns:1fr !important}\r\n .popup-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}\r\n .popup-total{padding:10px 12px;background:rgba(230,126,34,.06);border:1px dashed var(--tour-border);border-radius:10px;font-weight:800;display:flex;align-items:center;justify-content:space-between;margin-top:8px}\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"tour-booking-page\">\r\n <div class=\"container center\">\r\n <!-- Gallery -->\r\n <section class=\"image-gallery center\" aria-label=\"Galleria di immagini\">\r\n <!-- Main image shows the first new photo -->\r\n <figure class=\"gallery-main\" id=\"main-image\" style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/caption-33.jpg')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <button class=\"zoom-btn\" data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/caption-33.jpg\">\r\n <i class=\"fa-solid fa-magnifying-glass\"><\/i> Vista\r\n <\/button>\r\n <\/figure>\r\n\r\n <!-- Three thumbs (click to swap main) -->\r\n <div class=\"gallery-row\">\r\n <figure\r\n class=\"gallery-thumb active\"\r\n data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/caption-33.jpg\"\r\n data-main=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/caption-33.jpg\"\r\n style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/caption-33.jpg')\"\r\n >\r\n <span class=\"img-overlay\"><\/span>\r\n <\/figure>\r\n\r\n <figure\r\n class=\"gallery-thumb\"\r\n data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/65-1.jpg\"\r\n data-main=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/65-1.jpg\"\r\n style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/65-1.jpg')\"\r\n >\r\n <span class=\"img-overlay\"><\/span>\r\n <\/figure>\r\n\r\n <figure\r\n class=\"gallery-thumb\"\r\n data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/image_processing20190129-4-jfdms2-2.jpg\"\r\n data-main=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/image_processing20190129-4-jfdms2-2.jpg\"\r\n style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/image_processing20190129-4-jfdms2-2.jpg')\"\r\n >\r\n <span class=\"img-overlay\"><\/span>\r\n <\/figure>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n <div class=\"content-wrapper\">\r\n <!-- Main Content -->\r\n <div class=\"main-content\">\r\n <section class=\"section\">\r\n <h1 class=\"section-title\"><i class=\"fas fa-info-circle\"><\/i> Descrizione del tour<\/h1>\r\n <div class=\"tour-highlight\">4 giorni in bicicletta a Marrakech e sulle montagne dell'Atlante<\/div>\r\n <div class=\"description\">\r\n <p>Consigliato tutto l'anno, questo tour in bicicletta di 4 giorni attraverso le valli e i villaggi dell'Atlante \u00e8 perfetto per chi vuole vivere i migliori paesaggi montani e i villaggi berberi dell'area del Parco Nazionale di Imlil e Toubkal senza scalare il Toubkal. Poich\u00e9 il percorso rimane al di sotto del limite della neve, \u00e8 accessibile a tutti in inverno, indipendentemente dal livello di esperienza.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Tour Details \/ Itinerary -->\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-route\"><\/i> Itinerario del tour<\/h2>\r\n <div class=\"itinerary\">\r\n <div class=\"itinerary-item\">\r\n <div class=\"itinerary-day\">Giorno 1<\/div>\r\n <div class=\"itinerary-content\">\r\n <h3>Marrakech - Altopiano di Kik - Valle di Imlil vicino al monte Toubkal<\/h3>\r\n <p>La mattina presto la nostra guida e il nostro autista vi raggiungeranno nel vostro hotel o Riad per un trasferimento anticipato a sud-ovest di Marrakech, vicino al lago Takerkoust. Dopo aver preso possesso della vostra bicicletta e l'ultimo controllo, il viaggio pu\u00f2 iniziare.<\/p>\r\n <p>La giornata inizia con un tratto pianeggiante, per poi salire al villaggio di Takherkhourte prima di salire a zig-zag verso l'altopiano di Kik, con una splendida vista sulle imponenti cime dell'Atlante e sul MT Toubkal (la vetta pi\u00f9 alta del Nord Africa, 4167 m). Questo magnifico altopiano si trasforma con le stagioni:<\/p>\r\n <ul>\r\n <li>Marrone\/marrone in autunno, quando i contadini arano la terra con le loro squadre di asini e muli.<\/li>\r\n <li>Marrone\/bianco in inverno con le cime innevate della catena montuosa dell'Atlante<\/li>\r\n <li>Verde\/rosso in primavera, quando i campi d'orzo di un verde brillante si mescolano ai campi di papaveri<\/li>\r\n <li>Giallo\/marrone in estate per annunciare il raccolto<\/li>\r\n <\/ul>\r\n <p>Dopo una bella pedalata attraverso terrazze e villaggi locali in adobe, la pista perder\u00e0 rapidamente quota e scender\u00e0 ad Asni. Se avete ancora un po' di energia, possiamo percorrere i 17 km di strada asfaltata che ci separano dal villaggio di Imlil. In caso contrario, imballeremo le nostre biciclette e il nostro 4\u00d74 ci dar\u00e0 un passaggio fino al nostro alloggio a Imlil.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"itinerary-item\">\r\n <div class=\"itinerary-day\">Giorno 2<\/div>\r\n <div class=\"itinerary-content\">\r\n <h3>Imlil - Tizi Tamatert - Valle di Imnan<\/h3>\r\n <p>Dai piedi del Monte Toubkal, la vetta pi\u00f9 alta del Marocco e del Nord Africa (4167 m), il nostro viaggio inizia a scalare l'impegnativo Tizi Tamatert, a 2230 m di altezza. In cima, potremo godere di una vista spettacolare sulle maestose cime dell'Alto Atlante.<\/p>\r\n <p>Al villaggio di Wanskra, seguiremo una pista sterrata che scende a valle. L'itinerario \u00e8 impressionante a strapiombo sul profondo wady, con le sue terrazze verdi e i villaggi simili ad alveari attaccati ai fianchi secchi delle montagne. Il nostro viaggio \u00e8 scandito dai bambini che sono sempre stupiti di vedere i visitatori.<\/p>\r\n <p>L'arrivo nei pressi di Asni segna la fine del nostro viaggio. Pernottamento in una bella casa berbera.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"itinerary-item\">\r\n <div class=\"itinerary-day\">Giorno 3<\/div>\r\n <div class=\"itinerary-content\">\r\n <h3>Asni - Valle dell'Ourika - Marrakech<\/h3>\r\n <p>Dopo una buona colazione, ci prepareremo per la giornata e inizieremo il nostro viaggio. Percorreremo un breve tratto pianeggiante prima di mettere alla prova le nostre capacit\u00e0 fisiche su una lunga e impegnativa salita, dove potremo godere di una vista superba sul contrasto tra le pianure piatte dell'estremo nord e le imponenti cime delle montagne dell'Atlante appena sopra di noi.<\/p>\r\n <p>Continueremo a percorrere una bella pista in direzione est, a strapiombo sull'incredibile Valle dell'Ourika. Un misto di sentieri e piste ci condurr\u00e0 in fondo alla lussuosa valle, dove si concluder\u00e0 la nostra splendida giornata. Dopo aver sistemato le biciclette, un breve trasferimento ci condurr\u00e0 all'emozionante Marrakech.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-clipboard-list\"><\/i> Cosa \u00e8 incluso<\/h2>\r\n <div class=\"inclusion-grid\">\r\n <div>\r\n <h3><i class=\"fas fa-check-circle\" style=\"color:var(--tour-sage)\"><\/i> Incluso<\/h3>\r\n <ul class=\"inclusion-list\">\r\n <li><i class=\"fas fa-check\"><\/i> Guida e cuoco di lingua inglese<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Mulattieri e muli per i bagagli<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Tutti i pasti durante il trekking + acqua minerale, caff\u00e8 e t\u00e8<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Alloggio confortevole<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Escursione con guida locale<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Trasporto da e per Marrakech<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <h3><i class=\"fas fa-times-circle\" style=\"color:#e74c3c\"><\/i> Non incluso<\/h3>\r\n <ul class=\"exclusion-list\">\r\n <li><i class=\"fas fa-times\"><\/i> Assicurazione di viaggio<\/li>\r\n <li><i class=\"fas fa-times\"><\/i> Pranzi<\/li>\r\n <li><i class=\"fas fa-times\"><\/i> Bevande analcoliche<\/li>\r\n <li><i class=\"fas fa-times\"><\/i> Mance e spese personali<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-list-alt\"><\/i> Dettagli aggiuntivi<\/h2>\r\n <div class=\"additional-details-grid\">\r\n <div class=\"detail-item\"><div class=\"detail-icon\"><i class=\"fas fa-clock\"><\/i><\/div><div class=\"detail-content\"><h3>Orario di partenza<\/h3><p>La mattina presto da Marrakech<\/p><\/div><\/div>\r\n <div class=\"detail-item\"><div class=\"detail-icon\"><i class=\"fas fa-calendar-alt\"><\/i><\/div><div class=\"detail-content\"><h3>Durata<\/h3><p>4 giorni \/ 3 notti<\/p><\/div><\/div>\r\n <div class=\"detail-item\"><div class=\"detail-icon\"><i class=\"fas fa-users\"><\/i><\/div><div class=\"detail-content\"><h3>Dimensione del gruppo<\/h3><p>Piccoli gruppi<\/p><\/div><\/div>\r\n <div class=\"detail-item\"><div class=\"detail-icon\"><i class=\"fas fa-hotel\"><\/i><\/div><div class=\"detail-content\"><h3>Sistemazione<\/h3><p>Alberghi confortevoli e case berbere<\/p><\/div><\/div>\r\n <div class=\"detail-item\"><div class=\"detail-icon\"><i class=\"fas fa-sun\"><\/i><\/div><div class=\"detail-content\"><h3>Stagione migliore<\/h3><p>Tutto l'anno<\/p><\/div><\/div>\r\n <div class=\"detail-item\"><div class=\"detail-icon\"><i class=\"fas fa-bicycle\"><\/i><\/div><div class=\"detail-content\"><h3>Livello di attivit\u00e0<\/h3><p>Da moderato a impegnativo<\/p><\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- FAQ Section -->\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-question-circle\"><\/i> Domande frequenti<\/h2>\r\n <div class=\"faq-accordion\">\r\n <div class=\"faq-accordion-item\">\r\n <div class=\"faq-accordion-header\">\r\n <span>Qual \u00e8 il livello di difficolt\u00e0 di questo tour in bicicletta?<\/span>\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-accordion-content\">\r\n <p>Questo tour \u00e8 considerato da moderato a impegnativo, con alcune salite ripide e un terreno vario. I partecipanti devono avere un discreto livello di forma fisica e una certa esperienza di ciclismo, in particolare di mountain bike.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-accordion-item\">\r\n <div class=\"faq-accordion-header\">\r\n <span>Che tipo di bicicletta \u00e8 consigliata per questo tour?<\/span>\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-accordion-content\">\r\n <p>Si consiglia una mountain bike o una bici ibrida con buoni rapporti per il terreno vario, che comprende sia strade asfaltate che sentieri sterrati. Le biciclette possono essere fornite o si pu\u00f2 portare la propria.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-accordion-item\">\r\n <div class=\"faq-accordion-header\">\r\n <span>Cosa mettere in valigia per questa avventura in bicicletta?<\/span>\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-accordion-content\">\r\n <p>Si consiglia di portare in valigia abbigliamento da ciclismo, casco, scarpe comode per camminare, crema solare, occhiali da sole, cappello, strati per i cambiamenti di temperatura e una macchina fotografica per immortalare gli splendidi paesaggi.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-accordion-item\">\r\n <div class=\"faq-accordion-header\">\r\n <span>Ci sono opzioni per i non ciclisti o per chi ha bisogno di una pausa?<\/span>\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-accordion-content\">\r\n <p>S\u00ec, il nostro veicolo di supporto segue il gruppo e pu\u00f2 fornire il trasporto a chi ha bisogno di una pausa dalla bicicletta o preferisce saltare alcuni tratti impegnativi del percorso.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Bottom Gallery -->\r\n <section class=\"section bottom-gallery\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-images\"><\/i> Galleria dell'esperienza ciclistica<\/h2>\r\n <div class=\"gallery-row\">\r\n <figure class=\"gallery-thumb\"\r\n data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/image_processing20190129-4-jfdms2-2.jpg\"\r\n style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/image_processing20190129-4-jfdms2-2.jpg')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <\/figure>\r\n\r\n <figure class=\"gallery-thumb\"\r\n data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/65-1.jpg\"\r\n style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/65-1.jpg')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <\/figure>\r\n\r\n <figure class=\"gallery-thumb\"\r\n data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/caption-33.jpg\"\r\n style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/caption-33.jpg')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <\/figure>\r\n\r\n <figure class=\"gallery-thumb\"\r\n data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/5e-3.jpg\"\r\n style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/5e-3.jpg')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <\/figure>\r\n\r\n <figure class=\"gallery-thumb\"\r\n data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/marrakech-walls-and-atlas.jpg\"\r\n style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/marrakech-walls-and-atlas.jpg')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <\/figure>\r\n\r\n <figure class=\"gallery-thumb\"\r\n data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/07.jpg\"\r\n style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/07.jpg')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <\/figure>\r\n\r\n <figure class=\"gallery-thumb\"\r\n data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/e6-1.jpg\"\r\n style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/e6-1.jpg')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <\/figure>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n <!-- Support -->\r\n <section class=\"support-container\">\r\n <h3 class=\"support-title\"><i class=\"fas fa-headset\"><\/i> Hai bisogno di aiuto? Contattateci<\/h3>\r\n <div class=\"support-info\">\r\n <div class=\"support-item\">\r\n <div class=\"support-icon\"><i class=\"fas fa-phone\"><\/i><\/div>\r\n <div class=\"support-details\"><h4>Telefono<\/h4><p>0675747089<\/p><\/div>\r\n <\/div>\r\n <div class=\"support-item\">\r\n <div class=\"support-icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\r\n <div class=\"support-details\"><h4>Email<\/h4><p>info@moroquestadventures.com<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n\r\n <!-- Sidebar -->\r\n <aside class=\"booking-sidebar\">\r\n <section class=\"section price-section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-tag\"><\/i> Prezzo del tour<\/h2>\r\n <div class=\"price-amount\" id=\"price-amount\">$250<\/div>\r\n <p class=\"price-note\">Per persona<\/p>\r\n <p><i class=\"fas fa-calendar-alt\"><\/i> Tour in bicicletta di 4 giorni<\/p>\r\n <p><i class=\"fas fa-users\"><\/i> Piccoli gruppi<\/p>\r\n <p><i class=\"fas fa-bicycle\"><\/i> Mountain bike<\/p>\r\n <\/section>\r\n <section class=\"section booking-form\" aria-labelledby=\"book-title\">\r\n <h2 id=\"book-title\" class=\"section-title\"><i class=\"fas fa-calendar-plus\"><\/i> Prenota questo tour<\/h2>\r\n <form id=\"booking-form\" novalidate action=\"\">\r\n <!-- One line: date + participants (desktop) -->\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"tour-date\">Selezionare la data del tour<\/label>\r\n <input type=\"date\" id=\"tour-date\" class=\"form-control\" required placeholder=\"Selezionare una data\">\r\n <div class=\"error-message\" id=\"date-error\">Selezionare una data valida<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"participants\">Numero di partecipanti<\/label>\r\n <input type=\"number\" id=\"participants\" class=\"form-control\" min=\"1\" max=\"15\" value=\"1\" required placeholder=\"ad esempio 2\">\r\n <div class=\"error-message\" id=\"participants-error\">Inserire un numero valido (1-15)<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"first-name\">Nome<\/label>\r\n <input type=\"text\" id=\"first-name\" class=\"form-control\" required placeholder=\"Ad esempio, Giovanni\">\r\n <div class=\"error-message\" id=\"first-name-error\">Inserire il proprio nome<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"last-name\">Cognome<\/label>\r\n <input type=\"text\" id=\"last-name\" class=\"form-control\" required placeholder=\"Ad esempio, Smith\">\r\n <div class=\"error-message\" id=\"last-name-error\">Inserire il proprio cognome<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"email\">Indirizzo e-mail<\/label>\r\n <input type=\"email\" id=\"email\" class=\"form-control\" required placeholder=\"Ad esempio, john@example.com\">\r\n <div class=\"error-message\" id=\"email-error\">Inserire un indirizzo e-mail valido<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"phone\">Numero di telefono<\/label>\r\n <input type=\"tel\" id=\"phone\" class=\"form-control\" required placeholder=\"ad esempio +212612345678\">\r\n <div class=\"error-message\" id=\"phone-error\">Inserire un numero di telefono valido (minimo 10 cifre)<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"special-requests\">Richieste speciali<\/label>\r\n <textarea id=\"special-requests\" class=\"form-control\" rows=\"3\" placeholder=\"Preferenze alimentari, esigenze di bicicletta, ecc.\"><\/textarea>\r\n <\/div>\r\n <button type=\"submit\" class=\"btn-book\" id=\"submit-btn\"><i class=\"fa-solid fa-paper-plane\"><\/i> Prenota ora<\/button>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"it\"\/><\/form>\r\n <\/section>\r\n <\/aside>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Mobile bottom bar -->\r\n <div class=\"mobile-booking-bar\">\r\n <div class=\"booking-bar-content\">\r\n <div class=\"price-info\">\r\n <div class=\"price-amount\" id=\"mobile-price-amount\">$250<\/div>\r\n <p class=\"price-note\">Per persona<\/p>\r\n <\/div>\r\n <button class=\"btn-book-mobile\" id=\"open-mobile-popup\"><i class=\"fas fa-calendar-plus\"><\/i> Prenota ora<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Mobile Popup -->\r\n <div class=\"mobile-popup-overlay\" id=\"mobile-popup\" aria-hidden=\"true\">\r\n <div class=\"mobile-popup\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"mobile-popup-title\">\r\n <div class=\"popup-header\">\r\n <div class=\"popup-title\" id=\"mobile-popup-title\"><i class=\"fas fa-calendar-plus\"><\/i> Prenota questo tour<\/div>\r\n <button class=\"close-popup\" id=\"close-mobile-popup\" aria-label=\"Chiudere\"><i class=\"fas fa-times\"><\/i><\/button>\r\n <\/div>\r\n\r\n <form id=\"mobile-booking-form\" novalidate action=\"\">\r\n <!-- DATE & PARTICIPANTS: each on its own full-width line -->\r\n <div class=\"form-row row-1col\">\r\n <div class=\"form-group\">\r\n <label for=\"m-tour-date\">Selezionare la data del tour<\/label>\r\n <input type=\"date\" id=\"m-tour-date\" class=\"form-control\" required placeholder=\"Selezionare una data\">\r\n <div class=\"error-message\" id=\"m-date-error\">Selezionare una data valida<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"form-row row-1col\">\r\n <div class=\"form-group\">\r\n <label for=\"m-participants\">Numero di partecipanti<\/label>\r\n <input type=\"number\" id=\"m-participants\" class=\"form-control\" min=\"1\" max=\"15\" value=\"1\" required placeholder=\"ad esempio 2\">\r\n <div class=\"error-message\" id=\"m-participants-error\">Inserire un numero valido (1-15)<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Two-per-line for the rest -->\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"m-first-name\">Nome<\/label>\r\n <input type=\"text\" id=\"m-first-name\" class=\"form-control\" required placeholder=\"Ad esempio, Giovanni\">\r\n <div class=\"error-message\" id=\"m-first-name-error\">Inserire il proprio nome<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"m-last-name\">Cognome<\/label>\r\n <input type=\"text\" id=\"m-last-name\" class=\"form-control\" required placeholder=\"Ad esempio, Smith\">\r\n <div class=\"error-message\" id=\"m-last-name-error\">Inserire il proprio cognome<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"m-email\">Indirizzo e-mail<\/label>\r\n <input type=\"email\" id=\"m-email\" class=\"form-control\" required placeholder=\"Ad esempio, john@example.com\">\r\n <div class=\"error-message\" id=\"m-email-error\">Inserire un indirizzo e-mail valido<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"m-phone\">Numero di telefono<\/label>\r\n <input type=\"tel\" id=\"m-phone\" class=\"form-control\" required placeholder=\"ad esempio +212612345678\">\r\n <div class=\"error-message\" id=\"m-phone-error\">Inserire un numero di telefono valido (minimo 10 cifre)<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"m-special-requests\">Richieste speciali<\/label>\r\n <textarea id=\"m-special-requests\" class=\"form-control\" rows=\"3\" placeholder=\"Preferenze alimentari, esigenze di bicicletta, ecc.\"><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"popup-total\"><span>Totale<\/span><strong id=\"mobile-popup-total\">$250<\/strong><\/div>\r\n\r\n <div class=\"popup-actions\">\r\n <button type=\"button\" class=\"btn-book\" id=\"mobile-cancel\">Annullamento<\/button>\r\n <button type=\"submit\" class=\"btn-book\" id=\"mobile-submit\"><i class=\"fa-solid fa-paper-plane\"><\/i> Confermare la prenotazione<\/button>\r\n <\/div>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"it\"\/><\/form>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Lightbox -->\r\n <dialog id=\"lightbox\">\r\n <button class=\"close-lightbox\" aria-label=\"Chiudere il riquadro luminoso\"><i class=\"fas fa-times\"><\/i><\/button>\r\n <div class=\"lb-wrap\"><img class=\"lb-img\" id=\"lb-img\" alt=\"Gallery image\" \/><\/div>\r\n <\/dialog>\r\n\r\n <!-- SIMPLIFIED PROFESSIONAL THANK YOU MESSAGE -->\r\n <div class=\"thankyou-overlay\" id=\"thankyou\">\r\n <div class=\"thankyou-card\">\r\n <div class=\"icon\"><i class=\"fa-solid fa-check\"><\/i><\/div>\r\n <h3>Grazie!<\/h3>\r\n <p>Abbiamo ricevuto la sua richiesta di prenotazione e la contatteremo a breve per confermarla.<\/p>\r\n <div class=\"btn-row\">\r\n <button class=\"btn-book\" id=\"ty-close\">Chiudere<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"toast\" id=\"toast\" role=\"status\" aria-live=\"polite\"><\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Initialize EmailJS with your PUBLIC KEY\r\n (function(){ \r\n emailjs.init(\"01y34xv7r8ybBh8sA\");\r\n })();\r\n\r\n \/* Validation Functions *\/\r\n function validateEmail(email) {\r\n \/\/ Strict email validation\r\n const emailRegex = \/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$\/;\r\n return emailRegex.test(email);\r\n }\r\n\r\n function validatePhone(phone) {\r\n \/\/ Remove all non-digit characters\r\n const cleanPhone = phone.replace(\/\\D\/g, '');\r\n \/\/ Check if phone has at least 10 digits (international standard)\r\n return cleanPhone.length >= 10;\r\n }\r\n\r\n function showError(inputId, errorId, message) {\r\n document.getElementById(inputId).classList.add('error');\r\n document.getElementById(errorId).textContent = message;\r\n document.getElementById(errorId).style.display = 'block';\r\n }\r\n\r\n function hideError(inputId, errorId) {\r\n document.getElementById(inputId).classList.remove('error');\r\n document.getElementById(errorId).style.display = 'none';\r\n }\r\n\r\n function validateForm(formType = 'desktop') {\r\n let isValid = true;\r\n const prefix = formType === 'mobile' ? 'm-' : '';\r\n\r\n \/\/ Validate email\r\n const email = document.getElementById(`${prefix}email`).value.trim();\r\n if (!validateEmail(email)) {\r\n showError(`${prefix}email`, `${prefix}email-error`, 'Please enter a valid email address (e.g., name@domain.com)');\r\n isValid = false;\r\n } else {\r\n hideError(`${prefix}email`, `${prefix}email-error`);\r\n }\r\n\r\n \/\/ Validate phone\r\n const phone = document.getElementById(`${prefix}phone`).value.trim();\r\n if (!validatePhone(phone)) {\r\n showError(`${prefix}phone`, `${prefix}phone-error`, 'Please enter a valid phone number with at least 10 digits');\r\n isValid = false;\r\n } else {\r\n hideError(`${prefix}phone`, `${prefix}phone-error`);\r\n }\r\n\r\n \/\/ Validate required fields\r\n const requiredFields = [\r\n { id: `${prefix}tour-date`, errorId: `${prefix}date-error`, message: 'Please select a tour date' },\r\n { id: `${prefix}participants`, errorId: `${prefix}participants-error`, message: 'Please enter number of participants' },\r\n { id: `${prefix}first-name`, errorId: `${prefix}first-name-error`, message: 'Please enter your first name' },\r\n { id: `${prefix}last-name`, errorId: `${prefix}last-name-error`, message: 'Please enter your last name' }\r\n ];\r\n\r\n requiredFields.forEach(field => {\r\n const value = document.getElementById(field.id).value.trim();\r\n if (!value) {\r\n showError(field.id, field.errorId, field.message);\r\n isValid = false;\r\n } else {\r\n hideError(field.id, field.errorId);\r\n }\r\n });\r\n\r\n return isValid;\r\n }\r\n\r\n \/* Gallery *\/\r\n const mainImage=document.getElementById('main-image');\r\n const galleryThumbs=document.querySelectorAll('.gallery-thumb');\r\n galleryThumbs.forEach(thumb=>{\r\n thumb.addEventListener('click',()=>{\r\n const mainSrc=thumb.getAttribute('data-main');\r\n const fullSrc=thumb.getAttribute('data-full');\r\n mainImage.style.backgroundImage=`url('${mainSrc}')`;\r\n mainImage.querySelector('.zoom-btn').setAttribute('data-full',fullSrc);\r\n galleryThumbs.forEach(t=>t.classList.remove('active')); thumb.classList.add('active');\r\n });\r\n });\r\n const lightbox=document.getElementById('lightbox'); const lbImg=document.getElementById('lb-img'); const closeLightbox=document.querySelector('.close-lightbox');\r\n function openLightbox(src){ lbImg.src=src; lbImg.classList.remove('zoomed'); lightbox.showModal(); }\r\n mainImage.addEventListener('click',()=>openLightbox(mainImage.querySelector('.zoom-btn').getAttribute('data-full')));\r\n document.querySelectorAll('.zoom-btn').forEach(btn=>btn.addEventListener('click',e=>{e.stopPropagation();openLightbox(btn.getAttribute('data-full'));}));\r\n closeLightbox.addEventListener('click',()=>lightbox.close());\r\n lbImg.addEventListener('click',()=>lbImg.classList.toggle('zoomed'));\r\n\r\n \/* Min date = tomorrow *\/\r\n (function(){\r\n const d=new Date(); d.setDate(d.getDate()+1);\r\n const min=`${d.getFullYear()}-${String(d.getMonth()+1).padStart(2,'0')}-${String(d.getDate()).padStart(2,'0')}`;\r\n ['tour-date','m-tour-date'].forEach(id=>{const el=document.getElementById(id); if(el) el.min=min;});\r\n })();\r\n\r\n \/* FAQ *\/\r\n document.querySelectorAll('.faq-accordion-header').forEach(h=>{\r\n h.addEventListener('click',()=>{\r\n const item=h.parentElement; const isActive=item.classList.contains('active');\r\n document.querySelectorAll('.faq-accordion-item').forEach(i=>i.classList.remove('active'));\r\n if(!isActive){ item.classList.add('active'); }\r\n });\r\n });\r\n\r\n \/* Pricing *\/\r\n const basePrice=250;\r\n const participantsInput=document.getElementById('participants');\r\n const priceAmount=document.getElementById('price-amount');\r\n const mobileBarAmount=document.getElementById('mobile-price-amount');\r\n function updateSidebarAndBar(){\r\n const n=Math.max(1,parseInt(participantsInput.value||'1',10));\r\n const total=basePrice*n;\r\n priceAmount.textContent=`$${total}`;\r\n mobileBarAmount.textContent=`$${total}`;\r\n }\r\n if(participantsInput){ participantsInput.addEventListener('input',updateSidebarAndBar); updateSidebarAndBar(); }\r\n\r\n \/* Toast *\/\r\n const toast=document.getElementById('toast');\r\n function showToast(text,type='success'){ toast.textContent=text; toast.className='toast show '+type; setTimeout(()=>toast.classList.remove('show'),5000); }\r\n\r\n \/* THANK YOU overlay helpers *\/\r\n const TY=document.getElementById('thankyou');\r\n const TY_CLOSE=document.getElementById('ty-close');\r\n function showThankYou(){\r\n TY.style.display='block'; \r\n document.body.style.overflow='hidden';\r\n }\r\n function hideThankYou(){ \r\n TY.style.display='none'; \r\n document.body.style.overflow=''; \r\n }\r\n TY_CLOSE.addEventListener('click',hideThankYou);\r\n\r\n \/* Desktop submit *\/\r\n const form=document.getElementById('booking-form');\r\n const submitBtn=document.getElementById('submit-btn');\r\n if(form){\r\n form.addEventListener('submit',async e=>{\r\n e.preventDefault();\r\n \r\n \/\/ Validate form before submission\r\n if (!validateForm('desktop')) {\r\n showToast('Please fix the errors in the form','error');\r\n return;\r\n }\r\n \r\n submitBtn.disabled=true; submitBtn.innerHTML='<i class=\"fas fa-spinner fa-spin\"><\/i> Sending...';\r\n try{\r\n const pax=parseInt(document.getElementById('participants').value||'1',10);\r\n const total=`$${basePrice*Math.max(1,pax)}`;\r\n const formData={\r\n tour_date:document.getElementById('tour-date').value,\r\n participants:pax,\r\n first_name:document.getElementById('first-name').value,\r\n last_name:document.getElementById('last-name').value,\r\n email: document.getElementById('email').value,\r\n phone: document.getElementById('phone').value,\r\n special_requests:document.getElementById('special-requests').value,\r\n tour_name:'4-Day Cycling Marrakech and Atlas Mountains',\r\n total_price:total\r\n };\r\n \r\n \/\/ Send email using your EmailJS credentials\r\n await emailjs.send('service_xaasfmh', 'template_887d10v', formData);\r\n \r\n showThankYou();\r\n form.reset(); \r\n updateSidebarAndBar();\r\n }catch(err){ \r\n console.error('EmailJS Error:', err); \r\n showToast('Sorry, there was an error sending your request. Please try again.','error'); \r\n }\r\n finally{ submitBtn.disabled=false; submitBtn.innerHTML='<i class=\"fa-solid fa-paper-plane\"><\/i> Book Now'; }\r\n });\r\n }\r\n\r\n \/* Mobile popup *\/\r\n const openMobilePopupBtn=document.getElementById('open-mobile-popup');\r\n const mobilePopupOverlay=document.getElementById('mobile-popup');\r\n const closeMobilePopupBtn=document.getElementById('close-mobile-popup');\r\n const mobileCancelBtn=document.getElementById('mobile-cancel');\r\n\r\n const mDate=document.getElementById('m-tour-date');\r\n const mParticipants=document.getElementById('m-participants');\r\n const mFirst=document.getElementById('m-first-name');\r\n const mLast=document.getElementById('m-last-name');\r\n const mEmail=document.getElementById('m-email');\r\n const mPhone=document.getElementById('m-phone');\r\n const mReq=document.getElementById('m-special-requests');\r\n const mTotal=document.getElementById('mobile-popup-total');\r\n\r\n function syncToMobile(){\r\n const d=(id)=>document.getElementById(id)?.value||'';\r\n mDate.value=d('tour-date'); mParticipants.value=d('participants')||'1';\r\n mFirst.value=d('first-name'); mLast.value=d('last-name');\r\n mEmail.value=d('email'); mPhone.value=d('phone'); mReq.value=d('special-requests');\r\n updateMobileTotal();\r\n }\r\n function updateMobileTotal(){\r\n const n=Math.max(1,parseInt(mParticipants.value||'1',10));\r\n mTotal.textContent=`$${basePrice*n}`;\r\n }\r\n function openPopup(){\r\n syncToMobile();\r\n mobilePopupOverlay.style.display='grid';\r\n document.body.style.overflow='hidden';\r\n mobilePopupOverlay.setAttribute('aria-hidden','false');\r\n }\r\n function closePopup(){\r\n mobilePopupOverlay.style.display='none';\r\n document.body.style.overflow='';\r\n mobilePopupOverlay.setAttribute('aria-hidden','true');\r\n if(document.getElementById('participants')){ document.getElementById('participants').value=mParticipants.value||'1'; updateSidebarAndBar(); }\r\n if(document.getElementById('tour-date')) document.getElementById('tour-date').value=mDate.value||'';\r\n }\r\n if(openMobilePopupBtn) openMobilePopupBtn.addEventListener('click',openPopup);\r\n if(closeMobilePopupBtn) closeMobilePopupBtn.addEventListener('click',closePopup);\r\n if(mobileCancelBtn) mobileCancelBtn.addEventListener('click',closePopup);\r\n window.addEventListener('click',e=>{ if(e.target===mobilePopupOverlay) closePopup(); });\r\n window.addEventListener('keydown',e=>{ if(e.key==='Escape' && mobilePopupOverlay.style.display!=='none') closePopup(); });\r\n if(mParticipants) mParticipants.addEventListener('input',updateMobileTotal);\r\n\r\n \/* Mobile submit *\/\r\n const mobileForm=document.getElementById('mobile-booking-form');\r\n const mobileSubmitBtn=document.getElementById('mobile-submit');\r\n if(mobileForm){\r\n mobileForm.addEventListener('submit',async e=>{\r\n e.preventDefault();\r\n \r\n \/\/ Validate form before submission\r\n if (!validateForm('mobile')) {\r\n showToast('Please fix the errors in the form','error');\r\n return;\r\n }\r\n \r\n mobileSubmitBtn.disabled=true; mobileSubmitBtn.innerHTML='<i class=\"fas fa-spinner fa-spin\"><\/i> Sending...';\r\n try{\r\n const pax=Math.max(1,parseInt(mParticipants.value||'1',10));\r\n const total=`$${basePrice*pax}`;\r\n const formData={\r\n tour_date:mDate.value, participants:pax, first_name:mFirst.value,\r\n last_name:mLast.value, email: mEmail.value, phone: mPhone.value, \r\n special_requests:mReq.value,\r\n tour_name:'4-Day Cycling Marrakech and Atlas Mountains',\r\n total_price:total\r\n };\r\n \r\n \/\/ Send email using your EmailJS credentials\r\n await emailjs.send('service_xaasfmh', 'template_887d10v', formData);\r\n \r\n closePopup();\r\n showThankYou();\r\n }catch(err){ \r\n console.error('EmailJS Error:', err); \r\n showToast('Sorry, there was an error sending your request. Please try again.','error'); \r\n }\r\n finally{ mobileSubmitBtn.disabled=false; mobileSubmitBtn.innerHTML='<i class=\"fa-solid fa-paper-plane\"><\/i> Confirm Booking'; }\r\n });\r\n }\r\n\r\n \/\/ Real-time validation for email and phone fields\r\n document.addEventListener('DOMContentLoaded', function() {\r\n \/\/ Desktop form real-time validation\r\n const emailInput = document.getElementById('email');\r\n const phoneInput = document.getElementById('phone');\r\n \r\n if (emailInput) {\r\n emailInput.addEventListener('blur', function() {\r\n if (this.value.trim() && !validateEmail(this.value.trim())) {\r\n showError('email', 'email-error', 'Please enter a valid email address (e.g., name@domain.com)');\r\n } else {\r\n hideError('email', 'email-error');\r\n }\r\n });\r\n }\r\n \r\n if (phoneInput) {\r\n phoneInput.addEventListener('blur', function() {\r\n if (this.value.trim() && !validatePhone(this.value.trim())) {\r\n showError('phone', 'phone-error', 'Please enter a valid phone number with at least 10 digits');\r\n } else {\r\n hideError('phone', 'phone-error');\r\n }\r\n });\r\n }\r\n\r\n \/\/ Mobile form real-time validation\r\n const mEmailInput = document.getElementById('m-email');\r\n const mPhoneInput = document.getElementById('m-phone');\r\n \r\n if (mEmailInput) {\r\n mEmailInput.addEventListener('blur', function() {\r\n if (this.value.trim() && !validateEmail(this.value.trim())) {\r\n showError('m-email', 'm-email-error', 'Please enter a valid email address (e.g., name@domain.com)');\r\n } else {\r\n hideError('m-email', 'm-email-error');\r\n }\r\n });\r\n }\r\n \r\n if (mPhoneInput) {\r\n mPhoneInput.addEventListener('blur', function() {\r\n if (this.value.trim() && !validatePhone(this.value.trim())) {\r\n showError('m-phone', 'm-phone-error', 'Please enter a valid phone number with at least 10 digits');\r\n } else {\r\n hideError('m-phone', 'm-phone-error');\r\n }\r\n });\r\n }\r\n });\r\n\r\n \/\/ Add zoom functionality to Desert Experience Gallery\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const bottomGalleryThumbs = document.querySelectorAll('.bottom-gallery .gallery-thumb');\r\n \r\n bottomGalleryThumbs.forEach(thumb => {\r\n thumb.addEventListener('click', function() {\r\n const fullSrc = this.getAttribute('data-full');\r\n openLightbox(fullSrc);\r\n });\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>View Tour Description 4-Day Cycling Marrakech and Atlas Mountains Highly recommended … <\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-402","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/moroquestadventures.com\/it\/wp-json\/wp\/v2\/pages\/402","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moroquestadventures.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/moroquestadventures.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/moroquestadventures.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/moroquestadventures.com\/it\/wp-json\/wp\/v2\/comments?post=402"}],"version-history":[{"count":14,"href":"https:\/\/moroquestadventures.com\/it\/wp-json\/wp\/v2\/pages\/402\/revisions"}],"predecessor-version":[{"id":1339,"href":"https:\/\/moroquestadventures.com\/it\/wp-json\/wp\/v2\/pages\/402\/revisions\/1339"}],"wp:attachment":[{"href":"https:\/\/moroquestadventures.com\/it\/wp-json\/wp\/v2\/media?parent=402"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}