{"id":498,"date":"2025-11-15T14:30:22","date_gmt":"2025-11-15T14:30:22","guid":{"rendered":"https:\/\/maroctreks.com\/?page_id=498"},"modified":"2025-11-19T21:06:21","modified_gmt":"2025-11-19T21:06:21","slug":"haut-atlas-toubkal","status":"publish","type":"page","link":"https:\/\/maroctreks.com\/en\/haut-atlas-toubkal\/","title":{"rendered":"Haut atlas Toubkal"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"498\" class=\"elementor elementor-498\" 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\">\r\n    <title>Randonn\u00e9e Haut Atlas Toubkal - Circuits et Ascension<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&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    <style>\r\n        \/* Global styles *\/\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n        \r\n        body {\r\n            font-family: \"Poppins\", sans-serif;\r\n            color: #333;\r\n            line-height: 1.6;\r\n        }\r\n        \r\n        \/* Hero Banner Section *\/\r\n        .hero-banner {\r\n            position: relative;\r\n            height: 80vh;\r\n            min-height: 500px;\r\n            overflow: hidden;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n        \r\n        .hero-banner::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(0, 0, 0, 0.4);\r\n            z-index: 1;\r\n        }\r\n        \r\n        .hero-banner img {\r\n            position: absolute;\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n        \r\n        .hero-content {\r\n            position: relative;\r\n            z-index: 2;\r\n            text-align: center;\r\n            color: white;\r\n            max-width: 800px;\r\n            padding: 0 20px;\r\n        }\r\n        \r\n        .hero-content h1 {\r\n            font-size: 3.5rem;\r\n            font-weight: 700;\r\n            margin-bottom: 20px;\r\n            text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);\r\n        }\r\n        \r\n        .hero-content p {\r\n            font-size: 1.2rem;\r\n            margin-bottom: 30px;\r\n            text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);\r\n        }\r\n        \r\n        \/* Introduction Section *\/\r\n        .intro-section {\r\n            padding: 60px 20px;\r\n            background: #f8f9fa;\r\n        }\r\n        \r\n        .intro-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        .intro-content {\r\n            display: grid;\r\n            grid-template-columns: 1fr;\r\n            gap: 30px;\r\n        }\r\n        \r\n        .intro-text h2 {\r\n            font-size: 2.2rem;\r\n            color: #2c3e50;\r\n            margin-bottom: 20px;\r\n            font-weight: 600;\r\n            text-align: center;\r\n        }\r\n        \r\n        .intro-text p {\r\n            margin-bottom: 20px;\r\n            color: #555;\r\n            font-size: 1.05rem;\r\n            text-align: justify;\r\n            word-spacing: normal;\r\n            letter-spacing: normal;\r\n        }\r\n        \r\n        .keyword {\r\n            font-weight: 700;\r\n            color: #2c3e50;\r\n        }\r\n        \r\n        \/* Travel Cards Section *\/\r\n        .travel-cards-section {\r\n            font-family: \"Poppins\", sans-serif;\r\n            background: #f7f7f7;\r\n            padding: 40px 20px;\r\n            display: flex;\r\n            justify-content: center;\r\n        }\r\n\r\n        .travel-cards-section .container {\r\n            max-width: 1200px;\r\n            width: 100%;\r\n        }\r\n\r\n        .travel-cards-section .header {\r\n            text-align: center;\r\n            margin-bottom: 50px;\r\n        }\r\n\r\n        .travel-cards-section .header h1 {\r\n            font-size: 2.5rem;\r\n            font-weight: 700;\r\n            color: #2c3e50;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .travel-cards-section .header p {\r\n            font-size: 1.1rem;\r\n            color: #7f8c8d;\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .travel-cards-section .card-container {\r\n            display: grid;\r\n            gap: 30px;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n        }\r\n\r\n        .travel-cards-section .card {\r\n            background: #fff;\r\n            border-radius: 16px;\r\n            overflow: hidden;\r\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\r\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n            cursor: pointer;\r\n            position: relative;\r\n        }\r\n\r\n        .travel-cards-section .card:hover {\r\n            transform: translateY(-8px);\r\n            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);\r\n        }\r\n\r\n        .travel-cards-section .card-image {\r\n            width: 100%;\r\n            height: 220px;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .travel-cards-section .card-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.5s ease;\r\n        }\r\n\r\n        .travel-cards-section .card:hover .card-image img {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .travel-cards-section .card-content {\r\n            padding: 20px 25px 25px;\r\n        }\r\n\r\n        .travel-cards-section .top-info {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        .travel-cards-section .rating {\r\n            background: linear-gradient(to right, #ff9a00, #ff6a00);\r\n            color: white;\r\n            padding: 6px 12px;\r\n            border-radius: 20px;\r\n            font-weight: 600;\r\n            font-size: 0.85rem;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 5px;\r\n        }\r\n\r\n        .travel-cards-section .date-section {\r\n            background: #1e88e5;\r\n            color: white;\r\n            padding: 6px 12px;\r\n            border-radius: 20px;\r\n            font-weight: 600;\r\n            font-size: 0.85rem;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 5px;\r\n        }\r\n\r\n        .travel-cards-section h3 {\r\n            margin: 10px 0 12px;\r\n            font-size: 1.25rem;\r\n            font-weight: 600;\r\n            line-height: 1.4;\r\n            color: #2c3e50;\r\n        }\r\n\r\n        .travel-cards-section .location {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            color: #7f8c8d;\r\n            font-size: 0.95rem;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .travel-cards-section .features {\r\n            display: flex;\r\n            gap: 15px;\r\n            margin-bottom: 20px;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .travel-cards-section .feature {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 5px;\r\n            font-size: 0.85rem;\r\n            color: #7f8c8d;\r\n        }\r\n\r\n        .travel-cards-section .feature i {\r\n            color: #3498db;\r\n        }\r\n\r\n        .travel-cards-section .bottom-info {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            border-top: 1px solid #f1f1f1;\r\n            padding-top: 18px;\r\n            gap: 10px;\r\n        }\r\n\r\n        .travel-cards-section .btn-book {\r\n            background: linear-gradient(to right, #3498db, #2980b9);\r\n            color: white;\r\n            border: none;\r\n            padding: 10px 20px;\r\n            border-radius: 8px;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            font-size: 0.9rem;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 8px;\r\n            flex: 1;\r\n            text-decoration: none;\r\n        }\r\n\r\n        .travel-cards-section .btn-book:hover {\r\n            background: linear-gradient(to right, #2980b9, #2471a3);\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 5px 15px rgba(52, 152, 219, 0.3);\r\n        }\r\n\r\n        .travel-cards-section .btn-whatsapp {\r\n            background: linear-gradient(to right, #25D366, #128C7E);\r\n            color: white;\r\n            border: none;\r\n            padding: 10px 20px;\r\n            border-radius: 8px;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            font-size: 0.9rem;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 8px;\r\n            flex: 1;\r\n        }\r\n\r\n        .travel-cards-section .btn-whatsapp:hover {\r\n            background: linear-gradient(to right, #128C7E, #075E54);\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 5px 15px rgba(37, 211, 102, 0.3);\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 992px) {\r\n            .hero-content h1 {\r\n                font-size: 2.8rem;\r\n            }\r\n            \r\n            .intro-text h2 {\r\n                font-size: 1.8rem;\r\n            }\r\n            \r\n            .intro-text p {\r\n                text-align: left;\r\n                word-spacing: normal;\r\n                letter-spacing: normal;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 768px) {\r\n            .hero-banner {\r\n                height: 60vh;\r\n            }\r\n            \r\n            .hero-content h1 {\r\n                font-size: 2.2rem;\r\n            }\r\n            \r\n            .hero-content p {\r\n                font-size: 1rem;\r\n            }\r\n            \r\n            .travel-cards-section .header h1 {\r\n                font-size: 2rem;\r\n            }\r\n            \r\n            .travel-cards-section .card-container {\r\n                grid-template-columns: 1fr;\r\n                max-width: 400px;\r\n                margin: 0 auto;\r\n            }\r\n            \r\n            .travel-cards-section .top-info {\r\n                flex-direction: row;\r\n                align-items: center;\r\n                gap: 10px;\r\n            }\r\n            \r\n            .travel-cards-section .bottom-info {\r\n                flex-wrap: wrap;\r\n            }\r\n            \r\n            .travel-cards-section .btn-book,\r\n            .travel-cards-section .btn-whatsapp {\r\n                flex: 0 0 calc(50% - 5px);\r\n                min-width: 140px;\r\n            }\r\n            \r\n            .intro-text p {\r\n                text-align: left;\r\n                word-spacing: normal;\r\n                letter-spacing: normal;\r\n                hyphens: auto;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .hero-banner {\r\n                height: 50vh;\r\n            }\r\n            \r\n            .hero-content h1 {\r\n                font-size: 1.8rem;\r\n            }\r\n            \r\n            .travel-cards-section {\r\n                padding: 20px 15px;\r\n            }\r\n            \r\n            .travel-cards-section .header {\r\n                margin-bottom: 30px;\r\n            }\r\n            \r\n            .travel-cards-section .header h1 {\r\n                font-size: 1.75rem;\r\n            }\r\n            \r\n            .travel-cards-section .header p {\r\n                font-size: 1rem;\r\n            }\r\n            \r\n            .travel-cards-section .card-content {\r\n                padding: 15px 20px 20px;\r\n            }\r\n            \r\n            .travel-cards-section .features {\r\n                gap: 10px;\r\n            }\r\n            \r\n            .travel-cards-section .feature {\r\n                font-size: 0.8rem;\r\n            }\r\n            \r\n            .travel-cards-section .top-info {\r\n                gap: 8px;\r\n            }\r\n            \r\n            .intro-text p {\r\n                text-align: left;\r\n                word-spacing: normal;\r\n                letter-spacing: normal;\r\n                hyphens: auto;\r\n                font-size: 1rem;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <!-- Hero Banner Section -->\r\n    <section class=\"hero-banner\">\r\n        <img decoding=\"async\" src=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/Copie-de-sommet_toubkal.jpg\" alt=\"Haut Atlas Maroc - Randonn\u00e9e et Ascension du Toubkal\">\r\n        <div class=\"hero-content\">\r\n            <h1>Hiking in the Moroccan High Atlas<\/h1>\r\n            <p>Discover the most beautiful hiking trails and ascents of Toubkal, the roof of North Africa.<\/p>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Introduction Section -->\r\n    <section class=\"intro-section\">\r\n        <div class=\"intro-container\">\r\n            <div class=\"intro-content\">\r\n                <div class=\"intro-text\">\r\n                    <h2>The Moroccan High Atlas<\/h2>\r\n                    <p>Visit <span class=\"keyword\">High Atlas<\/span> is a Moroccan mountain range with a south-west\/north-east orientation. It belongs to the'<span class=\"keyword\">Atlas<\/span>, and, more precisely, to one of the three elements of the'<span class=\"keyword\">Moroccan Atlas<\/span> the other two being the <span class=\"keyword\">Middle Atlas<\/span> and the'<span class=\"keyword\">Anti-Atlas<\/span>.<\/p>\r\n                    <p>It is the highest massif in'<span class=\"keyword\">North Africa<\/span>, sometimes nicknamed the\u00ab <span class=\"keyword\">roof of Morocco<\/span> \u00bbor the\u00ab <span class=\"keyword\">roof of North Africa<\/span> \u00bb. It forms an immense barrier, some 750 km long, which marks the boundary of the <span class=\"keyword\">Saharan Morocco<\/span> from <span class=\"keyword\">Atlantic Morocco<\/span> and <span class=\"keyword\">Mediterranean<\/span>. It is the centerpiece of the country's altimontane domain, covering a total area of 100,200 km\u00b2.<\/p>\r\n                    <p>The population, mainly <span class=\"keyword\">Berber (Amazigh)<\/span>, lives from pastoralism and agriculture. Visit <span class=\"keyword\">Western High Atlas<\/span> is the oldest massif, made up of Jurassic or Cretaceous formations cut by deep valleys.<\/p>\r\n                    <p>Its highest point is the <span class=\"keyword\">Jbel Toubkal<\/span> at 4,167 metres, visible from <span class=\"keyword\">Marrakech<\/span> an added attraction for this city. Visit <span class=\"keyword\">Toubkal National Park<\/span> was created in 1942, in recognition of the biodiversity and natural wealth of the region. <span class=\"keyword\">Jbel Toubkal<\/span>.<\/p>\r\n                    <p>L'<span class=\"keyword\">climbing to the roof of North Africa<\/span> presents no great technical difficulties, and the assistance of the <span class=\"keyword\">guides<\/span> and <span class=\"keyword\">mule drivers<\/span> and their <span class=\"keyword\">mules<\/span> avoids excessive physical exertion. What's more, with an altitude of just over 4,000 metres, the <span class=\"keyword\">acute mountain sickness<\/span> poses few problems. Summer is the most propitious season, as the <span class=\"keyword\">snow<\/span> and <span class=\"keyword\">snow<\/span> are absent.<\/p>\r\n                    <p>Visit <span class=\"keyword\">Berber villages<\/span> are available to <span class=\"keyword\">hikers<\/span> all year round. Visit <span class=\"keyword\">itineraries<\/span> are from 8 to 15 days with the possibility of modifying these <span class=\"keyword\">itineraries<\/span> on the number of days chosen, from 3 to 11 days of <span class=\"keyword\">walk<\/span>. Details of'<span class=\"keyword\">itinerary<\/span> on request.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Travel Cards Section -->\r\n    <div class=\"travel-cards-section\">\r\n        <div class=\"container\">\r\n            <div class=\"header\">\r\n                <h1>High Atlas Toubkal Travel Experiences<\/h1>\r\n                <p>Book your next adventure with our exclusive Atlas hiking tours<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"card-container\">\r\n                <!-- Card 1 -->\r\n                <div class=\"card\">\r\n                    <div class=\"card-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/Copie-de-sommet_toubkal.jpg\" alt=\"Atlas Mountain Trekking\">\r\n                    <\/div>\r\n                    <div class=\"card-content\">\r\n                        <div class=\"top-info\">\r\n                            <span class=\"rating\"><i class=\"fas fa-star\"><\/i> 4.9<\/span>\r\n                            <span class=\"date-section\"><i class=\"far fa-calendar-alt\"><\/i> 15 Days<\/span>\r\n                        <\/div>\r\n                        <h3>Hiking in the Atlas - Climbing Toubkal<\/h3>\r\n                        <div class=\"location\"><i class=\"fas fa-map-marker-alt\"><\/i> High Atlas, Morocco<\/div>\r\n                        <div class=\"features\">\r\n                            <div class=\"feature\"><i class=\"fas fa-mountain\"><\/i> Ascension<\/div>\r\n                            <div class=\"feature\"><i class=\"fas fa-hiking\"><\/i> Hiking<\/div>\r\n                            <div class=\"feature\"><i class=\"fas fa-home\"><\/i> Berber cottages<\/div>\r\n                        <\/div>\r\n                        <div class=\"bottom-info\">\r\n                            <a href=\"https:\/\/maroctreks.com\/en\/randonnee-dans-latlas\/\" class=\"btn-book\"><i class=\"fas fa-ticket-alt\"><\/i> Book<\/a>\r\n                            <button class=\"btn-whatsapp\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Card 2 -->\r\n                <div class=\"card\">\r\n                    <div class=\"card-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/237_3798.jpg\" alt=\"Randonn\u00e9e Berb\u00e8re\">\r\n                    <\/div>\r\n                    <div class=\"card-content\">\r\n                        <div class=\"top-info\">\r\n                            <span class=\"rating\"><i class=\"fas fa-star\"><\/i> 4.8<\/span>\r\n                            <span class=\"date-section\"><i class=\"far fa-calendar-alt\"><\/i> 8 Days<\/span>\r\n                        <\/div>\r\n                        <h3>Berber hike with ascent to Toubkal<\/h3>\r\n                        <div class=\"location\"><i class=\"fas fa-map-marker-alt\"><\/i> High Atlas, Morocco<\/div>\r\n                        <div class=\"features\">\r\n                            <div class=\"feature\"><i class=\"fas fa-users\"><\/i> Berber culture<\/div>\r\n                            <div class=\"feature\"><i class=\"fas fa-hiking\"><\/i> Trekking<\/div>\r\n                            <div class=\"feature\"><i class=\"fas fa-utensils\"><\/i> Local cuisine<\/div>\r\n                        <\/div>\r\n                        <div class=\"bottom-info\">\r\n                            <a href=\"https:\/\/maroctreks.com\/en\/randonnee-berbere-avec-ascension-du-toubkal-8-jours\/\" class=\"btn-book\"><i class=\"fas fa-ticket-alt\"><\/i> Book<\/a>\r\n                            <button class=\"btn-whatsapp\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Card 3 -->\r\n                <div class=\"card\">\r\n                    <div class=\"card-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/DSCN0481-1-scaled.jpg\" alt=\"Moyen Atlas\">\r\n                    <\/div>\r\n                    <div class=\"card-content\">\r\n                        <div class=\"top-info\">\r\n                            <span class=\"rating\"><i class=\"fas fa-star\"><\/i> 4.7<\/span>\r\n                            <span class=\"date-section\"><i class=\"far fa-calendar-alt\"><\/i> 8 Days<\/span>\r\n                        <\/div>\r\n                        <h3>Hiking in the Middle Atlas<\/h3>\r\n                        <div class=\"location\"><i class=\"fas fa-map-marker-alt\"><\/i> Middle Atlas, Morocco<\/div>\r\n                        <div class=\"features\">\r\n                            <div class=\"feature\"><i class=\"fas fa-tree\"><\/i> Cedar forests<\/div>\r\n                            <div class=\"feature\"><i class=\"fas fa-water\"><\/i> Cascades<\/div>\r\n                            <div class=\"feature\"><i class=\"fas fa-campground\"><\/i> Bivouac<\/div>\r\n                        <\/div>\r\n                        <div class=\"bottom-info\">\r\n                            <a href=\"https:\/\/maroctreks.com\/en\/randonnee-dans-le-moyen-atlas-8-jours\/\" class=\"btn-book\"><i class=\"fas fa-ticket-alt\"><\/i> Book<\/a>\r\n                            <button class=\"btn-whatsapp\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ Phone number\r\n        const whatsappNumber = \"+212667591933\";\r\n        \r\n        \/\/ Add interactivity to WhatsApp buttons\r\n        document.querySelectorAll('.travel-cards-section .btn-whatsapp').forEach(button => {\r\n            button.addEventListener('click', function(e) {\r\n                e.stopPropagation();\r\n                e.preventDefault();\r\n                const cardTitle = this.closest('.card').querySelector('h3').textContent;\r\n                \/\/ Create WhatsApp message\r\n                const message = `Bonjour, je suis int\u00e9ress\u00e9(e) par: ${cardTitle}. Pouvez-vous me donner plus d'informations?`;\r\n                \/\/ Encode the message for URL\r\n                const encodedMessage = encodeURIComponent(message);\r\n                \/\/ Open WhatsApp with pre-filled message\r\n                window.open(`https:\/\/wa.me\/${whatsappNumber}?text=${encodedMessage}`, '_blank');\r\n            });\r\n        });\r\n\r\n        \/\/ Add click functionality to cards (only when clicking on the card itself, not buttons)\r\n        document.querySelectorAll('.travel-cards-section .card').forEach(card => {\r\n            card.addEventListener('click', function(e) {\r\n                \/\/ Check if the click was on a button or link\r\n                if (e.target.closest('.btn-book') || e.target.closest('.btn-whatsapp')) {\r\n                    return; \/\/ Don't trigger card click if button was clicked\r\n                }\r\n                \r\n                \/\/ In a real application, this would navigate to the trip details page\r\n                alert('Voir les d\u00e9tails pour: ' + this.querySelector('h3').textContent);\r\n            });\r\n        });\r\n\r\n        \/\/ Remove target=\"_blank\" from all book buttons to open in same page\r\n        document.querySelectorAll('.travel-cards-section .btn-book').forEach(button => {\r\n            button.removeAttribute('target');\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>Randonn\u00e9e Haut Atlas Toubkal &#8211; Circuits et Ascension Randonn\u00e9e dans le Haut Atlas Marocain D\u00e9couvrez les plus beaux circuits de randonn\u00e9e et ascensions du Toubkal, le toit de l&rsquo;Afrique du Nord Le Haut Atlas Marocain Le Haut Atlas est une cha\u00eene montagneuse marocaine orient\u00e9e sud-ouest\/nord-est. Cette cha\u00eene appartient au massif de l&rsquo;Atlas, et plus pr\u00e9cis\u00e9ment, [&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-498","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\/498","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=498"}],"version-history":[{"count":13,"href":"https:\/\/maroctreks.com\/en\/wp-json\/wp\/v2\/pages\/498\/revisions"}],"predecessor-version":[{"id":989,"href":"https:\/\/maroctreks.com\/en\/wp-json\/wp\/v2\/pages\/498\/revisions\/989"}],"wp:attachment":[{"href":"https:\/\/maroctreks.com\/en\/wp-json\/wp\/v2\/media?parent=498"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}