{"id":432,"date":"2025-11-15T12:58:31","date_gmt":"2025-11-15T12:58:31","guid":{"rendered":"https:\/\/maroctreks.com\/?page_id=432"},"modified":"2025-11-20T10:44:41","modified_gmt":"2025-11-20T10:44:41","slug":"randonnee-dans-le-moyen-atlas-8-jours","status":"publish","type":"page","link":"https:\/\/maroctreks.com\/en\/randonnee-dans-le-moyen-atlas-8-jours\/","title":{"rendered":"Randonn\u00e9e dans le Moyen Atlas &#8211; 8 Jours"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"432\" class=\"elementor elementor-432\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c1aec6 e-con-full e-flex e-con e-parent\" data-id=\"5c1aec6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e323584 elementor-widget elementor-widget-html\" data-id=\"e323584\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\" \/>\r\n  <title>Randonn\u00e9e dans le Moyen Atlas - 8 Jours | Maroc Treks<\/title>\r\n  <meta name=\"description\" content=\"Randonn\u00e9e de 8 jours dans le Moyen Atlas marocain. D\u00e9couvrez les plateaux d'altitude, les lacs et les cascades de cette r\u00e9gion magnifique entre Rif et Haut Atlas.\">\r\n  <meta name=\"keywords\" content=\"randonn\u00e9e moyen atlas, aguelmane azigza, aguelmane ouiaouene, randonn\u00e9e maroc, montagnes maroc, atlas marocain, trekking moyen atlas, plateaux maroc\">\r\n  <meta property=\"og:title\" content=\"Randonn\u00e9e dans le Moyen Atlas - 8 Jours\">\r\n  <meta property=\"og:description\" content=\"D\u00e9couvrez les paysages magnifiques du Moyen Atlas lors d'une randonn\u00e9e de 8 jours \u00e0 travers ses plateaux, lacs et cascades.\">\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    \/* ---- Desert \/ Anti-Atlas Theme (appliqu\u00e9 au Moyen Atlas) ---- *\/\r\n    .tour-booking-page{\r\n      --tour-bg:#fef3c7;          \/* light sand *\/\r\n      --tour-ink:#1f2933;         \/* dark ink *\/\r\n      --tour-muted:#6b7280;       \/* muted text *\/\r\n      --tour-card:#fffdf7;        \/* warm card *\/\r\n      --tour-border:#e5d5b3;      \/* soft sand border *\/\r\n      --tour-sage:#ea580c;        \/* primary accent - burnt orange *\/\r\n      --tour-sage-700:#c2410c;    \/* deeper burnt orange *\/\r\n      --tour-terra:#f97316;       \/* secondary warm orange *\/\r\n      --tour-terra-700:#ea580c;   \/* deeper for gradients *\/\r\n      --tour-cream:#fffbeb;       \/* very light background *\/\r\n      --radius:18px; \r\n      --shadow:0 18px 45px rgba(120,53,15,.25);\r\n      box-sizing:border-box; \r\n      font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\r\n      background:radial-gradient(circle at top, var(--tour-cream) 0, var(--tour-bg) 45%, #fed7aa 100%);\r\n      color:var(--tour-ink); \r\n      line-height:1.6;\r\n      -webkit-text-size-adjust:100%;\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    \/* ---- Global layout ---- *\/\r\n    .content-wrapper{display:grid;grid-template-columns:1.7fr .9fr;gap:26px;margin-top:18px}\r\n    @media (max-width:980px){.content-wrapper{grid-template-columns:1fr}}\r\n    .section{\r\n      background:var(--tour-card);\r\n      border-radius:var(--radius);\r\n      padding:22px 22px 20px;\r\n      margin-bottom:20px;\r\n      box-shadow:var(--shadow);\r\n      border:1px solid rgba(229,213,179,0.9);\r\n    }\r\n    .section-title{\r\n      display:flex;align-items:center;gap:10px;\r\n      font-size:1.3rem;margin:0 0 14px;color:var(--tour-ink);letter-spacing:.02em\r\n    }\r\n    .section-title i{color:var(--tour-sage)}\r\n    .description{color:var(--tour-muted);font-size:1.02rem}\r\n\r\n    \/* ---- Hero Header ---- *\/\r\n    .tour-header{\r\n      display:grid;\r\n      grid-template-columns:2.3fr 1.3fr;\r\n      gap:18px;\r\n      margin-bottom:22px;\r\n      align-items:center;\r\n    }\r\n    .tour-header-main{\r\n      padding:18px 22px;\r\n      border-radius:20px;\r\n      background:linear-gradient(135deg, #7c2d12, #ea580c);\r\n      color:#fff7ed;\r\n      box-shadow:0 18px 45px rgba(124,45,18,.6);\r\n      position:relative;\r\n      overflow:hidden;\r\n    }\r\n    .tour-header-main::after{\r\n      content:\"\";\r\n      position:absolute;\r\n      inset:auto -60px -80px auto;\r\n      width:220px;height:220px;\r\n      background:radial-gradient(circle at center, rgba(254,215,170,.9), transparent 65%);\r\n      opacity:.85;\r\n    }\r\n    .tour-label{\r\n      display:inline-flex;align-items:center;gap:8px;\r\n      padding:5px 11px;border-radius:999px;\r\n      background:rgba(67,20,7,.9);\r\n      font-size:.78rem;\r\n      text-transform:uppercase;\r\n      letter-spacing:.12em;\r\n      margin-bottom:10px;\r\n    }\r\n    .tour-label i{color:#fed7aa}\r\n    .tour-header-main h1{\r\n      font-size:clamp(1.8rem,3.1vw,2.5rem);\r\n      margin:0 0 6px;\r\n      font-weight:800;\r\n    }\r\n    .tour-subtitle{\r\n      margin:0 0 14px;\r\n      font-size:.97rem;\r\n      color:#ffedd5;\r\n      max-width:40rem;\r\n    }\r\n    .tour-meta{\r\n      display:flex;flex-wrap:wrap;gap:10px;\r\n      margin-top:6px;\r\n    }\r\n    .meta-pill{\r\n      display:inline-flex;align-items:center;gap:6px;\r\n      font-size:.82rem;\r\n      padding:6px 11px;\r\n      border-radius:999px;\r\n      background:rgba(67,20,7,.88);\r\n      border:1px solid rgba(254,215,170,.8);\r\n    }\r\n    .meta-pill i{color:#fed7aa;font-size:.9rem}\r\n\r\n    .tour-header-side{\r\n      display:grid;gap:8px;\r\n    }\r\n    .stat-card{\r\n      background:rgba(255,252,245,.95);\r\n      padding:12px 14px;\r\n      border-radius:16px;\r\n      border:1px solid rgba(229,213,179,.9);\r\n      display:flex;align-items:center;gap:10px;\r\n      backdrop-filter:blur(10px);\r\n    }\r\n    .stat-icon{\r\n      width:40px;height:40px;border-radius:50%;\r\n      display:grid;place-items:center;\r\n      background:linear-gradient(135deg,#ea580c,#f97316);\r\n      color:#fffbeb;\r\n    }\r\n    .stat-text span{\r\n      display:block;font-size:.8rem;color:var(--tour-muted);text-transform:uppercase;letter-spacing:.08em;\r\n    }\r\n    .stat-text strong{font-size:.96rem}\r\n\r\n    @media(max-width:900px){\r\n      .tour-header{\r\n        grid-template-columns:1fr;\r\n      }\r\n    }\r\n\r\n    \/* ---- Gallery ---- *\/\r\n    .image-gallery{display:grid;gap:12px;margin:10px 0 28px}\r\n    .gallery-main{\r\n      height:360px;border-radius:18px;\r\n      background-size:cover;background-position:center;\r\n      position:relative;overflow:hidden;cursor:pointer;\r\n      border:1px solid rgba(229,213,179,.95);\r\n    }\r\n    .img-overlay{\r\n      position:absolute;inset:0;\r\n      background:linear-gradient(180deg,rgba(67,20,7,0) 30%,rgba(67,20,7,.55));\r\n      opacity:0;transition:.3s;\r\n    }\r\n    .zoom-btn{\r\n      position:absolute;right:14px;bottom:14px;\r\n      background:rgba(67,20,7,.95);\r\n      border:1px solid rgba(254,215,170,.9);\r\n      padding:9px 12px;border-radius:999px;\r\n      display:flex;gap:8px;align-items:center;\r\n      font-weight:600;color:#fffbeb;\r\n      box-shadow:var(--shadow);cursor:pointer;\r\n      font-size:.86rem;\r\n    }\r\n    .zoom-btn i{color:#fed7aa}\r\n    .gallery-main:hover .img-overlay{opacity:1}\r\n\r\n    .gallery-row{\r\n      display:grid;\r\n      grid-template-columns:repeat(3,1fr);\r\n      gap:10px;\r\n    }\r\n    .gallery-thumb{\r\n      height:130px;border-radius:14px;\r\n      background-size:cover;background-position:center;\r\n      position:relative;overflow:hidden;cursor:pointer;\r\n      border:2px solid transparent;\r\n      transition:border-color .2s,transform .2s;\r\n    }\r\n    .gallery-thumb.active{border-color:var(--tour-sage);transform:translateY(-2px)}\r\n    .gallery-thumb:hover .img-overlay{opacity:1}\r\n\r\n    @media (min-width:992px){\r\n      .image-gallery{grid-template-columns:1.9fr 1.1fr}\r\n      .gallery-main{height:440px}\r\n      .gallery-row{\r\n        grid-template-columns:1fr;\r\n        grid-template-rows:repeat(3,1fr);\r\n        gap:10px;\r\n      }\r\n      .gallery-thumb{height:auto;min-height:120px}\r\n    }\r\n\r\n    \/* Bottom Gallery *\/\r\n    .bottom-gallery {margin-top:34px;}\r\n    .bottom-gallery .gallery-row {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 10px;\r\n    }\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{\r\n      display:grid;grid-template-columns:110px 1fr;gap:16px;\r\n      padding:16px 0;border-bottom:1px dashed var(--tour-border)\r\n    }\r\n    .itinerary-item:last-child{border-bottom:0}\r\n    .itinerary-day{\r\n      font-weight:800;color:var(--tour-sage);font-size:.9rem;\r\n      text-transform:uppercase;letter-spacing:.1em;\r\n    }\r\n    .itinerary-content h3{margin:.2rem 0 .25rem;font-size:1.02rem}\r\n    .itinerary-content p{color:var(--tour-muted);margin:.22rem 0}\r\n\r\n    .inclusion-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}\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:9px;font-size:.96rem}\r\n    .inclusion-list i{color:var(--tour-sage)}\r\n    .exclusion-list i{color:#e11d48}\r\n\r\n    .additional-details-grid{\r\n      display:grid;\r\n      grid-template-columns:repeat(auto-fit,minmax(230px,1fr));\r\n      gap:18px;\r\n    }\r\n    .detail-item{\r\n      display:flex;align-items:center;gap:14px;\r\n      padding:13px 14px;\r\n      background:rgba(255,251,235,.9);\r\n      border-radius:14px;\r\n      border-left:4px solid var(--tour-sage);\r\n    }\r\n    .detail-icon{\r\n      background:var(--tour-sage);\r\n      color:#fffbeb;\r\n      width:46px;height:46px;border-radius:50%;\r\n      display:flex;align-items:center;justify-content:center;font-size:1.2rem;\r\n    }\r\n    .detail-content h3{margin:0 0 4px;font-size:.98rem}\r\n    .detail-content p{margin:0;color:var(--tour-muted);font-size:.9rem}\r\n\r\n    .faq-accordion-item{\r\n      border:1px solid var(--tour-border);\r\n      border-radius:12px;margin-bottom:10px;\r\n      overflow:hidden;background:var(--tour-card)\r\n    }\r\n    .faq-accordion-header{\r\n      padding:16px 18px;\r\n      background:rgba(254,243,199,.6);\r\n      cursor:pointer;display:flex;\r\n      justify-content:space-between;align-items:center;\r\n      font-weight:600;color:var(--tour-ink);transition:background .3s\r\n    }\r\n    .faq-accordion-header:hover{background:rgba(254,243,199,1)}\r\n    .faq-accordion-header i{transition:transform .3s;color:var(--tour-sage)}\r\n    .faq-accordion-item.active .faq-accordion-header i{transform:rotate(180deg)}\r\n    .faq-accordion-content{\r\n      padding:0 18px;max-height:0;overflow:hidden;\r\n      transition:max-height .3s,padding .3s;color:var(--tour-muted);font-size:.95rem;\r\n      background:#fffdf7;\r\n    }\r\n    .faq-accordion-item.active .faq-accordion-content{padding:16px 18px 18px;max-height:260px}\r\n\r\n    \/* ---- Sidebar \/ Form ---- *\/\r\n    .price-section{\r\n      background:linear-gradient(145deg,var(--tour-sage),var(--tour-sage-700));\r\n      color:#fffbeb;border:0;\r\n    }\r\n    .price-section .section-title{color:#fffbeb}\r\n    .price-amount{\r\n      font-size:clamp(2.1rem,4.2vw,2.4rem);font-weight:800;letter-spacing:.03em;\r\n    }\r\n    .price-note{font-size:.9rem;color:#fed7aa;margin:.2rem 0 10px}\r\n\r\n    .booking-form{position:sticky;top:18px}\r\n    .form-group{margin-bottom:14px}\r\n    label{display:block;margin-bottom:7px;font-weight:600;color:var(--tour-ink);font-size:.9rem}\r\n    .form-control{\r\n      width:100%;padding:11px 13px;\r\n      border:1px solid var(--tour-border);border-radius:12px;\r\n      background:#fffbeb;font:inherit;font-size:15px;\r\n    }\r\n    .form-control:focus{\r\n      outline:2px solid rgba(234,88,12,.25);\r\n      border-color:rgba(234,88,12,.7);\r\n      background:#ffffff;\r\n    }\r\n    .form-control::placeholder{color:#9ca3af;opacity:1}\r\n    .form-control.error{border-color:#e11d48;background-color:rgba(248,113,113,0.06)}\r\n    .error-message{color:#e11d48;font-size:0.8rem;margin-top:4px;display:none}\r\n    .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}\r\n    @media (max-width:700px){.form-row{grid-template-columns:1fr}}\r\n\r\n    .btn-book{\r\n      width:100%;display:inline-flex;align-items:center;justify-content:center;\r\n      gap:.55rem;border:0;\r\n      background:linear-gradient(145deg,var(--tour-sage),var(--tour-terra-700));\r\n      color:#f9fafb;padding:13px 15px;border-radius:12px;\r\n      font-weight:700;cursor:pointer;\r\n      box-shadow:0 9px 24px rgba(180,83,9,.45);\r\n      transition:.18s transform,.18s box-shadow;\r\n      font-size:.98rem;\r\n    }\r\n    .btn-book:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(180,83,9,.5)}\r\n    .btn-book:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}\r\n\r\n    \/* DATE INPUT *\/\r\n    input[type=\"date\"].form-control{\r\n      -webkit-appearance:none; appearance:none;\r\n      background:#fffbeb; border-radius:12px;\r\n      padding:11px 13px; 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:.8; padding:2px; margin-right:2px; cursor:pointer;\r\n    }\r\n\r\n    \/* Toast \/ Lightbox *\/\r\n    .toast{\r\n      position:fixed;left:50%;transform:translateX(-50%);\r\n      bottom:20px;padding:11px 15px;border-radius:999px;\r\n      background:#7c2d12;color:#fef3c7;\r\n      box-shadow:var(--shadow);display:none;z-index:100;\r\n      font-size:.9rem;\r\n    }\r\n    .toast.show{display:block}\r\n    .toast.success{background:var(--tour-sage)}\r\n    .toast.error{background:#e11d48}\r\n\r\n    dialog#lightbox{\r\n      border:0;padding:0;background:transparent;\r\n      width:100%;height:100%;max-width:100%;max-height:100%\r\n    }\r\n    .lb-wrap{\r\n      position:fixed;inset:0;display:grid;place-items:center;\r\n      background:rgba(30,15,5,.9);z-index:100;padding:20px\r\n    }\r\n    .lb-img{\r\n      max-width:90vw;max-height:80vh;border-radius:16px;\r\n      border:1px solid rgba(254,215,170,.8);\r\n      box-shadow:var(--shadow);cursor:zoom-in;transition:transform .3s\r\n    }\r\n    .lb-img.zoomed{transform:scale(1.5);cursor:zoom-out}\r\n    .close-lightbox{\r\n      position:absolute;top:20px;right:20px;\r\n      background:rgba(67,20,7,.9);color:#ffedd5;\r\n      border:none;border-radius:50%;\r\n      width:40px;height:40px;display:flex;align-items:center;justify-content:center;\r\n      cursor:pointer;font-size:1.1rem;z-index:101;\r\n    }\r\n\r\n    \/* ---- Highlight ---- *\/\r\n    .tour-highlight{\r\n      font-size:1.3rem;font-weight:700;color:var(--tour-sage);\r\n      text-align:center;margin:0 0 16px;\r\n      padding:13px 14px;\r\n      background:rgba(254,243,199,.9);\r\n      border-radius:12px;border-left:4px solid var(--tour-sage)\r\n    }\r\n\r\n    \/* ---- Mobile bottom bar ---- *\/\r\n    .mobile-booking-bar{\r\n      display:none;position:fixed;bottom:0;left:0;right:0;\r\n      background:rgba(67,20,7,.98);\r\n      box-shadow:0 -6px 20px rgba(67,20,7,.8);\r\n      padding:11px 14px;z-index:9500;border-top:1px solid rgba(254,215,170,.7)\r\n    }\r\n    .mobile-booking-bar .booking-bar-content{\r\n      display:flex;justify-content:space-between;align-items:center;\r\n      max-width:1160px;margin:0 auto\r\n    }\r\n    .mobile-booking-bar .price-info{display:flex;flex-direction:column}\r\n    .mobile-booking-bar .price-amount{\r\n      font-size:1.3rem;font-weight:800;color:#ffedd5;line-height:1.2\r\n    }\r\n    .mobile-booking-bar .price-note{font-size:.78rem;color:#fed7aa;margin:0}\r\n    .mobile-booking-bar .btn-book-mobile{\r\n      background:linear-gradient(145deg,var(--tour-sage),var(--tour-terra-700));\r\n      color:#f9fafb;border:none;border-radius:999px;\r\n      padding:11px 18px;font-weight:700;font-size:.95rem;\r\n      cursor:pointer;box-shadow:0 10px 24px rgba(180,83,9,.6);\r\n      display:flex;align-items:center;gap:7px;transition:transform .18s;\r\n    }\r\n    .mobile-booking-bar .btn-book-mobile:hover{transform:translateY(-1px)}\r\n\r\n    \/* ---- Support ---- *\/\r\n    .support-container{\r\n      background:rgba(254,243,199,.6);\r\n      border-radius:14px;padding:18px;margin-top:18px;\r\n      border:1px dashed var(--tour-border)\r\n    }\r\n    .support-title{\r\n      font-size:1.15rem;font-weight:700;margin-bottom:13px;\r\n      color:var(--tour-sage);display:flex;align-items:center;gap:8px\r\n    }\r\n    .support-info{display:flex;flex-wrap:wrap;gap:12px}\r\n    .support-item{\r\n      display:flex;align-items:center;gap:10px;\r\n      padding:10px 14px;background:#fffdf7;\r\n      border-radius:10px;border:1px solid var(--tour-border);\r\n      flex:1;min-width:210px\r\n    }\r\n    .support-icon{\r\n      background:var(--tour-sage);color:#fffbeb;\r\n      width:34px;height:34px;border-radius:50%;\r\n      display:flex;align-items:center;justify-content:center\r\n    }\r\n    .support-details h4{margin:0 0 4px;font-size:.9rem}\r\n    .support-details p{margin:0;font-size:.88rem;color:var(--tour-muted)}\r\n\r\n    \/* ---- Thank You Overlay ---- *\/\r\n    .thankyou-overlay {\r\n      display: none;\r\n      position: fixed;\r\n      top: 0;left: 0;\r\n      width: 100%;height: 100%;\r\n      background: rgba(30,15,5,0.86);\r\n      z-index: 10000;\r\n      backdrop-filter: blur(6px);\r\n      overflow-y: auto;\r\n      padding: 20px;\r\n      box-sizing: border-box;\r\n    }\r\n    .thankyou-card {\r\n      position: absolute;\r\n      top: 50%;left: 50%;\r\n      transform: translate(-50%, -50%);\r\n      background: #fffdf7;\r\n      border-radius: 20px;\r\n      padding: 40px 34px;\r\n      max-width: 430px;\r\n      width: 90%;\r\n      text-align: center;\r\n      box-shadow: 0 24px 60px rgba(120,53,15, 0.6);\r\n      border: 1px solid var(--tour-border);\r\n      animation: thankYouSlideIn 0.45s ease-out;\r\n    }\r\n    @keyframes thankYouSlideIn {\r\n      0% { opacity: 0; transform: translate(-50%, -40%); }\r\n      100% { opacity: 1; transform: translate(-50%, -50%); }\r\n    }\r\n    .thankyou-card .icon {\r\n      width: 84px;height: 84px;\r\n      background: linear-gradient(135deg, var(--tour-sage), var(--tour-terra));\r\n      border-radius: 50%;\r\n      display: flex;align-items: center;justify-content: center;\r\n      margin: 0 auto 24px;\r\n      color: white;font-size: 2.2rem;\r\n      box-shadow: 0 12px 30px rgba(180,83,9, 0.55);\r\n    }\r\n    .thankyou-card h3 {\r\n      font-size: 1.9rem;\r\n      margin-bottom: 16px;\r\n      color: var(--tour-ink);\r\n      font-weight: 800;\r\n      line-height: 1.2;\r\n    }\r\n    .thankyou-card p {\r\n      color: var(--tour-muted);\r\n      margin-bottom: 0;\r\n      line-height: 1.6;\r\n      font-size: 1.05rem;\r\n    }\r\n    .thankyou-card .btn-row {\r\n      display: flex;\r\n      justify-content: center;\r\n      gap: 14px;\r\n      margin-top: 26px;\r\n    }\r\n    .thankyou-card .btn-book {\r\n      padding: 12px 22px;\r\n      font-size: 1rem;\r\n      min-width: 130px;\r\n    }\r\n    @media (max-width: 600px) {\r\n      .thankyou-card {\r\n        padding: 34px 22px;\r\n        width: 95%;\r\n      }\r\n      .thankyou-card .icon {\r\n        width: 78px;height: 78px;font-size: 2.1rem;margin-bottom: 22px;\r\n      }\r\n      .thankyou-card h3 {font-size: 1.7rem;margin-bottom: 12px;}\r\n      .thankyou-card p {font-size: 1rem;}\r\n      .thankyou-card .btn-row {flex-direction: column;gap: 10px;margin-top: 22px;}\r\n      .thankyou-card .btn-book {width: 100%;padding: 11px 16px;}\r\n    }\r\n\r\n    \/* ---- Mobile tweaks ---- *\/\r\n    @media (max-width:768px){\r\n      html,body{width:100%;overflow-x:hidden}\r\n      .container{padding:16px;padding-bottom:78px}\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.1rem}\r\n      .mobile-booking-bar{display:block}\r\n      .booking-sidebar{display:none}\r\n      .support-info{flex-direction:column}\r\n      .support-item{min-width:100%}\r\n      input,select,textarea{font-size:16px!important}\r\n    }\r\n\r\n    \/* ===== MOBILE POPUP ===== *\/\r\n    .mobile-popup-overlay{\r\n      display:none;\r\n      position:fixed; inset:0;\r\n      z-index:99999;\r\n      background:rgba(30,15,5,.7);\r\n      backdrop-filter:blur(5px);\r\n      padding: max(24px, env(safe-area-inset-top)) 18px max(24px, env(safe-area-inset-bottom));\r\n      overflow:auto;\r\n      place-items:center;\r\n    }\r\n    .mobile-popup{\r\n      width:min(560px, 92vw);\r\n      max-height:min(720px, calc(100dvh - 64px));\r\n      background:#fffdf7; border-radius:18px; border:1px solid var(--tour-border);\r\n      box-shadow:0 22px 60px rgba(120,53,15,.65);\r\n      padding:18px; animation:popupIn .22s ease-out;\r\n      overflow:auto;\r\n    }\r\n    @keyframes popupIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}\r\n    .mobile-popup .popup-header{\r\n      position:sticky;top:0;background:#fffdf7;z-index:1;\r\n      padding-bottom:9px;margin-bottom:11px;border-bottom:1px solid var(--tour-border);\r\n      display:flex;align-items:center;justify-content:space-between;gap:10px\r\n    }\r\n    .mobile-popup .popup-title{\r\n      font-weight:800;font-size:1.05rem;display:flex;align-items:center;gap:.55rem\r\n    }\r\n    .mobile-popup .popup-title i{color:var(--tour-sage)}\r\n    .mobile-popup .close-popup{\r\n      background:#fef3c7;border:1px solid var(--tour-border);\r\n      width:34px;height:34px;border-radius:50%;display:grid;place-items:center;cursor:pointer\r\n    }\r\n    .mobile-popup .form-row{display:grid;grid-template-columns:1fr 1fr;gap:11px}\r\n    .mobile-popup .row-1col{grid-template-columns:1fr !important}\r\n    .popup-actions{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:13px}\r\n    .popup-total{\r\n      padding:9px 11px;background:rgba(254,243,199,.9);\r\n      border:1px dashed var(--tour-border);\r\n      border-radius:11px;font-weight:700;\r\n      display:flex;align-items:center;justify-content:space-between;\r\n      margin-top:7px;font-size:.95rem;\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n  <div class=\"tour-booking-page\">\r\n    <div class=\"container center\">\r\n\r\n      <!-- HERO HEADER -->\r\n      <div class=\"tour-header\">\r\n        <div class=\"tour-header-main\">\r\n          <div class=\"tour-label\"><i class=\"fas fa-mountain\"><\/i> MIDDLE ATLAS<\/div>\r\n          <h1>Trekking in the Middle Atlas - 8 Days<\/h1>\r\n          <p class=\"tour-subtitle\">\r\n            Discover the vast high plateaus, lakes and waterfalls of the Middle Atlas on this 8-day trek through one of Morocco's greenest regions.\r\n          <\/p>\r\n          <div class=\"tour-meta\">\r\n            <div class=\"meta-pill\"><i class=\"fas fa-calendar-alt\"><\/i>8-day tour<\/div>\r\n            <div class=\"meta-pill\"><i class=\"fas fa-mountain\"><\/i>High altitude plateaus<\/div>\r\n            <div class=\"meta-pill\"><i class=\"fas fa-route\"><\/i>Lakes and waterfalls<\/div>\r\n            <div class=\"meta-pill\"><i class=\"fas fa-users\"><\/i>From 2 persons<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"tour-header-side\">\r\n          <div class=\"stat-card\">\r\n            <div class=\"stat-icon\"><i class=\"fas fa-hiking\"><\/i><\/div>\r\n            <div class=\"stat-text\">\r\n              <span>Hiking level<\/span>\r\n              <strong>Easy<\/strong>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"stat-card\">\r\n            <div class=\"stat-icon\"><i class=\"fas fa-location-dot\"><\/i><\/div>\r\n            <div class=\"stat-text\">\r\n              <span>Region<\/span>\r\n              <strong>Middle Atlas<\/strong>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"stat-card\">\r\n            <div class=\"stat-icon\"><i class=\"fas fa-sun\"><\/i><\/div>\r\n            <div class=\"stat-text\">\r\n              <span>Period<\/span>\r\n              <strong>October to May<\/strong>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Gallery -->\r\n      <section class=\"image-gallery center\" aria-label=\"Image gallery\">\r\n        <!-- MAIN IMAGE UPDATED -->\r\n        <figure class=\"gallery-main\" id=\"main-image\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/28144830.400x300.jpg')\">\r\n          <span class=\"img-overlay\"><\/span>\r\n          <button class=\"zoom-btn\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/28144830.400x300.jpg\">\r\n            <i class=\"fa-solid fa-magnifying-glass\"><\/i> View Photo\r\n          <\/button>\r\n        <\/figure>\r\n        <div class=\"gallery-row\">\r\n          <!-- TOP THUMBS UPDATED (3 images) -->\r\n          <figure class=\"gallery-thumb active\"\r\n                  data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/28144830.400x300.jpg\"\r\n                  data-main=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/28144830.400x300.jpg\"\r\n                  style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/28144830.400x300.jpg')\">\r\n            <span class=\"img-overlay\"><\/span>\r\n          <\/figure>\r\n          <figure class=\"gallery-thumb\"\r\n                  data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/images.jpeg\"\r\n                  data-main=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/images.jpeg\"\r\n                  style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/images.jpeg')\">\r\n            <span class=\"img-overlay\"><\/span>\r\n          <\/figure>\r\n          <figure class=\"gallery-thumb\"\r\n                  data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/zawit_ifrane.jpg\"\r\n                  data-main=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/zawit_ifrane.jpg\"\r\n                  style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/zawit_ifrane.jpg')\">\r\n            <span class=\"img-overlay\"><\/span>\r\n          <\/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          <!-- Tour Description -->\r\n          <section class=\"section\">\r\n            <h2 class=\"section-title\"><i class=\"fas fa-info-circle\"><\/i> Tour description<\/h2>\r\n            <div class=\"tour-highlight\">Hiking in the Middle Atlas - Discovering plateaus and lakes<\/div>\r\n            <div class=\"description\">\r\n              <p>\r\n                Visit <strong>Middle Atlas<\/strong> is a mountain range stretching some 350 km from southwest to northeast Morocco, between the Rif and the High Atlas mountains, covering a total area of 2.3 million hectares, or 18 % of the country's altimontane domain.\r\n              <\/p>\r\n              <p>\r\n                This range is made up of the vast high plateaus of the Upper Moulouya. These plateaus stretch from Midelt (Khnifra province), home to Jbel Ayachi (3,747 m), to Imilchil. This range belongs to the Atlas massif, and more precisely, to one of the three elements of the Moroccan Atlas - the other two being the High Atlas and the Anti-Atlas.\r\n              <\/p>\r\n              <p>\r\n                Our <strong>8 days<\/strong> takes you to discover the magnificent landscapes of the Middle Atlas, with its high plateaus, natural lakes and waterfalls. A tour for all levels <strong>easy<\/strong> accessible to all nature lovers.\r\n              <\/p>\r\n            <\/div>\r\n          <\/section>\r\n\r\n          <!-- Tour Highlights -->\r\n          <section class=\"section\">\r\n            <h2 class=\"section-title\"><i class=\"fas fa-star\"><\/i> Tour highlights<\/h2>\r\n            <ul class=\"inclusion-list\">\r\n              <li><i class=\"fas fa-check\"><\/i> Discover the vast high plateaus of the Middle Atlas mountains<\/li>\r\n              <li><i class=\"fas fa-check\"><\/i> Visit to Lake Aguelmane Azigza and the surrounding area<\/li>\r\n              <li><i class=\"fas fa-check\"><\/i> Exploration of the \"40 springs\" and their waterfalls<\/li>\r\n              <li><i class=\"fas fa-check\"><\/i> Hiking around Lake Aguelmane Ouiaouene<\/li>\r\n              <li><i class=\"fas fa-check\"><\/i> Immersion in the unspoilt nature of the Middle Atlas<\/li>\r\n              <li><i class=\"fas fa-check\"><\/i> Homestays for an authentic experience<\/li>\r\n            <\/ul>\r\n          <\/section>\r\n\r\n          <!-- Detailed Itinerary -->\r\n          <section class=\"section\">\r\n            <h2 class=\"section-title\"><i class=\"fas fa-route\"><\/i> Detailed Itinerary - 8 Days<\/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<\/h3>\r\n                  <p>Arrival at Marrakech airport, welcome and transfer to your accommodation. Check-in and overnight stay in a traditional Riad.<\/p>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"itinerary-item\">\r\n                <div class=\"itinerary-day\">Day 2<\/div>\r\n                <div class=\"itinerary-content\">\r\n                  <h3>Marrakech - Khnifra - Aguelmane Azigza (1550m)<\/h3>\r\n                  <p>Departure from Marrakech towards Khnifra and then on to Lake Aguelmane Azigza. <strong>5 to 6 hours by car<\/strong> to cover about 400 km. Set up camp for the night.<\/p>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"itinerary-item\">\r\n                <div class=\"itinerary-day\">Day 3<\/div>\r\n                <div class=\"itinerary-content\">\r\n                  <h3>Aguelmane Azigza - The 40 springs (1400m)<\/h3>\r\n                  <p>Day hike to the famous \"40 sources\" and their magnificent waterfalls. Discover the local flora and fauna. <strong>5 to 6 hours walking<\/strong>.<\/p>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"itinerary-item\">\r\n                <div class=\"itinerary-day\">Day 4<\/div>\r\n                <div class=\"itinerary-content\">\r\n                  <h3>The 40 springs - Aguelmane Ouiaouene (1769m)<\/h3>\r\n                  <p>Hike through the verdant landscapes of the Middle Atlas to Lake Aguelmane Ouiaouene. Magnificent panoramas of the surrounding plateaus. <strong>5 to 6 hours walking<\/strong>.<\/p>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"itinerary-item\">\r\n                <div class=\"itinerary-day\">Day 5<\/div>\r\n                <div class=\"itinerary-content\">\r\n                  <h3>Ouiaouene - Zaouiate Ifrane (1260m)<\/h3>\r\n                  <p>Continuation of the hike through cedar forests and pastures to the Ifrane region. <strong>5 to 6 hours walking<\/strong>.<\/p>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"itinerary-item\">\r\n                <div class=\"itinerary-day\">Day 6<\/div>\r\n                <div class=\"itinerary-content\">\r\n                  <h3>Zaouit Ifrane - Ain Louh (1600m)<\/h3>\r\n                  <p>Last day of hiking to the Ain Louh spring, through varied, unspoilt landscapes. <strong>6-hour walk<\/strong>.<\/p>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"itinerary-item\">\r\n                <div class=\"itinerary-day\">Day 7<\/div>\r\n                <div class=\"itinerary-content\">\r\n                  <h3>Ain Louh - Marrakech<\/h3>\r\n                  <p>Return by vehicle to Marrakech. Free time to discover the ochre city, its souks and monuments. Overnight at hotel.<\/p>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"itinerary-item\">\r\n                <div class=\"itinerary-day\">Day 8<\/div>\r\n                <div class=\"itinerary-content\">\r\n                  <h3>Airport transfer<\/h3>\r\n                  <p>Breakfast and transfer to Marrakech airport for your return flight, with wonderful memories of this Middle Atlas adventure.<\/p>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/section>\r\n\r\n          <!-- What's Included -->\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> Pick-up on arrival at the airport<\/li>\r\n                  <li><i class=\"fas fa-check\"><\/i> Airport - Hotel - Hiking - Hotel - Airport transfers<\/li>\r\n                  <li><i class=\"fas fa-check\"><\/i> The assistance of a qualified guide and muleteers<\/li>\r\n                  <li><i class=\"fas fa-check\"><\/i> Nights in a hotel or Riad in Marrakech<\/li>\r\n                  <li><i class=\"fas fa-check\"><\/i> Nights in tents and with local people during the hike<\/li>\r\n                  <li><i class=\"fas fa-check\"><\/i> Full board during the tour<\/li>\r\n                <\/ul>\r\n              <\/div>\r\n              <div>\r\n                <h3><i class=\"fas fa-times-circle\" style=\"color:#e11d48\"><\/i> Not included<\/h3>\r\n                <ul class=\"exclusion-list\">\r\n                  <li><i class=\"fas fa-times\"><\/i> Cancellation and assistance insurance (Compulsory!)<\/li>\r\n                  <li><i class=\"fas fa-times\"><\/i> Beverages and personal expenses<\/li>\r\n                  <li><i class=\"fas fa-times\"><\/i> Meals in town<\/li>\r\n                <\/ul>\r\n              <\/div>\r\n            <\/div>\r\n          <\/section>\r\n\r\n          <!-- Additional Tour Details -->\r\n          <section class=\"section\">\r\n            <h2 class=\"section-title\"><i class=\"fas fa-list-alt\"><\/i> Tour details<\/h2>\r\n            <div class=\"additional-details-grid\">\r\n              <div class=\"detail-item\">\r\n                <div class=\"detail-icon\"><i class=\"fas fa-calendar-alt\"><\/i><\/div>\r\n                <div class=\"detail-content\">\r\n                  <h3>Duration<\/h3>\r\n                  <p>8 days \/ 7 nights<\/p>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"detail-item\">\r\n                <div class=\"detail-icon\"><i class=\"fas fa-hiking\"><\/i><\/div>\r\n                <div class=\"detail-content\">\r\n                  <h3>Level<\/h3>\r\n                  <p>Easy<\/p>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"detail-item\">\r\n                <div class=\"detail-icon\"><i class=\"fas fa-sun\"><\/i><\/div>\r\n                <div class=\"detail-content\">\r\n                  <h3>Period<\/h3>\r\n                  <p>October to May<\/p>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"detail-item\">\r\n                <div class=\"detail-icon\"><i class=\"fas fa-users\"><\/i><\/div>\r\n                <div class=\"detail-content\">\r\n                  <h3>Participants<\/h3>\r\n                  <p>From 2 persons<\/p>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"detail-item\">\r\n                <div class=\"detail-icon\"><i class=\"fas fa-route\"><\/i><\/div>\r\n                <div class=\"detail-content\">\r\n                  <h3>Type of hike<\/h3>\r\n                  <p>Plateaux and lakes<\/p>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"detail-item\">\r\n                <div class=\"detail-icon\"><i class=\"fas fa-dollar-sign\"><\/i><\/div>\r\n                <div class=\"detail-content\">\r\n                  <h3>Price<\/h3>\r\n                  <p>On request<\/p>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/section>\r\n\r\n          <!-- FAQ -->\r\n          <section class=\"section\">\r\n            <h2 class=\"section-title\"><i class=\"fas fa-question-circle\"><\/i> Frequently asked questions<\/h2>\r\n            <div class=\"faq-accordion\">\r\n              <div class=\"faq-accordion-item\">\r\n                <div class=\"faq-accordion-header\">\r\n                  <span>How difficult is this hike?<\/span>\r\n                  <i class=\"fas fa-chevron-down\"><\/i>\r\n                <\/div>\r\n                <div class=\"faq-accordion-content\">\r\n                  <p>\r\n                    This is an easy hike, accessible to anyone in good health and normal physical condition. Walking time varies between 5 and 6 hours, with moderate ascents and descents.\r\n                  <\/p>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"faq-accordion-item\">\r\n                <div class=\"faq-accordion-header\">\r\n                  <span>Why is the recommended period from October to May?<\/span>\r\n                  <i class=\"fas fa-chevron-down\"><\/i>\r\n                <\/div>\r\n                <div class=\"faq-accordion-content\">\r\n                  <p>\r\n                    The Middle Atlas has hot summers and cold, snowy winters. The period from October to May offers the most pleasant climatic conditions for hiking, with moderate temperatures and lush green landscapes.\r\n                  <\/p>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"faq-accordion-item\">\r\n                <div class=\"faq-accordion-header\">\r\n                  <span>What type of accommodation are you looking for?<\/span>\r\n                  <i class=\"fas fa-chevron-down\"><\/i>\r\n                <\/div>\r\n                <div class=\"faq-accordion-content\">\r\n                  <p>\r\n                    During the trek, you'll stay in tents or with local people for an authentic immersion in the region. In Marrakech, you'll stay in a traditional Riad or hotel.\r\n                  <\/p>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"faq-accordion-item\">\r\n                <div class=\"faq-accordion-header\">\r\n                  <span>What's the best way to prepare for this hike?<\/span>\r\n                  <i class=\"fas fa-chevron-down\"><\/i>\r\n                <\/div>\r\n                <div class=\"faq-accordion-content\">\r\n                  <p>\r\n                    It's a good idea to do a few training walks with your backpack before you set off. Make sure you bring clothing suited to temperature variations and good hiking boots. A detailed equipment list will be provided upon reservation.\r\n                  <\/p>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/section>\r\n\r\n          <!-- Bottom Gallery -->\r\n          <section class=\"section bottom-gallery\">\r\n            <h2 class=\"section-title\"><i class=\"fas fa-images\"><\/i> Middle Atlas Photo Gallery<\/h2>\r\n            <div class=\"gallery-row\">\r\n              <!-- 9 BOTTOM GALLERY IMAGES UPDATED -->\r\n              <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/zawit_ifrane.jpg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/zawit_ifrane.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n              <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/images.jpeg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/images.jpeg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n              <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/28144830.400x300.jpg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/28144830.400x300.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n              <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/15232520.400x300.jpg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/15232520.400x300.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n              <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/zziqxecx0f0arzgoh5ua.webp\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/zziqxecx0f0arzgoh5ua.webp')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n              <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/Ifrane.jpg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/Ifrane.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n              <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/Lac-Aguelmam-Azegza.jpg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/Lac-Aguelmam-Azegza.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n              <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/50729103.400x300.jpg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/50729103.400x300.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n              <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/27040681.400x300.jpg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/27040681.400x300.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\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> Prix du Circuit<\/h2>\r\n            <div class=\"price-amount\" id=\"price-amount\">On request<\/div>\r\n            <p class=\"price-note\">Prices available on request - contact us for a customized quote.<\/p>\r\n            <p><i class=\"fas fa-calendar-alt\"><\/i> 8-day tour<\/p>\r\n            <p><i class=\"fas fa-mountain\"><\/i> Middle Atlas<\/p>\r\n            <p><i class=\"fas fa-users\"><\/i> From 2 persons<\/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> Request This Tour<\/h2>\r\n            <form id=\"booking-form\" novalidate action=\"\">\r\n              <div class=\"form-row\">\r\n                <div class=\"form-group\">\r\n                  <label for=\"tour-date\">Preferred 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=\"tour-end-date\">End date<\/label>\r\n                  <input type=\"date\" id=\"tour-end-date\" class=\"form-control\" required placeholder=\"Select a date\">\r\n                  <div class=\"error-message\" id=\"end-date-error\">Please select an end date<\/div>\r\n                <\/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=\"16\" value=\"2\" required placeholder=\"ex. 2\">\r\n                <div class=\"error-message\" id=\"participants-error\">Please enter a valid number (1-16)<\/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=\"ex. Jean\">\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\">Name<\/label>\r\n                  <input type=\"text\" id=\"last-name\" class=\"form-control\" required placeholder=\"ex. Dupont\">\r\n                  <div class=\"error-message\" id=\"last-name-error\">Please enter your 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=\"ex. jean@exemple.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 (equipment, diet, etc.)<\/label>\r\n                <textarea id=\"special-requests\" class=\"form-control\" rows=\"3\" placeholder=\"Dietary preferences, equipment rental, special needs, etc.\"><\/textarea>\r\n              <\/div>\r\n              <button type=\"submit\" class=\"btn-book\" id=\"submit-btn\"><i class=\"fa-solid fa-paper-plane\"><\/i> Request a Quote<\/button>\r\n            <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/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\">On request<\/div>\r\n          <p class=\"price-note\">Price available on request<\/p>\r\n        <\/div>\r\n        <button class=\"btn-book-mobile\" id=\"open-mobile-popup\"><i class=\"fas fa-calendar-plus\"><\/i> Request Circuit<\/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> Request This Tour<\/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 action=\"\">\r\n          <div class=\"form-row\">\r\n            <div class=\"form-group\">\r\n              <label for=\"m-tour-date\">Preferred 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 class=\"form-group\">\r\n              <label for=\"m-tour-end-date\">End date<\/label>\r\n              <input type=\"date\" id=\"m-tour-end-date\" class=\"form-control\" required placeholder=\"Select a date\">\r\n              <div class=\"error-message\" id=\"m-end-date-error\">Please select an end 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=\"16\" value=\"2\" required placeholder=\"ex. 2\">\r\n              <div class=\"error-message\" id=\"m-participants-error\">Please enter a valid number (1-16)<\/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-first-name\">First name<\/label>\r\n              <input type=\"text\" id=\"m-first-name\" class=\"form-control\" required placeholder=\"ex. Jean\">\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\">Name<\/label>\r\n              <input type=\"text\" id=\"m-last-name\" class=\"form-control\" required placeholder=\"ex. Dupont\">\r\n              <div class=\"error-message\" id=\"m-last-name-error\">Please enter your 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=\"ex. jean@exemple.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<\/label>\r\n            <textarea id=\"m-special-requests\" class=\"form-control\" rows=\"3\" placeholder=\"Dietary preferences, equipment rental, special needs, etc.\"><\/textarea>\r\n          <\/div>\r\n\r\n          <div class=\"popup-total\"><span>Total<\/span><strong>On request<\/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> Send Request<\/button>\r\n          <\/div>\r\n        <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/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 viewer\"><i class=\"fas fa-times\"><\/i><\/button>\r\n      <div class=\"lb-wrap\"><img class=\"lb-img\" id=\"lb-img\" alt=\"Image de la galerie\" \/><\/div>\r\n    <\/dialog>\r\n\r\n    <!-- Thank You -->\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 have received your request for the Middle Atlas tour and will contact you shortly with a personalized quote.<\/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(\"yZHVz5dZwIBbhTQjN\");\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      const email = document.getElementById(`${prefix}email`).value.trim();\r\n      if (!validateEmail(email)) {\r\n        showError(`${prefix}email`, `${prefix}email-error`, 'Veuillez entrer une adresse email valide (ex. nom@domaine.com)');\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`, 'Veuillez entrer un num\u00e9ro de t\u00e9l\u00e9phone valide avec au moins 10 chiffres');\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}tour-date`, errorId: `${prefix}date-error`, message: 'Veuillez s\u00e9lectionner une date de randonn\u00e9e' },\r\n        { id: `${prefix}tour-end-date`, errorId: `${prefix}end-date-error`, message: 'Veuillez s\u00e9lectionner une date de fin' },\r\n        { id: `${prefix}participants`, errorId: `${prefix}participants-error`, message: 'Veuillez entrer le nombre de participants' },\r\n        { id: `${prefix}first-name`, errorId: `${prefix}first-name-error`, message: 'Veuillez entrer votre pr\u00e9nom' },\r\n        { id: `${prefix}last-name`, errorId: `${prefix}last-name-error`, message: 'Veuillez entrer votre nom' }\r\n      ];\r\n\r\n      requiredFields.forEach(field => {\r\n        const el = document.getElementById(field.id);\r\n        if (!el) return;\r\n        const value = el.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.getAttribute('data-full');\r\n        const fullSrc=thumb.getAttribute('data-full');\r\n        if(mainSrc){\r\n          mainImage.style.backgroundImage=`url('${mainSrc}')`;\r\n          const btn = mainImage.querySelector('.zoom-btn');\r\n          if (btn) btn.setAttribute('data-full',fullSrc);\r\n        }\r\n        galleryThumbs.forEach(t=>t.classList.remove('active'));\r\n        thumb.classList.add('active');\r\n      });\r\n    });\r\n\r\n    const lightbox=document.getElementById('lightbox');\r\n    const lbImg=document.getElementById('lb-img');\r\n    const closeLightbox=document.querySelector('.close-lightbox');\r\n\r\n    function openLightbox(src){\r\n      lbImg.src=src;\r\n      lbImg.classList.remove('zoomed');\r\n      lightbox.showModal();\r\n    }\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=>{\r\n      e.stopPropagation();\r\n      openLightbox(btn.getAttribute('data-full'));\r\n    }));\r\n    closeLightbox.addEventListener('click',()=>lightbox.close());\r\n    lbImg.addEventListener('click',()=>lbImg.classList.toggle('zoomed'));\r\n\r\n    \/* Min date = demain *\/\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','tour-end-date','m-tour-end-date'].forEach(id=>{\r\n        const el=document.getElementById(id);\r\n        if(el) el.min=min;\r\n      });\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; \r\n        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    \/* Toast *\/\r\n    const toast=document.getElementById('toast');\r\n    function showToast(text,type='success'){\r\n      toast.textContent=text;\r\n      toast.className='toast show '+type;\r\n      setTimeout(()=>toast.classList.remove('show'),5000);\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    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('Veuillez corriger les erreurs dans le formulaire','error');\r\n          return;\r\n        }\r\n        submitBtn.disabled=true;\r\n        submitBtn.innerHTML='<i class=\"fas fa-spinner fa-spin\"><\/i> Envoi en cours...';\r\n        try{\r\n          const pax=parseInt(document.getElementById('participants').value||'2',10);\r\n          const formData={\r\n            tour_date:document.getElementById('tour-date').value,\r\n            tour_end_date:document.getElementById('tour-end-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:'Randonn\u00e9e dans le Moyen Atlas - 8 Jours',\r\n            total_price:'Sur demande'\r\n          };\r\n          await emailjs.send('service_n36h9q6', 'template_1ctvg9l', formData);\r\n          showThankYou();\r\n          form.reset(); \r\n        }catch(err){ \r\n          console.error('EmailJS Error:', err); \r\n          showToast('D\u00e9sol\u00e9, une erreur s\\'est produite lors de l\\'envoi de votre demande. Veuillez r\u00e9essayer.','error'); \r\n        } finally{\r\n          submitBtn.disabled=false;\r\n          submitBtn.innerHTML='<i class=\"fa-solid fa-paper-plane\"><\/i> Demander un Devis';\r\n        }\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 mEndDate=document.getElementById('m-tour-end-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\r\n    function syncToMobile(){\r\n      const d=(id)=>document.getElementById(id)?.value||'';\r\n      if(mDate) mDate.value=d('tour-date');\r\n      if(mEndDate) mEndDate.value=d('tour-end-date');\r\n      if(mParticipants) mParticipants.value=d('participants')||'2';\r\n      if(mFirst) mFirst.value=d('first-name');\r\n      if(mLast) mLast.value=d('last-name');\r\n      if(mEmail) mEmail.value=d('email');\r\n      if(mPhone) mPhone.value=d('phone');\r\n      if(mReq) mReq.value=d('special-requests');\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') && mParticipants){\r\n        document.getElementById('participants').value=mParticipants.value||'2';\r\n      }\r\n      if(document.getElementById('tour-date') && mDate){\r\n        document.getElementById('tour-date').value=mDate.value||'';\r\n      }\r\n      if(document.getElementById('tour-end-date') && mEndDate){\r\n        document.getElementById('tour-end-date').value=mEndDate.value||'';\r\n      }\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\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('Veuillez corriger les erreurs dans le formulaire','error');\r\n          return;\r\n        }\r\n        mobileSubmitBtn.disabled=true;\r\n        mobileSubmitBtn.innerHTML='<i class=\"fas fa-spinner fa-spin\"><\/i> Envoi en cours...';\r\n        try{\r\n          const pax=Math.max(1,parseInt(mParticipants.value||'2',10));\r\n          const formData={\r\n            tour_date:mDate.value,\r\n            tour_end_date:mEndDate.value,\r\n            participants:pax,\r\n            first_name:mFirst.value,\r\n            last_name:mLast.value,\r\n            email: mEmail.value,\r\n            phone: mPhone.value, \r\n            special_requests:mReq.value,\r\n            tour_name:'Randonn\u00e9e dans le Moyen Atlas - 8 Jours',\r\n            total_price:'Sur demande'\r\n          };\r\n          await emailjs.send('service_n36h9q6', 'template_1ctvg9l', formData);\r\n          closePopup();\r\n          showThankYou();\r\n        }catch(err){ \r\n          console.error('EmailJS Error:', err); \r\n          showToast('D\u00e9sol\u00e9, une erreur s\\'est produite lors de l\\'envoi de votre demande. Veuillez r\u00e9essayer.','error'); \r\n        } finally{\r\n          mobileSubmitBtn.disabled=false;\r\n          mobileSubmitBtn.innerHTML='<i class=\"fa-solid fa-paper-plane\"><\/i> Envoyer la Demande';\r\n        }\r\n      });\r\n    }\r\n\r\n    \/\/ Real-time validation\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', 'Veuillez entrer une adresse email valide (ex. nom@domaine.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', 'Veuillez entrer un num\u00e9ro de t\u00e9l\u00e9phone valide avec au moins 10 chiffres');\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', 'Veuillez entrer une adresse email valide (ex. nom@domaine.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', 'Veuillez entrer un num\u00e9ro de t\u00e9l\u00e9phone valide avec au moins 10 chiffres');\r\n          } else {\r\n            hideError('m-phone', 'm-phone-error');\r\n          }\r\n        });\r\n      }\r\n\r\n      \/\/ Bottom gallery -> lightbox\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>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Randonn\u00e9e dans le Moyen Atlas &#8211; 8 Jours | Maroc Treks MOYEN ATLAS Randonn\u00e9e dans le Moyen Atlas &#8211; 8 Jours D\u00e9couvrez les vastes plateaux d&rsquo;altitude, les lacs et les cascades du Moyen Atlas lors de cette randonn\u00e9e de 8 jours \u00e0 travers l&rsquo;une des r\u00e9gions les plus verdoyantes du Maroc. 8 jours de randonn\u00e9e [&hellip;]<\/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-432","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/maroctreks.com\/en\/wp-json\/wp\/v2\/pages\/432","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maroctreks.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maroctreks.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/maroctreks.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/maroctreks.com\/en\/wp-json\/wp\/v2\/comments?post=432"}],"version-history":[{"count":16,"href":"https:\/\/maroctreks.com\/en\/wp-json\/wp\/v2\/pages\/432\/revisions"}],"predecessor-version":[{"id":1023,"href":"https:\/\/maroctreks.com\/en\/wp-json\/wp\/v2\/pages\/432\/revisions\/1023"}],"wp:attachment":[{"href":"https:\/\/maroctreks.com\/en\/wp-json\/wp\/v2\/media?parent=432"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}