{"id":7,"date":"2025-10-28T13:46:44","date_gmt":"2025-10-28T13:46:44","guid":{"rendered":"https:\/\/moroquestadventures.com\/?page_id=7"},"modified":"2025-11-04T19:08:43","modified_gmt":"2025-11-04T19:08:43","slug":"mount-toubkal-trek-2-days-and-1-night","status":"publish","type":"page","link":"https:\/\/moroquestadventures.com\/es\/mount-toubkal-trek-2-days-and-1-night\/","title":{"rendered":"Excursi\u00f3n al Toubkal: 2 d\u00edas y 1 noche."},"content":{"rendered":"\t\t
\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 Epic Mount Toubkal Trek: 2 Days and 1 Night Summit Adventure | MoroQuest Adventures<\/title>\r\n <meta name=\"description\" content=\"Conquer Mount Toubkal on our unforgettable 2-day trek from Marrakech. Summit North Africa's highest peak with expert guides, overnight at Toubkal Refuge, and experience breathtaking Atlas Mountain views.\">\r\n <meta name=\"keywords\" content=\"Mount Toubkal trek, Toubkal 2-day hike, Atlas Mountains trekking, Morocco hiking tours, North Africa highest peak, Toubkal summit adventure\">\r\n <meta property=\"og:title\" content=\"Epic Mount Toubkal Trek: 2 Days and 1 Night Summit Adventure\">\r\n <meta property=\"og:description\" content=\"Summit North Africa's highest peak on this unforgettable 2-day Mount Toubkal trek through the High Atlas Mountains.\">\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 { margin-top: 40px; }\r\n .bottom-gallery .gallery-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }\r\n @media (max-width: 768px) {\r\n .bottom-gallery .gallery-row { grid-template-columns: repeat(2, 1fr); }\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 { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.85); z-index: 10000; backdrop-filter: blur(5px); overflow-y: auto; padding: 20px; box-sizing: border-box; }\r\n .thankyou-card { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; border-radius: 20px; padding: 50px 40px; max-width: 450px; width: 90%; text-align: center; box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3); border: 1px solid var(--tour-border); animation: thankYouSlideIn 0.5s ease-out; }\r\n @keyframes thankYouSlideIn { 0% { opacity: 0; transform: translate(-50%, -40%); } 100% { opacity: 1; transform: translate(-50%, -50%); } }\r\n .thankyou-card .icon { width: 90px; height: 90px; background: linear-gradient(135deg, var(--tour-sage), var(--tour-sage-700)); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 30px; color: white; font-size: 2.5rem; box-shadow: 0 10px 25px rgba(100, 122, 104, 0.3); }\r\n .thankyou-card h3 { font-size: 2rem; margin-bottom: 20px; color: var(--tour-ink); font-weight: 800; line-height: 1.2; }\r\n .thankyou-card p { color: var(--tour-muted); margin-bottom: 0; line-height: 1.6; font-size: 1.2rem; }\r\n .thankyou-card .btn-row { display: flex; justify-content: center; gap: 15px; margin-top: 30px; }\r\n .thankyou-card .btn-book { padding: 14px 24px; font-size: 1.1rem; min-width: 140px; }\r\n\r\n @media (max-width: 600px) {\r\n .thankyou-card { padding: 40px 25px; width: 95%; }\r\n .thankyou-card .icon { width: 80px; height: 80px; font-size: 2.2rem; margin-bottom: 25px; }\r\n .thankyou-card h3 { font-size: 1.7rem; margin-bottom: 15px; }\r\n .thankyou-card p { font-size: 1.1rem; }\r\n .thankyou-card .btn-row { flex-direction: column; gap: 12px; margin-top: 25px; }\r\n .thankyou-card .btn-book { width: 100%; padding: 12px 16px; }\r\n }\r\n\r\n \/* ---- Travel Tips Section ---- *\/\r\n .travel-tips { background: rgba(230,126,34,.03); border-left: 4px solid var(--tour-terra); padding: 20px; border-radius: 10px; margin: 20px 0; }\r\n .travel-tips h3 { color: var(--tour-terra); margin-top: 0; display: flex; align-items: center; gap: 10px; }\r\n .tips-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 15px; margin-top: 15px; }\r\n .tips-item { display: flex; align-items: center; gap: 10px; }\r\n .tips-item i { color: var(--tour-sage); }\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 .tips-list{grid-template-columns:1fr}\r\n }\r\n\r\n \/* ===== MOBILE POPUP (centered) ===== *\/\r\n .mobile-popup-overlay{ display:none; position:fixed; inset:0; z-index:99999; background:rgba(0,0,0,.55); backdrop-filter:blur(4px); padding: max(24px, env(safe-area-inset-top)) 18px max(24px, env(safe-area-inset-bottom)); overflow:auto; place-items:center; }\r\n .mobile-popup{ width:min(560px, 92vw); max-height:min(720px, calc(100dvh - 64px)); background:#fff; border-radius:16px; border:1px solid var(--tour-border); box-shadow:0 20px 50px rgba(0,0,0,.25); padding:18px; animation:popupIn .22s ease-out; overflow:auto; }\r\n @keyframes popupIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}\r\n .mobile-popup .popup-header{ position:sticky;top:0;background:#fff;z-index:1; padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid var(--tour-border); display:flex;align-items:center;justify-content:space-between;gap:10px }\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=\"Image gallery\">\r\n <figure class=\"gallery-main\" id=\"main-image\" style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-14.07.34_e91078e2.jpg')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <button class=\"zoom-btn\" data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-14.07.34_e91078e2.jpg\"><i class=\"fa-solid fa-magnifying-glass\"><\/i> View<\/button>\r\n <\/figure>\r\n <div class=\"gallery-row\">\r\n <figure class=\"gallery-thumb active\" data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-14.07.34_e91078e2.jpg\" data-main=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-14.07.34_e91078e2.jpg\" style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-14.07.34_e91078e2.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-14.07.33_18f191d5.jpg\" data-main=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-14.07.33_18f191d5.jpg\" style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-14.07.33_18f191d5.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-14.07.33_a22cf850.jpg\" data-main=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-14.07.33_a22cf850.jpg\" style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-14.07.33_a22cf850.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n <\/div>\r\n <\/section>\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> Tour Description<\/h1>\r\n <div class=\"tour-highlight\">Epic Mount Toubkal Trek: 2 Days and 1 Night Summit Adventure<\/div>\r\n <div class=\"description\">\r\n <p>Embark on an unforgettable 2-day adventure to summit North Africa's highest peak. This challenging but rewarding trek takes you through the stunning High Atlas Mountains, offering breathtaking views and a true sense of accomplishment.<\/p>\r\n \r\n <p>Your journey begins with a 1.5-hour car transfer from Marrakech to Imlil, where you'll meet your team of experienced muleteers and guides. From there, you'll begin your ascent to the Toubkal Refuge, spending a night at high altitude before making your summit attempt the following morning.<\/p>\r\n \r\n <p>For those planning their trip to Morocco, check out our comprehensive <a href=\"https:\/\/moroquestadventures.com\/flight-to-morocco\/\" rel=\"dofollow\">guide to flights to Morocco<\/a> for the best travel options.<\/p>\r\n \r\n <p>If you're concerned about safety, read our detailed article on <a href=\"https:\/\/moroquestadventures.com\/is-it-safe-to-travel-to-morocco-in-2025-what-every-traveler-should\/\" rel=\"dofollow\">safety in Morocco for 2025<\/a>.<\/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> Trek Itinerary<\/h2>\r\n <div class=\"itinerary\">\r\n <div class=\"itinerary-item\">\r\n <div class=\"itinerary-day\">Day 1<\/div>\r\n <div class=\"itinerary-content\">\r\n <h3>Marrakech to Toubkal Refuge<\/h3>\r\n <p>We begin with a 1.5-hour car transfer from Marrakech to Imlil. Here we meet our team of muleteers and our guide and begin the hike to the Toubkal Refuge. We'll have a picnic lunch before continuing the ascent along the mule track to the Toubkal Refuge (3,200 m). The hike lasts approximately 6 hours. We can stay in a dormitory at the refuge or in a campervan outside.<\/p>\r\n \r\n <p>For more information about exploring other destinations in Morocco after your trek, check out our guide to the <a href=\"https:\/\/moroquestadventures.com\/top-10-cities-in-morocco-to-visit-from-marrakech-to-tangier\/\" rel=\"dofollow\">top 10 cities in Morocco to visit<\/a>.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"itinerary-item\">\r\n <div class=\"itinerary-day\">Day 2<\/div>\r\n <div class=\"itinerary-content\">\r\n <h3>Summit Day & Return<\/h3>\r\n <p>We have an early breakfast around 5:00 a.m. to take advantage of the morning coolness and reach the summit of Mount Toubkal. The ascent is not particularly difficult, but it is demanding, with some climbing and loose scree, depending on your fitness level. The view from the summit is breathtaking: to the north, over the Marrakech plain and to the south, over the Sahara. We overlook many other peaks of the High Atlas and the village of Imlil. After a snack and photos at the summit, we continue our journey to the refuge, arriving in time for lunch. After lunch, we slowly descend back to Imlil. The descent is not difficult, but it is long. We arrive in Imlil in the late afternoon. Then, drive to Marrakech if you have not booked an extra night in Imlil.<\/p>\r\n \r\n <p>After your trek, consider relaxing at one of the <a href=\"https:\/\/moroquestadventures.com\/best-morocco-resorts-for-a-relaxing-getaway-in-2025\/\" rel=\"dofollow\">best Morocco resorts for a relaxing getaway<\/a>.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Travel Tips Section -->\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-lightbulb\"><\/i> Essential Trekking Tips<\/h2>\r\n <div class=\"travel-tips\">\r\n <h3><i class=\"fas fa-exclamation-circle\"><\/i> What to Bring<\/h3>\r\n <div class=\"tips-list\">\r\n <div class=\"tips-item\"><i class=\"fas fa-check\"><\/i> Sturdy hiking boots with ankle support<\/div>\r\n <div class=\"tips-item\"><i class=\"fas fa-check\"><\/i> Warm layers (temperatures drop significantly)<\/div>\r\n <div class=\"tips-item\"><i class=\"fas fa-check\"><\/i> Sleeping bag (not included)<\/div>\r\n <div class=\"tips-item\"><i class=\"fas fa-check\"><\/i> Headlamp or flashlight<\/div>\r\n <div class=\"tips-item\"><i class=\"fas fa-check\"><\/i> Sun protection (hat, sunscreen, sunglasses)<\/div>\r\n <div class=\"tips-item\"><i class=\"fas fa-check\"><\/i> Personal first aid kit<\/div>\r\n <div class=\"tips-item\"><i class=\"fas fa-check\"><\/i> Water bottles\/hydration system (2-3 liters)<\/div>\r\n <div class=\"tips-item\"><i class=\"fas fa-check\"><\/i> Trekking poles (highly recommended)<\/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> What's Included<\/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> Included<\/h3>\r\n <ul class=\"inclusion-list\">\r\n <li><i class=\"fas fa-check\"><\/i> Accommodation: 1 night at Toubkal Refuge (shared room)<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Meals: 1 breakfast, 2 lunches, 1 dinner<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Hotel pickup and drop-off in Marrakech<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Mule to carry luggage (from April to November)<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Professional local guide<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Guided hike to Toubkal refuge<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Guided hike to the summit of Mount Toubkal<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <h3><i class=\"fas fa-times-circle\" style=\"color:#e74c3c\"><\/i> Not Included<\/h3>\r\n <ul class=\"exclusion-list\">\r\n <li><i class=\"fas fa-times\"><\/i> Drinks<\/li>\r\n <li><i class=\"fas fa-times\"><\/i> Sleeping bag<\/li>\r\n <li><i class=\"fas fa-times\"><\/i> Trekking gear<\/li>\r\n <li><i class=\"fas fa-times\"><\/i> Personal expenses<\/li>\r\n <li><i class=\"fas fa-times\"><\/i> Travel insurance<\/li>\r\n <li><i class=\"fas fa-times\"><\/i> Tips for guides and staff<\/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> Additional Details<\/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>Duration<\/h3><p>2 days, 1 night<\/p><\/div><\/div>\r\n <div class=\"detail-item\"><div class=\"detail-icon\"><i class=\"fas fa-mountain\"><\/i><\/div><div class=\"detail-content\"><h3>Summit Height<\/h3><p>4,167 meters (13,671 ft)<\/p><\/div><\/div>\r\n <div class=\"detail-item\"><div class=\"detail-icon\"><i class=\"fas fa-hiking\"><\/i><\/div><div class=\"detail-content\"><h3>Difficulty Level<\/h3><p>Challenging - Good fitness required<\/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>Group Size<\/h3><p>Small groups with experienced guides<\/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>Best Season<\/h3><p>April to November<\/p><\/div><\/div>\r\n <div class=\"detail-item\"><div class=\"detail-icon\"><i class=\"fas fa-bed\"><\/i><\/div><div class=\"detail-content\"><h3>Accommodation<\/h3><p>Mountain refuge (shared dormitory)<\/p><\/div><\/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> Mount Toubkal Trek Gallery<\/h2>\r\n <div class=\"gallery-row\">\r\n <figure class=\"gallery-thumb\" data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-14.07.34_9da1588b.jpg\" style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-14.07.34_9da1588b.jpg')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <img decoding=\"async\" src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-14.07.34_9da1588b.jpg\" alt=\"Mount Toubkal Trek Adventure - Hikers on the trail\" style=\"display:none\">\r\n <\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-14.07.34_e91078e2.jpg\" style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-14.07.34_e91078e2.jpg')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <img decoding=\"async\" src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-14.07.34_e91078e2.jpg\" alt=\"Mount Toubkal Trek - Summit view from North Africa's highest peak\" style=\"display:none\">\r\n <\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-14.07.33_18f191d5.jpg\" style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-14.07.33_18f191d5.jpg')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <img decoding=\"async\" src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-14.07.33_18f191d5.jpg\" alt=\"Mount Toubkal Trek - High Atlas Mountains landscape\" style=\"display:none\">\r\n <\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-14.07.33_ed98b5ac.jpg\" style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-14.07.33_ed98b5ac.jpg')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <img decoding=\"async\" src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-14.07.33_ed98b5ac.jpg\" alt=\"Mount Toubkal Trek - Traditional Berber village in the Atlas Mountains\" style=\"display:none\">\r\n <\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-14.07.33_e1ed0cce.jpg\" style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-14.07.33_e1ed0cce.jpg')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <img decoding=\"async\" src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-14.07.33_e1ed0cce.jpg\" alt=\"Mount Toubkal Trek - Hikers at Toubkal Refuge\" style=\"display:none\">\r\n <\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-14.07.33_e71d7c65.jpg\" style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-14.07.33_e71d7c65.jpg')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <img decoding=\"async\" src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-14.07.33_e71d7c65.jpg\" alt=\"Mount Toubkal Trek - Sunrise from the summit\" style=\"display:none\">\r\n <\/figure>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Support -->\r\n <section class=\"support-container\">\r\n <h3 class=\"support-title\"><i class=\"fas fa-headset\"><\/i> Need Help? Contact Us<\/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>Phone<\/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> Tour Price<\/h2>\r\n <div class=\"price-amount\" id=\"price-amount\">$170<\/div>\r\n <p class=\"price-note\">Per person<\/p>\r\n <p><i class=\"fas fa-calendar-alt\"><\/i> 2-Day Adventure<\/p>\r\n <p><i class=\"fas fa-mountain\"><\/i> Summit North Africa's Highest Peak<\/p>\r\n <p><i class=\"fas fa-hiking\"><\/i> Professional Guides<\/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> Book This Trek<\/h2>\r\n <form id=\"booking-form\" novalidate>\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\">Select Start Date<\/label>\r\n <input type=\"date\" id=\"tour-date\" class=\"form-control\" required placeholder=\"Select a date\">\r\n <div class=\"error-message\" id=\"date-error\">Please select a valid date<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"participants\">Number of Participants<\/label>\r\n <input type=\"number\" id=\"participants\" class=\"form-control\" min=\"1\" max=\"8\" value=\"1\" required placeholder=\"e.g. 2\">\r\n <div class=\"error-message\" id=\"participants-error\">Please enter a valid number (1-8)<\/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\">First Name<\/label>\r\n <input type=\"text\" id=\"first-name\" class=\"form-control\" required placeholder=\"e.g. John\">\r\n <div class=\"error-message\" id=\"first-name-error\">Please enter your first name<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"last-name\">Last Name<\/label>\r\n <input type=\"text\" id=\"last-name\" class=\"form-control\" required placeholder=\"e.g. Smith\">\r\n <div class=\"error-message\" id=\"last-name-error\">Please enter your last name<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"email\">Email Address<\/label>\r\n <input type=\"email\" id=\"email\" class=\"form-control\" required placeholder=\"e.g. john@example.com\">\r\n <div class=\"error-message\" id=\"email-error\">Please enter a valid email address<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"phone\">Phone Number<\/label>\r\n <input type=\"tel\" id=\"phone\" class=\"form-control\" required placeholder=\"e.g. +212612345678\">\r\n <div class=\"error-message\" id=\"phone-error\">Please enter a valid phone number (minimum 10 digits)<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"special-requests\">Special Requests \/ Medical Conditions<\/label>\r\n <textarea id=\"special-requests\" class=\"form-control\" rows=\"3\" placeholder=\"Dietary requirements, medical conditions, etc.\"><\/textarea>\r\n <\/div>\r\n <button type=\"submit\" class=\"btn-book\" id=\"submit-btn\"><i class=\"fa-solid fa-paper-plane\"><\/i> Book Now<\/button>\r\n <\/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\">$170<\/div>\r\n <p class=\"price-note\">Per person<\/p>\r\n <\/div>\r\n <button class=\"btn-book-mobile\" id=\"open-mobile-popup\"><i class=\"fas fa-calendar-plus\"><\/i> Book Now<\/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> Book This Trek<\/div>\r\n <button class=\"close-popup\" id=\"close-mobile-popup\" aria-label=\"Close\"><i class=\"fas fa-times\"><\/i><\/button>\r\n <\/div>\r\n\r\n <form id=\"mobile-booking-form\" novalidate>\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\">Select Start Date<\/label>\r\n <input type=\"date\" id=\"m-tour-date\" class=\"form-control\" required placeholder=\"Select a date\">\r\n <div class=\"error-message\" id=\"m-date-error\">Please select a valid date<\/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\">Number of Participants<\/label>\r\n <input type=\"number\" id=\"m-participants\" class=\"form-control\" min=\"1\" max=\"8\" value=\"1\" required placeholder=\"e.g. 2\">\r\n <div class=\"error-message\" id=\"m-participants-error\">Please enter a valid number (1-8)<\/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\">First Name<\/label>\r\n <input type=\"text\" id=\"m-first-name\" class=\"form-control\" required placeholder=\"e.g. John\">\r\n <div class=\"error-message\" id=\"m-first-name-error\">Please enter your first name<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"m-last-name\">Last Name<\/label>\r\n <input type=\"text\" id=\"m-last-name\" class=\"form-control\" required placeholder=\"e.g. Smith\">\r\n <div class=\"error-message\" id=\"m-last-name-error\">Please enter your last name<\/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\">Email Address<\/label>\r\n <input type=\"email\" id=\"m-email\" class=\"form-control\" required placeholder=\"e.g. john@example.com\">\r\n <div class=\"error-message\" id=\"m-email-error\">Please enter a valid email address<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"m-phone\">Phone Number<\/label>\r\n <input type=\"tel\" id=\"m-phone\" class=\"form-control\" required placeholder=\"e.g. +212612345678\">\r\n <div class=\"error-message\" id=\"m-phone-error\">Please enter a valid phone number (minimum 10 digits)<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"m-special-requests\">Special Requests \/ Medical Conditions<\/label>\r\n <textarea id=\"m-special-requests\" class=\"form-control\" rows=\"3\" placeholder=\"Dietary requirements, medical conditions, etc.\"><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"popup-total\"><span>Total<\/span><strong id=\"mobile-popup-total\">$170<\/strong><\/div>\r\n\r\n <div class=\"popup-actions\">\r\n <button type=\"button\" class=\"btn-book\" id=\"mobile-cancel\">Cancel<\/button>\r\n <button type=\"submit\" class=\"btn-book\" id=\"mobile-submit\"><i class=\"fa-solid fa-paper-plane\"><\/i> Confirm Booking<\/button>\r\n <\/div>\r\n <\/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=\"Close lightbox\"><i class=\"fas fa-times\"><\/i><\/button>\r\n <div class=\"lb-wrap\"><img class=\"lb-img\" id=\"lb-img\" alt=\"Mount Toubkal Trek - Summit Adventure\" \/><\/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>Thank You!<\/h3>\r\n <p>We've received your booking request and will contact you shortly to confirm.<\/p>\r\n <div class=\"btn-row\">\r\n <button class=\"btn-book\" id=\"ty-close\">Close<\/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 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 const cleanPhone = phone.replace(\/\\D\/g, '');\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') || thumb.style.backgroundImage.slice(5,-2);\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=170;\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 if (!validateForm('desktop')) {\r\n showToast('Please fix the errors in the form','error');\r\n return;\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 \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:'Mount Toubkal Trek: 2 Days and 1 Night',\r\n total_price:total\r\n };\r\n await emailjs.send('service_xaasfmh', 'template_887d10v', formData);\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'); \r\n 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 if (!validateForm('mobile')) {\r\n showToast('Please fix the errors in the form','error');\r\n return;\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 \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:'Mount Toubkal Trek: 2 Days and 1 Night',\r\n total_price:total\r\n };\r\n await emailjs.send('service_xaasfmh', 'template_887d10v', formData);\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 const emailInput = document.getElementById('email');\r\n const phoneInput = document.getElementById('phone');\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 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 const mEmailInput = document.getElementById('m-email');\r\n const mPhoneInput = document.getElementById('m-phone');\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 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 Mount Toubkal Trek Gallery\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const bottomGalleryThumbs = document.querySelectorAll('.bottom-gallery .gallery-thumb');\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Epic Mount Toubkal Trek: 2 Days and 1 Night Summit Adventure … <\/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-7","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\/es\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moroquestadventures.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/moroquestadventures.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/moroquestadventures.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/moroquestadventures.com\/es\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":79,"href":"https:\/\/moroquestadventures.com\/es\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":1734,"href":"https:\/\/moroquestadventures.com\/es\/wp-json\/wp\/v2\/pages\/7\/revisions\/1734"}],"wp:attachment":[{"href":"https:\/\/moroquestadventures.com\/es\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}