{"id":527,"date":"2025-12-08T16:22:38","date_gmt":"2025-12-08T16:22:38","guid":{"rendered":"https:\/\/moroccotravelsaharacamp.com\/?page_id=527"},"modified":"2025-12-08T19:19:19","modified_gmt":"2025-12-08T19:19:19","slug":"day-trip-to-imlil-high-atlas","status":"publish","type":"page","link":"https:\/\/moroccotravelsaharacamp.com\/fr\/day-trip-to-imlil-high-atlas\/","title":{"rendered":"Day Trip to Imlil & High Atlas"},"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 Day Trip to Imlil & High Atlas | Excursion from Marrakech<\/title>\r\n <meta name=\"description\" content=\"Book a Day Trip to Imlil & High Atlas from Marrakech. Explore traditional Berber villages, hike scenic trails, enjoy mountain views, and experience authentic Moroccan culture.\">\r\n <meta name=\"keywords\" content=\"Imlil day trip, High Atlas day trip, day trip from Marrakech, Toubkal National Park, Berber villages Morocco, Atlas Mountains tour\">\r\n \r\n <!-- Fonts & Icons -->\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.5.1\/css\/all.min.css\">\r\n \r\n <style>\r\n \/* CSS RESET FOR OUR COMPONENT ONLY *\/\r\n #marrakech-desert-tour-wrapper * {\r\n box-sizing: border-box !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper {\r\n --primary-bg: #ffffff !important;\r\n --card-bg: #ffffff !important;\r\n --accent-color: #BF1A1A !important;\r\n --accent-color-2: #FF6C0C !important;\r\n --accent-light: #ffe4d6 !important;\r\n --accent-dark: #a31616 !important;\r\n --accent-gradient: linear-gradient(135deg, #BF1A1A, #FF6C0C) !important;\r\n --text-primary: #1a1a1a !important;\r\n --text-secondary: #555555 !important;\r\n --border-color: rgba(191, 26, 26, 0.15) !important;\r\n --radius-large: 16px !important;\r\n --radius-medium: 12px !important;\r\n --shadow-large: 0 10px 30px rgba(191, 26, 26, 0.15) !important;\r\n --shadow-small: 0 5px 15px rgba(191, 26, 26, 0.1) !important;\r\n\r\n font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\r\n background: #ffffff !important;\r\n color: var(--text-primary) !important;\r\n line-height: 1.6 !important;\r\n isolation: isolate !important;\r\n position: relative !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .container {\r\n max-width: 1300px !important;\r\n margin: 0 auto !important;\r\n padding: 20px 18px 60px !important;\r\n }\r\n\r\n \/* Hero Section *\/\r\n #marrakech-desert-tour-wrapper .hero-section {\r\n display: grid !important;\r\n grid-template-columns: minmax(0, 1.7fr) minmax(0, 1.3fr) !important;\r\n gap: 24px !important;\r\n align-items: stretch !important;\r\n margin-bottom: 26px !important;\r\n }\r\n\r\n @media (max-width: 960px) {\r\n #marrakech-desert-tour-wrapper .hero-section {\r\n grid-template-columns: 1fr !important;\r\n }\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .hero-content {\r\n position: relative !important;\r\n padding: 22px 24px 20px !important;\r\n border-radius: var(--radius-large) !important;\r\n background: linear-gradient(135deg, #fff8f3 0%, #ffffff 100%) !important;\r\n box-shadow: var(--shadow-large) !important;\r\n overflow: hidden !important;\r\n border: 1px solid rgba(255, 108, 12, 0.1) !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .hero-content::after {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n width: 260px !important;\r\n height: 260px !important;\r\n border-radius: 999px !important;\r\n background: radial-gradient(circle at center, rgba(255, 108, 12, 0.15), transparent 70%) !important;\r\n top: -80px !important;\r\n right: -120px !important;\r\n opacity: 0.7 !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .route-badge {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 8px !important;\r\n padding: 6px 14px !important;\r\n border-radius: 999px !important;\r\n background: linear-gradient(135deg, #BF1A1A, #FF6C0C) !important;\r\n color: #ffffff !important;\r\n font-size: 0.75rem !important;\r\n text-transform: uppercase !important;\r\n letter-spacing: 0.16em !important;\r\n margin-bottom: 12px !important;\r\n position: relative !important;\r\n z-index: 1 !important;\r\n font-weight: 600 !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .hero-content h1 {\r\n margin: 0 0 10px !important;\r\n font-size: 30px !important;\r\n font-weight: 800 !important;\r\n letter-spacing: -0.02em !important;\r\n position: relative !important;\r\n z-index: 1 !important;\r\n line-height: 1.2 !important;\r\n color: #1a1a1a !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .hero-description {\r\n margin: 0 0 18px !important;\r\n color: var(--text-secondary) !important;\r\n font-size: 1.05rem !important;\r\n max-width: 38rem !important;\r\n position: relative !important;\r\n z-index: 1 !important;\r\n line-height: 1.7 !important;\r\n }\r\n\r\n .keyword-highlight {\r\n font-weight: 700 !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .transfer-details {\r\n display: flex !important;\r\n flex-wrap: wrap !important;\r\n gap: 8px !important;\r\n position: relative !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .detail-pill {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 6px !important;\r\n font-size: 0.8rem !important;\r\n padding: 8px 14px !important;\r\n border-radius: 999px !important;\r\n background: rgba(191, 26, 26, 0.08) !important;\r\n color: #BF1A1A !important;\r\n border: 1px solid rgba(191, 26, 26, 0.2) !important;\r\n font-weight: 500 !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .detail-pill i {\r\n color: #FF6C0C !important;\r\n }\r\n\r\n \/* Gallery Section *\/\r\n #marrakech-desert-tour-wrapper .gallery-section {\r\n display: grid !important;\r\n gap: 10px !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .main-gallery {\r\n position: relative !important;\r\n border-radius: var(--radius-large) !important;\r\n overflow: hidden !important;\r\n height: 340px !important;\r\n background: #000 !important;\r\n box-shadow: var(--shadow-large) !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .main-gallery img {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .gallery-overlay {\r\n position: absolute !important;\r\n inset: 0 !important;\r\n background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent 55%) !important;\r\n pointer-events: none !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .gallery-caption {\r\n position: absolute !important;\r\n left: 14px !important;\r\n bottom: 14px !important;\r\n padding: 8px 14px !important;\r\n border-radius: 999px !important;\r\n font-size: 0.8rem !important;\r\n background: linear-gradient(135deg, #BF1A1A, #FF6C0C) !important;\r\n color: #ffffff !important;\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 7px !important;\r\n font-weight: 500 !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .thumbnail-grid {\r\n display: grid !important;\r\n grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\r\n gap: 8px !important;\r\n margin-top: 8px !important;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n #marrakech-desert-tour-wrapper .thumbnail-grid {\r\n grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\r\n }\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .thumbnail {\r\n border-radius: 12px !important;\r\n overflow: hidden !important;\r\n position: relative !important;\r\n border: 2px solid transparent !important;\r\n cursor: pointer !important;\r\n min-height: 90px !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .thumbnail img {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n display: block !important;\r\n transform: scale(1.04) !important;\r\n transition: transform 0.3s !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .thumbnail:hover img {\r\n transform: scale(1.08) !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .thumbnail::after {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n inset: 0 !important;\r\n background: linear-gradient(to top, rgba(191, 26, 26, 0.3), transparent 75%) !important;\r\n opacity: 0 !important;\r\n transition: opacity 0.3s !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .thumbnail:hover::after {\r\n opacity: 1 !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .thumbnail.active {\r\n border-color: var(--accent-color) !important;\r\n box-shadow: 0 0 0 2px rgba(255, 108, 12, 0.3) !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .info-cards {\r\n display: flex !important;\r\n gap: 10px !important;\r\n margin-top: 12px !important;\r\n flex-wrap: wrap !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .info-card {\r\n flex: 1 1 0 !important;\r\n min-width: 0 !important;\r\n border-radius: var(--radius-medium) !important;\r\n background: var(--card-bg) !important;\r\n border: 1px solid var(--border-color) !important;\r\n padding: 14px 16px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 12px !important;\r\n box-shadow: var(--shadow-small) !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .info-icon {\r\n width: 40px !important;\r\n height: 40px !important;\r\n border-radius: 999px !important;\r\n display: grid !important;\r\n place-items: center !important;\r\n background: linear-gradient(135deg, #BF1A1A, #FF6C0C) !important;\r\n color: #ffffff !important;\r\n font-size: 1rem !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .info-text span {\r\n display: block !important;\r\n font-size: 0.75rem !important;\r\n text-transform: uppercase !important;\r\n letter-spacing: 0.08em !important;\r\n color: var(--text-secondary) !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .info-text strong {\r\n font-size: 1rem !important;\r\n color: var(--text-primary) !important;\r\n }\r\n\r\n \/* Main Layout *\/\r\n #marrakech-desert-tour-wrapper .main-layout {\r\n display: grid !important;\r\n grid-template-columns: minmax(0, 1.8fr) minmax(0, 1.1fr) !important;\r\n gap: 26px !important;\r\n align-items: flex-start !important;\r\n }\r\n\r\n @media (max-width: 980px) {\r\n #marrakech-desert-tour-wrapper .main-layout {\r\n grid-template-columns: 1fr !important;\r\n }\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .content-section {\r\n border-radius: var(--radius-large) !important;\r\n background: var(--card-bg) !important;\r\n border: 1px solid var(--border-color) !important;\r\n padding: 24px 24px 22px !important;\r\n margin-bottom: 20px !important;\r\n box-shadow: var(--shadow-small) !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .section-header {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 12px !important;\r\n margin-bottom: 16px !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .section-header i {\r\n width: 32px !important;\r\n height: 32px !important;\r\n border-radius: 999px !important;\r\n display: grid !important;\r\n place-items: center !important;\r\n background: linear-gradient(135deg, #BF1A1A, #FF6C0C) !important;\r\n color: #ffffff !important;\r\n font-size: 1rem !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .section-header h2 {\r\n margin: 0 !important;\r\n font-size: 1.2rem !important;\r\n letter-spacing: 0.02em !important;\r\n text-transform: uppercase !important;\r\n color: var(--text-primary) !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .section-header small {\r\n display: block !important;\r\n font-size: 0.8rem !important;\r\n color: var(--text-secondary) !important;\r\n margin-top: 2px !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .highlight-box {\r\n padding: 16px 18px !important;\r\n border-radius: 12px !important;\r\n background: linear-gradient(135deg, #fff8f3 0%, #ffe4d6 100%) !important;\r\n border: 1px solid rgba(255, 108, 12, 0.2) !important;\r\n font-size: 1rem !important;\r\n margin-bottom: 16px !important;\r\n line-height: 1.7 !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .highlight-box strong {\r\n color: #BF1A1A !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .content-section p {\r\n color: var(--text-secondary) !important;\r\n font-size: 1rem !important;\r\n margin: 0 0 12px !important;\r\n line-height: 1.7 !important;\r\n }\r\n\r\n \/* Feature Grid - Mobile: 1 item per line *\/\r\n #marrakech-desert-tour-wrapper .feature-grid {\r\n display: grid !important;\r\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n gap: 12px !important;\r\n margin-top: 16px !important;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n #marrakech-desert-tour-wrapper .feature-grid {\r\n grid-template-columns: 1fr !important;\r\n }\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .feature-card {\r\n border-radius: var(--radius-medium) !important;\r\n background: #f9f9f9 !important;\r\n border: 1px solid var(--border-color) !important;\r\n padding: 14px 16px !important;\r\n font-size: 0.95rem !important;\r\n display: flex !important;\r\n align-items: flex-start !important;\r\n gap: 10px !important;\r\n transition: all 0.3s !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .feature-card:hover {\r\n transform: translateY(-2px) !important;\r\n box-shadow: var(--shadow-small) !important;\r\n border-color: #FF6C0C !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .feature-card i {\r\n color: #FF6C0C !important;\r\n margin-top: 4px !important;\r\n font-size: 1rem !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .feature-card strong {\r\n display: block !important;\r\n font-size: 0.95rem !important;\r\n color: var(--text-primary) !important;\r\n margin-bottom: 4px !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .feature-card div {\r\n color: var(--text-secondary) !important;\r\n font-size: 0.9rem !important;\r\n }\r\n\r\n \/* Itinerary *\/\r\n #marrakech-desert-tour-wrapper .itinerary-step {\r\n display: grid !important;\r\n grid-template-columns: 180px minmax(0, 1fr) !important;\r\n gap: 16px !important;\r\n padding: 18px 0 !important;\r\n border-bottom: 1px solid var(--border-color) !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .itinerary-step:last-child {\r\n border-bottom: none !important;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n #marrakech-desert-tour-wrapper .itinerary-step {\r\n grid-template-columns: 1fr !important;\r\n gap: 8px !important;\r\n padding: 16px 0 !important;\r\n }\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .step-label {\r\n font-size: 0.9rem !important;\r\n text-transform: uppercase !important;\r\n letter-spacing: 0.12em !important;\r\n font-weight: 700 !important;\r\n color: #BF1A1A !important;\r\n background: rgba(191, 26, 26, 0.08) !important;\r\n padding: 6px 12px !important;\r\n border-radius: 6px !important;\r\n display: inline-block !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .step-content h3 {\r\n margin: 0 0 8px !important;\r\n font-size: 1.1rem !important;\r\n color: var(--text-primary) !important;\r\n font-weight: 600 !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .step-content p {\r\n margin: 0 !important;\r\n color: var(--text-secondary) !important;\r\n font-size: 0.98rem !important;\r\n line-height: 1.7 !important;\r\n }\r\n\r\n \/* Tour Highlights Section (Separate from Itinerary) *\/\r\n #marrakech-desert-tour-wrapper .highlights-grid {\r\n display: grid !important;\r\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n gap: 16px !important;\r\n margin-top: 16px !important;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n #marrakech-desert-tour-wrapper .highlights-grid {\r\n grid-template-columns: 1fr !important;\r\n }\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .highlight-item {\r\n background: #f9f9f9 !important;\r\n border-radius: var(--radius-medium) !important;\r\n padding: 18px 20px !important;\r\n border: 1px solid var(--border-color) !important;\r\n display: flex !important;\r\n align-items: flex-start !important;\r\n gap: 12px !important;\r\n transition: all 0.3s !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .highlight-item:hover {\r\n transform: translateY(-3px) !important;\r\n box-shadow: var(--shadow-small) !important;\r\n border-color: #FF6C0C !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .highlight-icon {\r\n width: 40px !important;\r\n height: 40px !important;\r\n border-radius: 999px !important;\r\n display: grid !important;\r\n place-items: center !important;\r\n background: linear-gradient(135deg, #BF1A1A, #FF6C0C) !important;\r\n color: #ffffff !important;\r\n font-size: 1rem !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .highlight-text h4 {\r\n margin: 0 0 6px !important;\r\n font-size: 1rem !important;\r\n color: var(--text-primary) !important;\r\n font-weight: 700 !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .highlight-text p {\r\n margin: 0 !important;\r\n color: var(--text-secondary) !important;\r\n font-size: 0.95rem !important;\r\n line-height: 1.6 !important;\r\n }\r\n\r\n \/* Inclusions - Mobile Optimized *\/\r\n #marrakech-desert-tour-wrapper .two-column {\r\n display: grid !important;\r\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n gap: 24px !important;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n #marrakech-desert-tour-wrapper .two-column {\r\n grid-template-columns: 1fr !important;\r\n gap: 30px !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .inclusion-column {\r\n background: #f9f9f9 !important;\r\n border-radius: var(--radius-medium) !important;\r\n padding: 20px !important;\r\n border: 1px solid var(--border-color) !important;\r\n box-shadow: var(--shadow-small) !important;\r\n }\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .list-title {\r\n font-size: 1.1rem !important;\r\n font-weight: 700 !important;\r\n margin-bottom: 12px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 8px !important;\r\n color: var(--text-primary) !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .list-title i {\r\n background: none !important;\r\n width: auto !important;\r\n height: auto !important;\r\n color: #BF1A1A !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .bullet-list {\r\n list-style: none !important;\r\n padding: 0 !important;\r\n margin: 0 !important;\r\n font-size: 1rem !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .bullet-list li {\r\n display: flex !important;\r\n gap: 10px !important;\r\n margin-bottom: 10px !important;\r\n color: var(--text-secondary) !important;\r\n align-items: flex-start !important;\r\n line-height: 1.6 !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .bullet-list li i {\r\n margin-top: 3px !important;\r\n font-size: 0.9rem !important;\r\n min-width: 16px !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .bullet-list.included li i {\r\n color: #BF1A1A !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .bullet-list.excluded li i {\r\n color: #dc2626 !important;\r\n }\r\n\r\n \/* FAQ *\/\r\n #marrakech-desert-tour-wrapper .faq-item {\r\n border-radius: var(--radius-medium) !important;\r\n border: 1px solid var(--border-color) !important;\r\n margin-bottom: 12px !important;\r\n background: #f9f9f9 !important;\r\n overflow: hidden !important;\r\n transition: all 0.3s !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .faq-item:hover {\r\n border-color: #FF6C0C !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .faq-question {\r\n padding: 16px 20px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: space-between !important;\r\n gap: 16px !important;\r\n cursor: pointer !important;\r\n background: #ffffff !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .faq-question span {\r\n font-size: 1rem !important;\r\n font-weight: 600 !important;\r\n color: var(--text-primary) !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .faq-question i {\r\n color: #FF6C0C !important;\r\n transition: transform 0.3s !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .faq-item.open .faq-question i {\r\n transform: rotate(180deg) !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .faq-answer {\r\n max-height: 0 !important;\r\n overflow: hidden !important;\r\n padding: 0 20px !important;\r\n font-size: 0.95rem !important;\r\n color: var(--text-secondary) !important;\r\n transition: max-height 0.3s ease, padding 0.3s ease !important;\r\n background: #ffffff !important;\r\n line-height: 1.7 !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .faq-item.open .faq-answer {\r\n padding: 0 20px 20px !important;\r\n max-height: 300px !important;\r\n }\r\n\r\n \/* Sidebar - Fixed Form Only *\/\r\n #marrakech-desert-tour-wrapper .sidebar {\r\n position: sticky !important;\r\n top: 20px !important;\r\n align-self: flex-start !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .booking-form {\r\n border-radius: var(--radius-large) !important;\r\n background: var(--card-bg) !important;\r\n border: 1px solid var(--border-color) !important;\r\n padding: 24px !important;\r\n box-shadow: var(--shadow-small) !important;\r\n position: sticky !important;\r\n top: 20px !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .booking-form h3 {\r\n margin: 0 0 8px !important;\r\n font-size: 1.2rem !important;\r\n color: var(--text-primary) !important;\r\n font-weight: 700 !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .booking-form p {\r\n margin: 0 0 20px !important;\r\n font-size: 0.95rem !important;\r\n color: var(--text-secondary) !important;\r\n line-height: 1.6 !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .form-group {\r\n margin-bottom: 16px !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .form-row {\r\n display: grid !important;\r\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n gap: 16px !important;\r\n }\r\n\r\n \/* Updated form layout for mobile *\/\r\n @media (max-width: 768px) {\r\n #marrakech-desert-tour-wrapper .sidebar {\r\n position: static !important;\r\n top: auto !important;\r\n margin-top: 16px !important;\r\n }\r\n #marrakech-desert-tour-wrapper .booking-form {\r\n position: static !important;\r\n top: auto !important;\r\n }\r\n #marrakech-desert-tour-wrapper .form-row {\r\n grid-template-columns: 1fr !important;\r\n gap: 12px !important;\r\n }\r\n \/* Mobile form adjustments *\/\r\n #marrakech-desert-tour-wrapper .full-width-input {\r\n grid-column: 1 \/ -1 !important;\r\n }\r\n }\r\n\r\n #marrakech-desert-tour-wrapper label {\r\n display: block !important;\r\n font-size: 0.9rem !important;\r\n font-weight: 600 !important;\r\n margin-bottom: 6px !important;\r\n color: var(--text-primary) !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .form-input,\r\n #marrakech-desert-tour-wrapper textarea {\r\n width: 100% !important;\r\n border-radius: 8px !important;\r\n border: 1px solid #ddd !important;\r\n padding: 12px 14px !important;\r\n font: inherit !important;\r\n font-size: 0.95rem !important;\r\n background: #ffffff !important;\r\n outline: none !important;\r\n transition: all 0.3s !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .form-input:focus,\r\n #marrakech-desert-tour-wrapper textarea:focus {\r\n border-color: #FF6C0C !important;\r\n box-shadow: 0 0 0 3px rgba(255, 108, 12, 0.1) !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .form-input.error,\r\n #marrakech-desert-tour-wrapper textarea.error {\r\n border-color: #dc2626 !important;\r\n background: #fef2f2 !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .error-message {\r\n display: none !important;\r\n font-size: 0.85rem !important;\r\n color: #dc2626 !important;\r\n margin-top: 4px !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .btn-primary {\r\n width: 100% !important;\r\n border-radius: 999px !important;\r\n border: none !important;\r\n padding: 14px !important;\r\n background: linear-gradient(135deg, #BF1A1A, #FF6C0C) !important;\r\n color: #ffffff !important;\r\n font-weight: 700 !important;\r\n font-size: 1rem !important;\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n gap: 8px !important;\r\n cursor: pointer !important;\r\n box-shadow: 0 4px 15px rgba(191, 26, 26, 0.3) !important;\r\n transition: all 0.3s !important;\r\n margin-top: 8px !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .btn-primary:hover {\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 6px 20px rgba(191, 26, 26, 0.4) !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .btn-primary:disabled {\r\n opacity: 0.6 !important;\r\n cursor: not-allowed !important;\r\n transform: none !important;\r\n box-shadow: none !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .btn-primary i {\r\n font-size: 1rem !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .form-note {\r\n font-size: 0.85rem !important;\r\n color: var(--text-secondary) !important;\r\n margin-top: 12px !important;\r\n text-align: center !important;\r\n line-height: 1.5 !important;\r\n }\r\n\r\n \/* Toast *\/\r\n #marrakech-desert-tour-wrapper .toast {\r\n position: fixed !important;\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n bottom: 20px !important;\r\n padding: 12px 20px !important;\r\n border-radius: 999px !important;\r\n background: linear-gradient(135deg, #BF1A1A, #FF6C0C) !important;\r\n color: #ffffff !important;\r\n font-size: 0.9rem !important;\r\n box-shadow: var(--shadow-large) !important;\r\n display: none !important;\r\n z-index: 1050 !important;\r\n font-weight: 500 !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .toast.show {\r\n display: block !important;\r\n }\r\n\r\n \/* Thank You Overlay *\/\r\n #marrakech-desert-tour-wrapper .thankyou-overlay {\r\n display: none;\r\n position: fixed !important;\r\n inset: 0 !important;\r\n background: rgba(26, 26, 26, 0.8) !important;\r\n z-index: 1200 !important;\r\n backdrop-filter: blur(8px) !important;\r\n padding: 20px !important;\r\n box-sizing: border-box !important;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .thankyou-card {\r\n background: #ffffff !important;\r\n border-radius: var(--radius-large) !important;\r\n padding: 32px 28px 28px !important;\r\n max-width: 420px !important;\r\n width: 100% !important;\r\n text-align: center !important;\r\n box-shadow: 0 20px 60px rgba(26, 26, 26, 0.3) !important;\r\n border: 1px solid var(--border-color) !important;\r\n position: relative !important;\r\n animation: thankYouPopIn 0.3s ease-out !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .thankyou-close {\r\n position: absolute !important;\r\n top: 16px !important;\r\n right: 16px !important;\r\n width: 32px !important;\r\n height: 32px !important;\r\n border-radius: 999px !important;\r\n border: none !important;\r\n background: #f9f9f9 !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n cursor: pointer !important;\r\n color: var(--text-secondary) !important;\r\n font-size: 1rem !important;\r\n transition: all 0.3s !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .thankyou-close:hover {\r\n background: #f0f0f0 !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .thankyou-icon {\r\n margin-bottom: 16px !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .thankyou-icon .circle {\r\n width: 80px !important;\r\n height: 80px !important;\r\n border-radius: 999px !important;\r\n margin: 0 auto !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n background: linear-gradient(135deg, #22c55e, #16a34a) !important;\r\n box-shadow: 0 8px 25px rgba(34, 197, 94, 0.4) !important;\r\n color: #ffffff !important;\r\n font-size: 2rem !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .thankyou-title {\r\n font-size: 1.4rem !important;\r\n font-weight: 700 !important;\r\n margin-bottom: 12px !important;\r\n color: var(--text-primary) !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .thankyou-text {\r\n font-size: 1rem !important;\r\n color: var(--text-secondary) !important;\r\n margin-bottom: 8px !important;\r\n line-height: 1.6 !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .thankyou-subtext {\r\n font-size: 0.9rem !important;\r\n color: var(--text-secondary) !important;\r\n line-height: 1.6 !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .thankyou-actions {\r\n margin-top: 24px !important;\r\n display: flex !important;\r\n justify-content: center !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .thankyou-actions button {\r\n border-radius: 999px !important;\r\n border: none !important;\r\n padding: 12px 28px !important;\r\n font-size: 1rem !important;\r\n font-weight: 600 !important;\r\n cursor: pointer !important;\r\n background: linear-gradient(135deg, #BF1A1A, #FF6C0C) !important;\r\n color: #ffffff !important;\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 8px !important;\r\n box-shadow: var(--shadow-small) !important;\r\n transition: all 0.3s !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .thankyou-actions button:hover {\r\n transform: translateY(-2px) !important;\r\n }\r\n\r\n @keyframes thankYouPopIn {\r\n 0% {\r\n opacity: 0;\r\n transform: translateY(20px) scale(0.95);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateY(0) scale(1);\r\n }\r\n }\r\n\r\n \/* Wikipedia link styling *\/\r\n #marrakech-desert-tour-wrapper .wiki-link {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n color: var(--accent-color);\r\n text-decoration: none;\r\n font-weight: 500;\r\n margin-top: 10px;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .wiki-link:hover {\r\n text-decoration: underline;\r\n }\r\n\r\n \/* Mobile Optimization *\/\r\n @media (max-width: 768px) {\r\n #marrakech-desert-tour-wrapper .container {\r\n padding: 15px 12px 60px !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .hero-section {\r\n margin-bottom: 20px !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .gallery-section {\r\n order: 1 !important;\r\n margin-bottom: 16px !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .hero-content {\r\n padding: 20px 18px !important;\r\n order: 2 !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .main-gallery {\r\n height: 280px !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .thumbnail-grid {\r\n grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .thumbnail {\r\n min-height: 80px !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .transfer-details {\r\n display: grid !important;\r\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n gap: 8px !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .detail-pill {\r\n width: 100% !important;\r\n justify-content: center !important;\r\n text-align: center !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .content-section {\r\n padding: 20px 18px !important;\r\n margin-bottom: 16px !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .highlight-box {\r\n padding: 14px 16px !important;\r\n font-size: 0.95rem !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .info-cards {\r\n flex-direction: column !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .info-card {\r\n width: 100% !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .bullet-list.included {\r\n display: grid !important;\r\n grid-template-columns: 1fr !important;\r\n gap: 12px !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .bullet-list.included li {\r\n background: #f9f9f9 !important;\r\n padding: 14px !important;\r\n border-radius: var(--radius-medium) !important;\r\n border: 1px solid var(--border-color) !important;\r\n margin-bottom: 0 !important;\r\n align-items: flex-start !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .bullet-list.included li i {\r\n margin-top: 2px !important;\r\n font-size: 1rem !important;\r\n min-width: 20px !important;\r\n }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n #marrakech-desert-tour-wrapper .container {\r\n padding: 12px 10px 60px !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .hero-content {\r\n padding: 18px 16px !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .main-gallery {\r\n height: 240px !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .thumbnail-grid {\r\n grid-template-columns: repeat(4, 1fr) !important;\r\n gap: 6px !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .thumbnail {\r\n min-height: 70px !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .content-section {\r\n padding: 18px 16px !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .bullet-list.included li {\r\n padding: 12px !important;\r\n font-size: 0.95rem !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .hero-content h1 {\r\n font-size: 24px !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .hero-description {\r\n font-size: 1rem !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .transfer-details {\r\n grid-template-columns: 1fr !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div id=\"marrakech-desert-tour-wrapper\">\r\n <div class=\"container\">\r\n <!-- Hero Section -->\r\n <header class=\"hero-section\">\r\n <!-- Gallery -->\r\n <div class=\"gallery-section\">\r\n <div class=\"main-gallery\">\r\n <img decoding=\"async\"\r\n id=\"main-gallery-img\"\r\n src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/maroc-imlil-maguy.jpg.1920x0_q85_format-jpg.jpg\"\r\n alt=\"Day Trip to Imlil & High Atlas\"\r\n \/>\r\n <div class=\"gallery-overlay\"><\/div>\r\n <div class=\"gallery-caption\">\r\n <i class=\"fa-solid fa-mountain\"><\/i> Day Trip from Marrakech\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"thumbnail-grid\">\r\n <button\r\n class=\"thumbnail active\"\r\n data-src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/maroc-imlil-maguy.jpg.1920x0_q85_format-jpg.jpg\"\r\n >\r\n <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/maroc-imlil-maguy.jpg.1920x0_q85_format-jpg.jpg\" alt=\"Imlil & High Atlas Views\" \/>\r\n <\/button>\r\n <button\r\n class=\"thumbnail\"\r\n data-src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/07-2.jpg\"\r\n >\r\n <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/07-2.jpg\" alt=\"Traditional Berber Village\" \/>\r\n <\/button>\r\n <button\r\n class=\"thumbnail\"\r\n data-src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/Imlil-1.jpg\"\r\n >\r\n <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/Imlil-1.jpg\" alt=\"Atlas Mountains Trek\" \/>\r\n <\/button>\r\n <button\r\n class=\"thumbnail\"\r\n data-src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/imlil-view-2.jpg\"\r\n >\r\n <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/imlil-view-2.jpg\" alt=\"Imlil Valley Scenery\" \/>\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"info-cards\">\r\n <div class=\"info-card\">\r\n <div class=\"info-icon\"><i class=\"fa-solid fa-clock\"><\/i><\/div>\r\n <div class=\"info-text\">\r\n <span>Dur\u00e9e de l'accord<\/span>\r\n <strong>Full Day (8-10 hours)<\/strong>\r\n <\/div>\r\n <\/div>\r\n <div class=\"info-card\">\r\n <div class=\"info-icon\"><i class=\"fa-solid fa-car\"><\/i><\/div>\r\n <div class=\"info-text\">\r\n <span>D\u00e9part<\/span>\r\n <strong>From Marrakech Hotels<\/strong>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Hero Text -->\r\n <div class=\"hero-content\">\r\n <div class=\"route-badge\">\r\n <i class=\"fa-solid fa-map-marked-alt\"><\/i>\r\n <span>Day Trip from Marrakech<\/span>\r\n <\/div>\r\n <h1>Excursion d'une journ\u00e9e \u00e0 Imlil et au Haut Atlas<\/h1>\r\n <p class=\"hero-description\">\r\n Journey to the breathtaking <span class=\"keyword-highlight\">Imlil Valley<\/span> in the <span class=\"keyword-highlight\">Montagnes du Haut Atlas<\/span> on a day trip from <span class=\"keyword-highlight\">Marrakech<\/span>. Explore authentic <span class=\"keyword-highlight\">Berber villages<\/span>, enjoy scenic mountain hikes, experience local culture, and marvel at views of <span class=\"keyword-highlight\">Mount Toubkal<\/span>, North Africa's highest peak[citation:1][citation:3].\r\n <\/p>\r\n <div class=\"transfer-details\">\r\n <div class=\"detail-pill\"><i class=\"fa-solid fa-mountain\"><\/i> Montagnes du Haut Atlas<\/div>\r\n <div class=\"detail-pill\"><i class=\"fa-solid fa-hiking\"><\/i> Scenic Hiking<\/div>\r\n <div class=\"detail-pill\"><i class=\"fa-solid fa-home\"><\/i> Villages berb\u00e8res<\/div>\r\n <div class=\"detail-pill\"><i class=\"fa-solid fa-utensils\"><\/i> Traditional Lunch<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <!-- Main Content -->\r\n <main class=\"main-layout\">\r\n <!-- Left Column -->\r\n <article>\r\n <!-- Overview -->\r\n <section class=\"content-section\" id=\"description\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-circle-info\"><\/i>\r\n <div>\r\n <h2>Imlil & High Atlas Day Trip Overview<\/h2>\r\n <small>Experience Authentic Berber Culture in North Africa's Highest Mountains<\/small>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-box\">\r\n <strong>Journey approximately 1.5 hours from Marrakech to discover the beautiful <span class=\"keyword-highlight\">Imlil Valley<\/span>, nestled in the heart of the <span class=\"keyword-highlight\">Montagnes du Haut Atlas<\/span>. This picturesque valley, sitting at 1,740 meters altitude, is the gateway to Mount Toubkal (4,167m)[citation:1]. With its terraced fields, traditional Berber villages, and flowing rivers, Imlil offers a refreshing escape from the city and an authentic glimpse into rural Moroccan mountain life.<\/strong>\r\n <\/div>\r\n <p>\r\n Le <span class=\"keyword-highlight\">Imlil & High Atlas day trip<\/span> provides a perfect balance of natural beauty, cultural immersion, and light adventure. You'll visit traditional Berber homes, learn about local customs, hike scenic trails, and enjoy authentic Moroccan hospitality. This excursion is ideal for those wanting to experience Morocco beyond the cities and see the stunning landscapes of the Atlas Mountains.\r\n <\/p>\r\n <p>\r\n With relatively easy hiking suitable for most fitness levels and a focus on cultural interaction, this day trip appeals to families, couples, and solo travelers alike. The cooler mountain air and dramatic scenery make it a memorable contrast to Marrakech's bustling streets[citation:2][citation:5].\r\n <\/p>\r\n <\/section>\r\n\r\n <!-- Itinerary -->\r\n <section class=\"content-section\" id=\"itineraire\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-route\"><\/i>\r\n <div>\r\n <h2>Day Trip Itinerary<\/h2>\r\n <small>Detailed schedule for your Imlil & High Atlas day trip<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-step\">\r\n <div class=\"step-label\">08:30 AM<\/div>\r\n <div class=\"step-content\">\r\n <h3>D\u00e9part de Marrakech<\/h3>\r\n <p>Pickup from your hotel\/riad in Marrakech. Meet your guide and begin the scenic 1.5-hour drive to the Imlil Valley. Enjoy views of olive groves, traditional agriculture, and the dramatic landscape as you approach the High Atlas Mountains[citation:3][citation:7].<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-step\">\r\n <div class=\"step-label\">10:00 AM<\/div>\r\n <div class=\"step-content\">\r\n <h3>Arrival in Imlil & Welcome Tea<\/h3>\r\n <p>Arrive in the charming mountain village of Imlil. Enjoy a welcome glass of traditional mint tea while taking in the stunning mountain views. Your local guide will provide an introduction to the area and the day's activities[citation:4][citation:7].<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-step\">\r\n <div class=\"step-label\">10:30 AM<\/div>\r\n <div class=\"step-content\">\r\n <h3>Scenic Hike to Berber Villages<\/h3>\r\n <p>Begin your guided hike through the Imlil Valley. Walk south through traditional hamlets toward the Berber village of Aroumd (1,843m). Along the way, enjoy spectacular views of Mount Toubkal and learn about the local Berber way of life from your guide[citation:7][citation:10].<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-step\">\r\n <div class=\"step-label\">12:30 PM<\/div>\r\n <div class=\"step-content\">\r\n <h3>Traditional Berber Lunch<\/h3>\r\n <p>Enjoy an authentic Moroccan lunch in a Berber family's home in Ait-Souka or Aroumd village. Typically featuring tagine cooked over an open fire, fresh salad, and seasonal fruits, followed by mint tea. This is a genuine cultural experience with local hospitality[citation:4][citation:7].<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-step\">\r\n <div class=\"step-label\">01:30 PM<\/div>\r\n <div class=\"step-content\">\r\n <h3>Village Exploration & Local Market<\/h3>\r\n <p>Explore the traditional Berber villages with your guide. Visit a local argan oil cooperative run by women from the valley (if available)[citation:4]. If your visit coincides with market day (Saturday in Asni, Tuesday in Tahanaout), you'll have the opportunity to experience the vibrant local souk[citation:3][citation:4].<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-step\">\r\n <div class=\"step-label\">02:30 PM<\/div>\r\n <div class=\"step-content\">\r\n <h3>Mountain Views & Photography<\/h3>\r\n <p>Continue your exploration with breathtaking panoramic views of the Toubkal Massif. This is an excellent opportunity for photography as you take in North Africa's highest peaks. Your guide will share insights about the mountains, local flora, and traditional farming methods[citation:3][citation:9].<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-step\">\r\n <div class=\"step-label\">03:30 PM<\/div>\r\n <div class=\"step-content\">\r\n <h3>Return to Imlil & Free Time<\/h3>\r\n <p>Return to Imlil village with some free time to explore at your leisure. You might visit local shops, enjoy refreshments at a caf\u00e9 with mountain views, or simply relax and absorb the peaceful atmosphere of this mountain retreat[citation:1].<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-step\">\r\n <div class=\"step-label\">04:00 PM<\/div>\r\n <div class=\"step-content\">\r\n <h3>Return Journey to Marrakech<\/h3>\r\n <p>Begin the return drive to Marrakech. Optional stop at a panoramic viewpoint for final photos of the valley and mountains. Reflect on your day of cultural immersion and natural beauty as you travel back to the city.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-step\">\r\n <div class=\"step-label\">05:30 PM<\/div>\r\n <div class=\"step-content\">\r\n <h3>Arrival in Marrakech<\/h3>\r\n <p>Arrive back at your Marrakech accommodation around 5:30 PM, filled with memories of Berber culture and High Atlas Mountain beauty.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Tour Highlights Section -->\r\n <section class=\"content-section\" id=\"highlights\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <div>\r\n <h2>Day Trip Highlights<\/h2>\r\n <small>Key experiences of your Imlil & High Atlas day trip<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"highlights-grid\">\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\"><i class=\"fa-solid fa-home\"><\/i><\/div>\r\n <div class=\"highlight-text\">\r\n <h4>Authentic Berber Village Visit<\/h4>\r\n <p>Experience traditional mountain life in villages like Aroumd and Ait-Souka<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\"><i class=\"fa-solid fa-mountain\"><\/i><\/div>\r\n <div class=\"highlight-text\">\r\n <h4>Mount Toubkal Views<\/h4>\r\n <p>Spectacular views of North Africa's highest peak (4,167m)<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\"><i class=\"fa-solid fa-person-hiking\"><\/i><\/div>\r\n <div class=\"highlight-text\">\r\n <h4>Scenic Mountain Hiking<\/h4>\r\n <p>Guided hike through beautiful High Atlas landscapes<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\"><i class=\"fa-solid fa-seedling\"><\/i><\/div>\r\n <div class=\"highlight-text\">\r\n <h4>Argan Oil Cooperative<\/h4>\r\n <p>Visit women-run cooperatives producing traditional argan products<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\"><i class=\"fa-solid fa-utensils\"><\/i><\/div>\r\n <div class=\"highlight-text\">\r\n <h4>Traditional Berber Lunch<\/h4>\r\n <p>Authentic meal in a local family home with mountain views<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\"><i class=\"fa-solid fa-camera\"><\/i><\/div>\r\n <div class=\"highlight-text\">\r\n <h4>Panoramic Photography<\/h4>\r\n <p>Stunning photographic opportunities of Atlas Mountain scenery<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Includes \/ Excludes -->\r\n <section class=\"content-section\" id=\"inclus\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-clipboard-list\"><\/i>\r\n <div>\r\n <h2>Ce qui est inclus \/ non inclus<\/h2>\r\n <small>Complete details for your Imlil & High Atlas day trip package<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"two-column\">\r\n <div class=\"inclusion-column\">\r\n <div class=\"list-title\">\r\n <i class=\"fa-solid fa-circle-check\"><\/i>\r\n Le prix comprend\r\n <\/div>\r\n <ul class=\"bullet-list included\">\r\n <li><i class=\"fa-solid fa-check\"><\/i> <div>Hotel pickup & drop-off in Marrakech<\/div><\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> <div>Transportation in comfortable vehicle with AC<\/div><\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> <div>English-speaking driver\/guide<\/div><\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> <div>Traditional Berber lunch in a local home<\/div><\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> <div>Welcome mint tea in Imlil<\/div><\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> <div>Local mountain guide for hiking portion<\/div><\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> <div>Bottled water during the trip<\/div><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"inclusion-column\">\r\n <div class=\"list-title\">\r\n <i class=\"fa-solid fa-circle-xmark\" style=\"color:#dc2626\"><\/i>\r\n Le prix ne comprend pas\r\n <\/div>\r\n <ul class=\"bullet-list excluded\">\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> <div>Additional drinks at lunch<\/div><\/li>\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> <div>Personal expenses & souvenirs<\/div><\/li>\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> <div>Assurance voyage<\/div><\/li>\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> <div>Tips for guides\/drivers<\/div><\/li>\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> <div>Optional mule ride (if desired)<\/div><\/li>\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> <div>Anything not mentioned in inclusions<\/div><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Practical Details -->\r\n <section class=\"content-section\" id=\"details\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-list-ul\"><\/i>\r\n <div>\r\n <h2>D\u00e9tails pratiques<\/h2>\r\n <small>Important information for your Imlil & High Atlas day trip<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"feature-grid\">\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-clock\"><\/i>\r\n <div>\r\n <strong>Dur\u00e9e totale<\/strong>\r\n 8-10 hours (approx.)\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-car\"><\/i>\r\n <div>\r\n <strong>Transport<\/strong>\r\n Comfortable Vehicle with AC\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-user-friends\"><\/i>\r\n <div>\r\n <strong>Taille du groupe<\/strong>\r\n Private or Small Group\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-temperature-three-quarters\"><\/i>\r\n <div>\r\n <strong>Meilleure saison<\/strong>\r\n Year-round (spring & fall ideal)\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-shoe-prints\"><\/i>\r\n <div>\r\n <strong>Hiking Level<\/strong>\r\n Easy to moderate\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-child\"><\/i>\r\n <div>\r\n <strong>Suitable For<\/strong>\r\n All ages (families welcome)\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-sun\"><\/i>\r\n <div>\r\n <strong>Weather<\/strong>\r\n Cooler than Marrakech (layers recommended)\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-camera\"><\/i>\r\n <div>\r\n <strong>Photography<\/strong>\r\n Excellent cultural & landscape opportunities\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- FAQ -->\r\n <section class=\"content-section\" id=\"faq\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-circle-question\"><\/i>\r\n <div>\r\n <h2>Questions fr\u00e9quemment pos\u00e9es<\/h2>\r\n <small>About our Imlil & High Atlas day trip<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq\">\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>How difficult is the hiking on this day trip?<\/span>\r\n <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>\r\n The hiking on this tour is <strong>easy to moderate<\/strong>: <strong>Distance<\/strong>: Approximately 1.5-2 hours of walking at a gentle pace. <strong>Terrain<\/strong>: Well-maintained paths and village trails with some uneven sections. <strong>Elevation gain<\/strong>: Moderate - the hike goes from Imlil (1,740m) to Aroumd (1,843m)[citation:7]. <strong>Pace<\/strong>: We go slowly with frequent breaks for photos and explanations. <strong>Alternative<\/strong>: Mule rides available for those who prefer not to hike (extra cost). <strong>Suitable for<\/strong>: Most people with basic fitness. Not recommended for those with serious mobility issues. <strong>Footwear<\/strong>: Comfortable walking shoes with good grip essential.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>What should we wear and bring for the day trip?<\/span>\r\n <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>\r\n Essentials include: <strong>Comfortable walking shoes<\/strong> with good grip (hiking shoes recommended), <strong>layered clothing<\/strong> (mountains are cooler than Marrakech, temperatures can change), <strong>protection solaire<\/strong> (hat, sunglasses, sunscreen), <strong>light jacket<\/strong> (even in summer), <strong>small day pack<\/strong>, <strong>camera\/phone<\/strong>, <strong>cash<\/strong> for souvenirs, <strong>personal medications<\/strong>. <strong>Modest clothing<\/strong> recommended for village visits out of respect for local culture. Avoid: heavy bags, impractical footwear, expensive jewelry.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>Will we see Mount Toubkal on this tour?<\/span>\r\n <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>\r\n <strong>Yes, you will have excellent views of Mount Toubkal<\/strong> throughout the day: <strong>From Imlil<\/strong>: Clear views of the Toubkal Massif on arrival. <strong>During the hike<\/strong>: Multiple vantage points offering panoramic views of North Africa's highest peak (4,167m)[citation:1][citation:7]. <strong>Weather dependent<\/strong>: Views are generally excellent, but mountain weather can create clouds. <strong>Photography<\/strong>: Plenty of opportunities for photos. <strong>Note<\/strong>: This is a view tour, not a summit climb. The 2-3 day Toubkal summit trek starts from Imlil but is a separate, more challenging expedition[citation:1].\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>What is the cultural etiquette for visiting Berber villages?<\/span>\r\n <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>\r\n <strong>Respectful behavior<\/strong> is important in Berber communities: <strong>Dress modestly<\/strong>: Shoulders and knees covered, especially for women. <strong>Photography<\/strong>: Always ask permission before photographing people. <strong>Home visits<\/strong>: Remove shoes when entering homes if requested. <strong>Tea ceremony<\/strong>: Accept mint tea when offered (cultural gesture of hospitality). <strong>Language<\/strong>: Learn basic greetings (Salaam Alaikum - Hello). <strong>Privacy<\/strong>: Be respectful of private family spaces. Your guide will provide specific guidance and translate as needed[citation:5].\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>What happens in case of bad weather?<\/span>\r\n <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>\r\n <strong>Rain<\/strong>: Light rain doesn't usually cancel the tour (waterproof gear recommended). Mountains can be misty\/cloudy which adds atmosphere. <strong>Heavy rain<\/strong>: May make hiking unsafe - itinerary modified accordingly with more indoor cultural activities. <strong>Winter conditions<\/strong>: Can include snow at higher elevations - we ensure appropriate routing. <strong>Summer heat<\/strong>: Valley is cooler than Marrakech but still warm - adequate hydration needed. <strong>General policy<\/strong>: If weather makes the trip unsafe, we offer: reschedule, alternative destination, or refund. We monitor weather forecasts closely.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/article>\r\n\r\n <!-- Sidebar - Booking Form -->\r\n <!-- EXACT SAME FORM AS ORIGINAL (UNCHANGED AS REQUESTED) -->\r\n <aside class=\"sidebar\">\r\n <section class=\"booking-form\" id=\"booking-form-section\">\r\n <h3>Book Imlil & High Atlas Day Trip<\/h3>\r\n <p>Complete the form below to book your Imlil & High Atlas day trip from Marrakech.<\/p>\r\n <form id=\"desktop-form\" novalidate action=\"\">\r\n <!-- First row: Full Name & Email Address -->\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"d-fullname\">Nom complet<\/label>\r\n <input type=\"text\" id=\"d-fullname\" class=\"form-input\" placeholder=\"Votre nom complet\" \/>\r\n <div class=\"error-message\" id=\"d-fullname-error\">Veuillez saisir votre nom.<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"d-email\">Adresse \u00e9lectronique<\/label>\r\n <input type=\"email\" id=\"d-email\" class=\"form-input\" placeholder=\"Votre adresse \u00e9lectronique\" \/>\r\n <div class=\"error-message\" id=\"d-email-error\">Veuillez saisir un courriel valide.<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Second row: Phone Number & Number of Travelers -->\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"d-phone\">Num\u00e9ro de t\u00e9l\u00e9phone<\/label>\r\n <input type=\"tel\" id=\"d-phone\" class=\"form-input\" placeholder=\"Votre num\u00e9ro de t\u00e9l\u00e9phone\" \/>\r\n <div class=\"error-message\" id=\"d-phone-error\">Num\u00e9ro non valide (min. 10 chiffres).<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"d-people\">Nombre de voyageurs<\/label>\r\n <input type=\"number\" id=\"d-people\" class=\"form-input\" min=\"1\" max=\"12\" value=\"2\" \/>\r\n <div class=\"error-message\" id=\"d-people-error\">Please enter travelers (1\u201312).<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Third row: Tour Date (full width) -->\r\n <div class=\"form-group\">\r\n <label for=\"d-date\">Preferred Date<\/label>\r\n <input type=\"date\" id=\"d-date\" class=\"form-input\" style=\"width: 100%;\" \/>\r\n <div class=\"error-message\" id=\"d-date-error\">Veuillez choisir une date.<\/div>\r\n <\/div>\r\n \r\n <!-- Fourth row: Special Requests -->\r\n <div class=\"form-group\">\r\n <label for=\"d-message\">Demandes sp\u00e9ciales et questions<\/label>\r\n <textarea id=\"d-message\" rows=\"4\" class=\"form-input\" placeholder=\"Dietary requirements, mobility considerations, special interests, etc.\"><\/textarea>\r\n <\/div>\r\n \r\n <button type=\"submit\" class=\"btn-primary\" id=\"d-submit\">\r\n <i class=\"fa-solid fa-paper-plane\"><\/i>\r\n Book This Day Trip\r\n <\/button>\r\n <div class=\"form-note\">\r\n We'll confirm your booking within 24 hours with all details for your Imlil & High Atlas day trip.\r\n <\/div>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"fr\"\/><\/form>\r\n <\/section>\r\n <\/aside>\r\n <\/main>\r\n <\/div>\r\n\r\n <!-- Thank You Overlay -->\r\n <div class=\"thankyou-overlay\" id=\"thankyou\">\r\n <div class=\"thankyou-card\">\r\n <button class=\"thankyou-close\" id=\"ty-close\">\r\n <i class=\"fa-solid fa-xmark\"><\/i>\r\n <\/button>\r\n\r\n <div class=\"thankyou-icon\">\r\n <div class=\"circle\">\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n <\/div>\r\n <\/div>\r\n\r\n <h3 class=\"thankyou-title\">Imlil & High Atlas Day Trip Booked<\/h3>\r\n <p class=\"thankyou-text\">\r\n Thank you for booking our Imlil & High Atlas day trip from Marrakech.\r\n <\/p>\r\n <p class=\"thankyou-subtext\">\r\n We will send you a confirmation email with all details including pickup time, guide contact information, and important reminders within 24 hours.\r\n <\/p>\r\n\r\n <div class=\"thankyou-actions\">\r\n <button id=\"ty-ok\">\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Retour au site web\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Toast -->\r\n <div class=\"toast\" id=\"toast\"><\/div>\r\n <\/div>\r\n\r\n <!-- EmailJS SDK v4 -->\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@emailjs\/browser@4\/dist\/email.min.js\"><\/script>\r\n <script>\r\n \/\/ === EMAILJS CONFIG ===\r\n const EMAILJS_PUBLIC_KEY = '1eurDR9BoKUswr-Rj';\r\n const EMAILJS_SERVICE_ID = 'service_cwcsvc7';\r\n const EMAILJS_TEMPLATE_ID = 'template_i0hq02b';\r\n\r\n \/\/ Init EmailJS\r\n (function () {\r\n try {\r\n if (window.emailjs) {\r\n emailjs.init({ publicKey: EMAILJS_PUBLIC_KEY });\r\n } else {\r\n console.warn('EmailJS SDK not loaded');\r\n }\r\n } catch (e) {\r\n console.error('EmailJS init error:', e);\r\n }\r\n })();\r\n\r\n \/\/ Gallery\r\n const mainGalleryImg = document.getElementById('main-gallery-img');\r\n const thumbnails = document.querySelectorAll('#marrakech-desert-tour-wrapper .thumbnail');\r\n \r\n thumbnails.forEach(thumb => {\r\n thumb.addEventListener('click', () => {\r\n const src = thumb.getAttribute('data-src');\r\n if (src) mainGalleryImg.src = src;\r\n thumbnails.forEach(t => t.classList.remove('active'));\r\n thumb.classList.add('active');\r\n });\r\n });\r\n\r\n \/\/ FAQ accordion\r\n document.querySelectorAll('#marrakech-desert-tour-wrapper .faq-item').forEach(item => {\r\n const question = item.querySelector('.faq-question');\r\n question.addEventListener('click', () => {\r\n const isOpen = item.classList.contains('open');\r\n document.querySelectorAll('#marrakech-desert-tour-wrapper .faq-item').forEach(i => i.classList.remove('open'));\r\n if (!isOpen) item.classList.add('open');\r\n });\r\n });\r\n\r\n \/\/ Toast\r\n function showToast(message, type = 'success') {\r\n const toast = document.getElementById('toast');\r\n toast.textContent = message;\r\n toast.className = 'toast show ' + type;\r\n setTimeout(() => {\r\n toast.classList.remove('show');\r\n }, 4000);\r\n }\r\n\r\n \/\/ Validation helpers\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() {\r\n let isValid = true;\r\n const prefix = 'd-';\r\n\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');\r\n isValid = false;\r\n } else {\r\n hideError(`${prefix}email`, `${prefix}email-error`);\r\n }\r\n\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 (min. 10 digits)');\r\n isValid = false;\r\n } else {\r\n hideError(`${prefix}phone`, `${prefix}phone-error`);\r\n }\r\n\r\n const requiredFields = [\r\n { id: `${prefix}fullname`, errorId: `${prefix}fullname-error`, message: 'Please enter your name' },\r\n { id: `${prefix}date`, errorId: `${prefix}date-error`, message: 'Please choose preferred date' },\r\n { id: `${prefix}people`, errorId: `${prefix}people-error`, message: 'Please enter number of travelers' }\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 \/\/ EmailJS send\r\n async function sendEmailJS() {\r\n const prefix = 'd-';\r\n const pax = parseInt(document.getElementById(`${prefix}people`).value || '2', 10);\r\n\r\n const formData = {\r\n full_name: document.getElementById(`${prefix}fullname`).value,\r\n email: document.getElementById(`${prefix}email`).value,\r\n phone: document.getElementById(`${prefix}phone`).value,\r\n start_date: document.getElementById(`${prefix}date`).value,\r\n participants: pax,\r\n special_requests: document.getElementById(`${prefix}message`).value,\r\n tour_name: 'Imlil & High Atlas Day Trip from Marrakech',\r\n total_price: 'Price on Call - Day Trip Quote'\r\n };\r\n\r\n return emailjs.send(\r\n EMAILJS_SERVICE_ID,\r\n EMAILJS_TEMPLATE_ID,\r\n formData\r\n );\r\n }\r\n\r\n \/\/ Thank You overlay\r\n const TY = document.getElementById('thankyou');\r\n const TY_CLOSE = document.getElementById('ty-close');\r\n const TY_OK = document.getElementById('ty-ok');\r\n\r\n function showThankYou() {\r\n if (TY) {\r\n TY.style.display = 'flex';\r\n document.body.style.overflow = 'hidden';\r\n }\r\n }\r\n\r\n function hideThankYou() {\r\n if (TY) {\r\n TY.style.display = 'none';\r\n document.body.style.overflow = '';\r\n }\r\n }\r\n\r\n if (TY_CLOSE) {\r\n TY_CLOSE.addEventListener('click', hideThankYou);\r\n }\r\n\r\n if (TY_OK) {\r\n TY_OK.addEventListener('click', hideThankYou);\r\n }\r\n\r\n if (TY) {\r\n TY.addEventListener('click', (e) => {\r\n if (e.target === TY) {\r\n hideThankYou();\r\n }\r\n });\r\n }\r\n\r\n document.addEventListener('keydown', (e) => {\r\n if (e.key === 'Escape' && TY && TY.style.display !== 'none') {\r\n hideThankYou();\r\n }\r\n });\r\n\r\n \/\/ Desktop form submit\r\n const desktopForm = document.getElementById('desktop-form');\r\n const desktopSubmitBtn = document.getElementById('d-submit');\r\n \r\n if (desktopForm) {\r\n desktopForm.addEventListener('submit', async (e) => {\r\n e.preventDefault();\r\n \r\n if (!validateForm()) {\r\n showToast('Please correct the errors in the form', 'error');\r\n return;\r\n }\r\n \r\n desktopSubmitBtn.disabled = true;\r\n desktopSubmitBtn.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Sending...';\r\n \r\n try {\r\n const result = await sendEmailJS();\r\n console.log('EmailJS SUCCESS:', result);\r\n showThankYou();\r\n desktopForm.reset();\r\n showToast('Your Imlil & High Atlas day trip has been booked successfully!', 'success');\r\n } catch (err) { \r\n console.error('EmailJS Error:', err);\r\n showToast('Sorry, an error occurred: ' + (err.text || 'Please check your EmailJS keys\/domain.'), 'error'); \r\n } finally {\r\n desktopSubmitBtn.disabled = false;\r\n desktopSubmitBtn.innerHTML = '<i class=\"fa-solid fa-paper-plane\"><\/i> Book This Day Trip';\r\n }\r\n });\r\n }\r\n\r\n \/\/ Set min date for tour start\r\n (function() {\r\n const d = new Date();\r\n const min = `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;\r\n \r\n const startDateEl = document.getElementById('d-date');\r\n \r\n if (startDateEl) {\r\n startDateEl.min = min;\r\n }\r\n })();\r\n\r\n \/\/ Real-time validation\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const emailInput = document.getElementById('d-email');\r\n const phoneInput = document.getElementById('d-phone');\r\n if (emailInput) {\r\n emailInput.addEventListener('blur', function() {\r\n if (this.value.trim() && !validateEmail(this.value.trim())) {\r\n showError('d-email', 'd-email-error', 'Please enter a valid email address');\r\n } else {\r\n hideError('d-email', 'd-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('d-phone', 'd-phone-error', 'Please enter a valid phone number (min. 10 digits)');\r\n } else {\r\n hideError('d-phone', 'd-phone-error');\r\n }\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>Day Trip to Imlil & High Atlas | Excursion from Marrakech … <\/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-527","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/moroccotravelsaharacamp.com\/fr\/wp-json\/wp\/v2\/pages\/527","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moroccotravelsaharacamp.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/moroccotravelsaharacamp.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/moroccotravelsaharacamp.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/moroccotravelsaharacamp.com\/fr\/wp-json\/wp\/v2\/comments?post=527"}],"version-history":[{"count":4,"href":"https:\/\/moroccotravelsaharacamp.com\/fr\/wp-json\/wp\/v2\/pages\/527\/revisions"}],"predecessor-version":[{"id":633,"href":"https:\/\/moroccotravelsaharacamp.com\/fr\/wp-json\/wp\/v2\/pages\/527\/revisions\/633"}],"wp:attachment":[{"href":"https:\/\/moroccotravelsaharacamp.com\/fr\/wp-json\/wp\/v2\/media?parent=527"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}