(function() {
    var container = document.getElementById('ks-app-container') || document.createElement('div');
    if(!container.id) { container.id = 'ks-app-container'; document.body.appendChild(container); }
    container.innerHTML = "<style nonce=\"cfclgpVYkJKqVHtk+7ZK0g==\">@keyframes ksPulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } :root{--ks-primary:#0f172a;--ks-accent:#0ea5e9;--ks-success:#10b981;--ks-error:#ef4444;--ks-bg:#f8fafc;--ks-surface:#fff;--ks-border:#e2e8f0;--ks-text:#334155;--ks-radius:12px;}.ks-app-wrapper{font-family:'Inter',sans-serif;box-sizing:border-box;}.ks-modal-backdrop{display:none;position:fixed;z-index:110000;inset:0;background:rgba(15,23,42,0.75);backdrop-filter:blur(4px);align-items:center;justify-content:center;opacity:0;transition:opacity .3s;}.ks-modal-backdrop.is-open{display:flex;opacity:1;}.ks-modal-overlay-bg{position:absolute;inset:0;z-index:0;cursor:default;}.ks-modal-panel{background:var(--ks-surface);width:95%;max-width:1100px;border-radius:var(--ks-radius);display:flex;flex-direction:column;max-height:90dvh;overflow:hidden;position:relative;z-index:1;}.ks-modal-header{padding:1rem;border-bottom:1px solid var(--ks-border);display:flex;justify-content:space-between;align-items:center;background:#f8fafc;}.ks-progress-bar{display:flex;justify-content:center;gap:.75rem;margin-top:.5rem;}.ks-step-dot{width:.6rem;height:.6rem;border-radius:50%;background:#cbd5e1;}.ks-step-dot.is-active{background:var(--ks-accent);transform:scale(1.25);}.ks-modal-body{padding:1.5rem;overflow-y:auto;flex:1;}.ks-view-step{display:none;}.ks-view-step.is-active{display:block;}.ks-label{display:block;font-size:.9rem;font-weight:600;margin-bottom:.3rem;margin-top:.8rem;}.ks-input{width:100%;padding:.7rem;border:2px solid var(--ks-border);border-radius:var(--ks-radius);}.ks-grid-options{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:1rem;}.ks-card-option{border:2px solid var(--ks-border);border-radius:var(--ks-radius);overflow:hidden;cursor:pointer;background:#fff;transition: all 0.2s;}.ks-card-option:hover{border-color:var(--ks-accent);transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.05);}.ks-card-option.is-selected{border-color:var(--ks-accent);background:#f0f9ff;}.ks-card-img{width:100%;height:80px;object-fit:cover;}.ks-card-body{padding:.75rem;text-align:center;}.ks-counter-row{display:flex;justify-content:space-between;align-items:center;background:var(--ks-bg);padding:1rem;border-radius:var(--ks-radius);margin-bottom:.75rem;}.ks-btn-circle{width:40px;height:40px;border-radius:50%;border:2px solid var(--ks-border);background:#fff;cursor:pointer;font-weight:bold;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all 0.2s;}.ks-btn-circle:hover{background:var(--ks-bg);border-color:var(--ks-accent);}.ks-time-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(100px, 1fr));gap:10px;}.ks-time-chip{padding:12px;border-radius:8px;border:2px solid var(--ks-border);text-align:center;cursor:pointer;font-weight:600;transition:all 0.2s;}.ks-time-chip:hover{border-color:var(--ks-accent);color:var(--ks-accent);}.ks-time-chip.is-selected{background:var(--ks-accent);color:#fff;border-color:var(--ks-accent);}.ks-modal-footer{padding:1.5rem;border-top:1px solid var(--ks-border);background:var(--ks-bg);display:flex;justify-content:space-between;align-items:center;}.ks-btn{padding:.8rem 2rem;border-radius:99px;font-weight:700;border:none;cursor:pointer;transition:all 0.2s;}.ks-btn:active{transform:scale(0.98);}.ks-btn-outline{background:transparent;border:2px solid var(--ks-border);}.ks-btn-primary{background:var(--ks-accent);color:#fff;box-shadow: 0 4px 14px rgba(14, 165, 233, 0.4);}.ks-btn-success{background:var(--ks-success);color:#fff;box-shadow: 0 4px 14px rgba(16, 185, 129, 0.4);}.ks-hidden{display:none!important;}.ks-alert{background:#fee2e2;color:#991b1b;padding:.75rem;border-radius:8px;text-align:center;margin-bottom:1rem;}.ks-river-selector{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:.5rem;}.ks-river-btn{padding:.6rem 1.4rem;border-radius:99px;border:2px solid var(--ks-border);background:#fff;font-weight:600;cursor:pointer;transition:all 0.2s;font-size:.9rem;}.ks-river-btn:hover{border-color:var(--ks-accent);color:var(--ks-accent);}.ks-river-btn.is-active{background:var(--ks-accent);color:#fff;border-color:var(--ks-accent);}<\/style>\r\n<div class=\"ks-app-wrapper\">\r\n    <div id=\"ksModal\" class=\"ks-modal-backdrop\">\r\n        <div class=\"ks-modal-overlay-bg\" id=\"ksModalOverlayBg\"><\/div>\r\n        <div class=\"ks-modal-panel\">\r\n            <div class=\"ks-modal-header\">\r\n                <div style=\"flex:1\">\r\n                    <h2 class=\"ks-title\" style=\"margin:0; line-height:1.2;\">R\u00e9servation <span style=\"font-size: 0.65rem; background: #10b981; color: white; padding: 2px 6px; border-radius: 4px; animation: ksPulse 2s infinite; vertical-align: middle;\">LIVE STOCK<\/span><\/h2>\r\n                    <div style=\"font-size:0.7rem; color:#64748b; font-weight:500; margin-top:2px;\">\ud83d\udee1\ufe0f KSA guarantees you the best value for money + 15621 bit ECC 521 encryption!<\/div>\r\n                    <div class=\"ks-progress-bar\">\r\n                        <div class=\"ks-step-dot is-active\" data-step=\"1\"><\/div>\r\n                        <div class=\"ks-step-dot\" data-step=\"2\"><\/div>\r\n                        <div class=\"ks-step-dot\" data-step=\"3\"><\/div>\r\n                        <div class=\"ks-step-dot\" data-step=\"4\"><\/div>\r\n                        <div class=\"ks-step-dot\" data-step=\"5\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <button class=\"ks-close-btn\" id=\"ksCloseBtn\" style=\"background:none; border:none; font-size:1.5rem; color:#94a3b8; cursor:pointer;\">&times;<\/button>\r\n            <\/div>\r\n            <form id=\"ksReservationForm\" style=\"display:flex; flex-direction:column; flex:1; overflow:hidden;\">\r\n                <input type=\"hidden\" name=\"submit_reservation\" value=\"1\">\r\n                <input type=\"hidden\" name=\"nb_personnes\" id=\"ksInputNbPers\" value=\"0\">\r\n                <div class=\"ks-modal-body\">\r\n                    <div id=\"ksStep1\" class=\"ks-view-step is-active\">\r\n                        <label class=\"ks-label\">Date de votre descente<\/label>\r\n                        <input type=\"date\" name=\"date_demander\" id=\"ksInputDate\" class=\"ks-input\" min=\"2026-05-27\" value=\"2026-05-27\" required>\r\n                        <label class=\"ks-label\">Heure de d\u00e9part souhait\u00e9e<\/label>\r\n                        <div id=\"ksTimeSlots\" class=\"ks-time-grid\"><\/div>\r\n                        <input type=\"hidden\" name=\"heure_souhaitee\" id=\"ksInputTime\" required>\r\n                        \r\n                        <div style=\"background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%); border: 1px solid #fed7aa; color: #9a3412; padding: 14px 18px; border-radius: 12px; margin-top: 20px; font-size: 0.9rem; line-height: 1.5; display: flex; align-items: flex-start; gap: 12px; box-shadow: 0 4px 6px -1px rgba(251, 146, 60, 0.05);\">\r\n                            <span style=\"font-size: 1.3rem; line-height: 1;\">\u26a0\ufe0f<\/span>\r\n                            <div>\r\n                                <strong style=\"color: #7c2d12; font-weight: 700;\">Note sur l'\u00e2ge :<\/strong> Les enfants de moins de 6 ans doivent \u00eatre plac\u00e9s gratuitement au milieu d'un kayak biplace. D\u00e8s 6 ans, une place est requise au tarif adulte.\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div id=\"ksStep2\" class=\"ks-view-step\">\r\n                        <label class=\"ks-label\">Choisissez votre rivi\u00e8re<\/label>\r\n                                                                        <div class=\"ks-river-selector\" id=\"ksRiverSelector\">\r\n                                                        <button type=\"button\" class=\"ks-river-btn is-active\" data-river=\"semois\">\ud83c\udfd4\ufe0f Semois<\/button>\r\n                                                                                    <button type=\"button\" class=\"ks-river-btn\" data-river=\"lesse\">\ud83c\udf0a Lesse<\/button>\r\n                                                                                    <button type=\"button\" class=\"ks-river-btn\" data-river=\"ourthe\">\ud83c\udfde\ufe0f Ourthe<\/button>\r\n                                                    <\/div>\r\n                                                <label class=\"ks-label\" style=\"margin-top:16px;\">Choisissez votre parcours<\/label>\r\n                                                <div class=\"ks-grid-options\" data-river-group=\"semois\">\r\n                                                        <div class=\"ks-card-option js-route-opt\" data-id=\"vress\" data-mono=\"26.4\" data-bi=\"48.4\" data-riviere=\"semois\">\r\n                                <div class=\"ks-card-body\">\r\n                                    <div style=\"font-weight:800;\">Vress<\/div>\r\n                                    <div style=\"font-size:.75rem; color:#64748b;\">M: 26.4\u20ac | B: 48.4\u20ac<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                                                        <div class=\"ks-card-option js-route-opt\" data-id=\"membre\" data-mono=\"26.4\" data-bi=\"48.4\" data-riviere=\"semois\">\r\n                                <div class=\"ks-card-body\">\r\n                                    <div style=\"font-weight:800;\">Membre<\/div>\r\n                                    <div style=\"font-size:.75rem; color:#64748b;\">M: 26.4\u20ac | B: 48.4\u20ac<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                                                        <div class=\"ks-card-option js-route-opt\" data-id=\"bohan\" data-mono=\"26.4\" data-bi=\"48.4\" data-riviere=\"semois\">\r\n                                <div class=\"ks-card-body\">\r\n                                    <div style=\"font-weight:800;\">Bohan<\/div>\r\n                                    <div style=\"font-size:.75rem; color:#64748b;\">M: 26.4\u20ac | B: 48.4\u20ac<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                                                        <div class=\"ks-card-option js-route-opt\" data-id=\"poup-all\" data-mono=\"26.4\" data-bi=\"48.4\" data-riviere=\"semois\">\r\n                                <div class=\"ks-card-body\">\r\n                                    <div style=\"font-weight:800;\">Poup all<\/div>\r\n                                    <div style=\"font-size:.75rem; color:#64748b;\">M: 26.4\u20ac | B: 48.4\u20ac<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                                                    <\/div>\r\n                                                                        <div class=\"ks-grid-options\" data-river-group=\"lesse\" style=\"display:none\">\r\n                                                        <div class=\"ks-card-option js-route-opt\" data-id=\"lesse-9\" data-mono=\"0\" data-bi=\"0\" data-riviere=\"lesse\" data-multitype=\"1\">\r\n                                <div class=\"ks-card-body\">\r\n                                    <div style=\"font-weight:800;\">Parcours 9 km<\/div>\r\n                                    <div style=\"font-size:.72rem; color:#64748b;\">Houyet \u2192 Gendron \u00b7 env. 2h<\/div>\r\n                                    <div style=\"font-size:.7rem; color:#0369a1; margin-top:3px;\">\ud83d\udccd R\u00e9gion de Dinant<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                                                        <div class=\"ks-card-option js-route-opt\" data-id=\"lesse-12\" data-mono=\"0\" data-bi=\"0\" data-riviere=\"lesse\" data-multitype=\"1\">\r\n                                <div class=\"ks-card-body\">\r\n                                    <div style=\"font-weight:800;\">Parcours 12 km<\/div>\r\n                                    <div style=\"font-size:.72rem; color:#64748b;\">Demi-descente \u00b7 env. 2h30<\/div>\r\n                                    <div style=\"font-size:.7rem; color:#0369a1; margin-top:3px;\">\ud83d\udccd R\u00e9gion de Dinant<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                                                        <div class=\"ks-card-option js-route-opt\" data-id=\"lesse-21\" data-mono=\"0\" data-bi=\"0\" data-riviere=\"lesse\" data-multitype=\"1\">\r\n                                <div class=\"ks-card-body\">\r\n                                    <div style=\"font-weight:800;\">Parcours 21 km<\/div>\r\n                                    <div style=\"font-size:.72rem; color:#64748b;\">Houyet \u2192 Anseremme \u00b7 env. 5h<\/div>\r\n                                    <div style=\"font-size:.7rem; color:#0369a1; margin-top:3px;\">\ud83d\udccd R\u00e9gion de Dinant<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                                                    <\/div>\r\n                                                                        <div class=\"ks-grid-options\" data-river-group=\"ourthe\" style=\"display:none\">\r\n                                                        <div class=\"ks-card-option js-route-opt\" data-id=\"ourthe-k1\" data-mono=\"33\" data-bi=\"0\" data-riviere=\"ourthe\">\r\n                                <div class=\"ks-card-body\">\r\n                                    <div style=\"font-weight:800;\">Kayak solo (K1)<\/div>\r\n                                    <div style=\"font-size:.72rem; color:#64748b;\">33\u20ac\/pers.<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                                                        <div class=\"ks-card-option js-route-opt\" data-id=\"ourthe-k2\" data-mono=\"57.2\" data-bi=\"0\" data-riviere=\"ourthe\">\r\n                                <div class=\"ks-card-body\">\r\n                                    <div style=\"font-weight:800;\">Kayak duo (K2)<\/div>\r\n                                    <div style=\"font-size:.72rem; color:#64748b;\">57.2\u20ac\/pers.<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                                                        <div class=\"ks-card-option js-route-opt\" data-id=\"ourthe-c3\" data-mono=\"57.2\" data-bi=\"0\" data-riviere=\"ourthe\">\r\n                                <div class=\"ks-card-body\">\r\n                                    <div style=\"font-weight:800;\">Cano\u00eb trio (C3)<\/div>\r\n                                    <div style=\"font-size:.72rem; color:#64748b;\">57.2\u20ac\/pers.<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                                                    <\/div>\r\n                                                <input type=\"hidden\" name=\"lieu_arrivee\" id=\"ksInputRoute\">\r\n                        <input type=\"hidden\" name=\"riviere\" id=\"ksInputRiviere\" value=\"semois\">\r\n                    <\/div>\r\n                    <div id=\"ksStep3\" class=\"ks-view-step\">\r\n                        <!-- Compteurs g\u00e9n\u00e9riques Semois \/ Ourthe (mono + biplace) -->\r\n                        <div id=\"ksCountersGeneric\">\r\n                        <div class=\"ks-counter-row\">\r\n                            <div><strong>Kayak Monoplace<\/strong><\/div>\r\n                            <div style=\"display:flex; align-items:center; gap:10px;\">\r\n                                <button type=\"button\" class=\"ks-btn-circle ks-counter-btn\" data-target=\"ksInputMono\" data-op=\"-1\">-<\/button>\r\n                                <span id=\"ksInputMono_val\">0<\/span>\r\n                                <input type=\"hidden\" name=\"mono\" id=\"ksInputMono\" value=\"0\">\r\n                                <button type=\"button\" class=\"ks-btn-circle ks-counter-btn\" data-target=\"ksInputMono\" data-op=\"1\">+<\/button>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"ks-counter-row\">\r\n                            <div><strong>Kayak Biplace<\/strong><\/div>\r\n                            <div style=\"display:flex; align-items:center; gap:10px;\">\r\n                                <button type=\"button\" class=\"ks-btn-circle ks-counter-btn\" data-target=\"ksInputBi\" data-op=\"-1\">-<\/button>\r\n                                <span id=\"ksInputBi_val\">0<\/span>\r\n                                <input type=\"hidden\" name=\"bi\" id=\"ksInputBi\" value=\"0\">\r\n                                <button type=\"button\" class=\"ks-btn-circle ks-counter-btn\" data-target=\"ksInputBi\" data-op=\"1\">+<\/button>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <\/div>\r\n                        <!-- Compteurs Lesse : un par type de kayak (prix navette incluse) -->\r\n                        <div id=\"ksCountersLesse\" style=\"display:none;\">\r\n                            <div style=\"font-size:.78rem; color:#0369a1; background:#f0f9ff; border:1px solid #bae6fd; border-radius:8px; padding:8px 12px; margin-bottom:10px;\">\r\n                                \ud83d\udccd Kayaks fournis par notre partenaire en <strong>R\u00e9gion de Dinant<\/strong> \u00b7 navette de retour incluse\r\n                            <\/div>\r\n                                                        <div class=\"ks-counter-row\">\r\n                                <div>\r\n                                    <strong>Kayak monoplace<\/strong>\r\n                                    <div style=\"font-size:.72rem; color:#64748b; margin-top:2px;\">1 place \u00b7 47,30 \u20ac<\/div>\r\n                                <\/div>\r\n                                <div style=\"display:flex; align-items:center; gap:10px;\">\r\n                                    <button type=\"button\" class=\"ks-btn-circle ks-counter-btn ks-lesse-btn\" data-lessetype=\"mono\" data-prix=\"47.3\" data-places=\"1\" data-op=\"-1\">-<\/button>\r\n                                    <span id=\"ksLesse_mono_val\">0<\/span>\r\n                                    <input type=\"hidden\" name=\"lesse_mono\" id=\"ksLesse_mono\" value=\"0\">\r\n                                    <button type=\"button\" class=\"ks-btn-circle ks-counter-btn ks-lesse-btn\" data-lessetype=\"mono\" data-prix=\"47.3\" data-places=\"1\" data-op=\"1\">+<\/button>\r\n                                <\/div>\r\n                            <\/div>\r\n                                                        <div class=\"ks-counter-row\">\r\n                                <div>\r\n                                    <strong>Kayak biplace Classique<\/strong>\r\n                                    <div style=\"font-size:.72rem; color:#64748b; margin-top:2px;\">2 places \u00b7 71,50 \u20ac<\/div>\r\n                                <\/div>\r\n                                <div style=\"display:flex; align-items:center; gap:10px;\">\r\n                                    <button type=\"button\" class=\"ks-btn-circle ks-counter-btn ks-lesse-btn\" data-lessetype=\"bi_classique\" data-prix=\"71.5\" data-places=\"2\" data-op=\"-1\">-<\/button>\r\n                                    <span id=\"ksLesse_bi_classique_val\">0<\/span>\r\n                                    <input type=\"hidden\" name=\"lesse_bi_classique\" id=\"ksLesse_bi_classique\" value=\"0\">\r\n                                    <button type=\"button\" class=\"ks-btn-circle ks-counter-btn ks-lesse-btn\" data-lessetype=\"bi_classique\" data-prix=\"71.5\" data-places=\"2\" data-op=\"1\">+<\/button>\r\n                                <\/div>\r\n                            <\/div>\r\n                                                        <div class=\"ks-counter-row\">\r\n                                <div>\r\n                                    <strong>Kayak biplace Confort<\/strong>\r\n                                    <div style=\"font-size:.72rem; color:#64748b; margin-top:2px;\">2 places \u00b7 78,10 \u20ac<\/div>\r\n                                <\/div>\r\n                                <div style=\"display:flex; align-items:center; gap:10px;\">\r\n                                    <button type=\"button\" class=\"ks-btn-circle ks-counter-btn ks-lesse-btn\" data-lessetype=\"bi_confort\" data-prix=\"78.1\" data-places=\"2\" data-op=\"-1\">-<\/button>\r\n                                    <span id=\"ksLesse_bi_confort_val\">0<\/span>\r\n                                    <input type=\"hidden\" name=\"lesse_bi_confort\" id=\"ksLesse_bi_confort\" value=\"0\">\r\n                                    <button type=\"button\" class=\"ks-btn-circle ks-counter-btn ks-lesse-btn\" data-lessetype=\"bi_confort\" data-prix=\"78.1\" data-places=\"2\" data-op=\"1\">+<\/button>\r\n                                <\/div>\r\n                            <\/div>\r\n                                                        <div class=\"ks-counter-row\">\r\n                                <div>\r\n                                    <strong>Kayak biplace Super Confort<\/strong>\r\n                                    <div style=\"font-size:.72rem; color:#64748b; margin-top:2px;\">2 places \u00b7 82,50 \u20ac<\/div>\r\n                                <\/div>\r\n                                <div style=\"display:flex; align-items:center; gap:10px;\">\r\n                                    <button type=\"button\" class=\"ks-btn-circle ks-counter-btn ks-lesse-btn\" data-lessetype=\"bi_superconfort\" data-prix=\"82.5\" data-places=\"2\" data-op=\"-1\">-<\/button>\r\n                                    <span id=\"ksLesse_bi_superconfort_val\">0<\/span>\r\n                                    <input type=\"hidden\" name=\"lesse_bi_superconfort\" id=\"ksLesse_bi_superconfort\" value=\"0\">\r\n                                    <button type=\"button\" class=\"ks-btn-circle ks-counter-btn ks-lesse-btn\" data-lessetype=\"bi_superconfort\" data-prix=\"82.5\" data-places=\"2\" data-op=\"1\">+<\/button>\r\n                                <\/div>\r\n                            <\/div>\r\n                                                        <div class=\"ks-counter-row\">\r\n                                <div>\r\n                                    <strong>Cano\u00eb 3 places<\/strong>\r\n                                    <div style=\"font-size:.72rem; color:#64748b; margin-top:2px;\">3 places \u00b7 99,00 \u20ac<\/div>\r\n                                <\/div>\r\n                                <div style=\"display:flex; align-items:center; gap:10px;\">\r\n                                    <button type=\"button\" class=\"ks-btn-circle ks-counter-btn ks-lesse-btn\" data-lessetype=\"canoe\" data-prix=\"99\" data-places=\"3\" data-op=\"-1\">-<\/button>\r\n                                    <span id=\"ksLesse_canoe_val\">0<\/span>\r\n                                    <input type=\"hidden\" name=\"lesse_canoe\" id=\"ksLesse_canoe\" value=\"0\">\r\n                                    <button type=\"button\" class=\"ks-btn-circle ks-counter-btn ks-lesse-btn\" data-lessetype=\"canoe\" data-prix=\"99\" data-places=\"3\" data-op=\"1\">+<\/button>\r\n                                <\/div>\r\n                            <\/div>\r\n                                                    <\/div>\r\n                        <div class=\"ks-counter-row\">\r\n                            <div>\r\n                                <strong>Enfant (gratuit)<\/strong>\r\n                                <div style=\"font-size:0.75rem; color:#64748b; margin-top:2px;\">Uniquement moins de 6 ans<\/div>\r\n                            <\/div>\r\n                            <div style=\"display:flex; align-items:center; gap:10px;\">\r\n                                <button type=\"button\" class=\"ks-btn-circle ks-counter-btn\" data-target=\"ksInputChild\" data-op=\"-1\">-<\/button>\r\n                                <span id=\"ksInputChild_val\">0<\/span>\r\n                                <input type=\"hidden\" name=\"enfant\" id=\"ksInputChild\" value=\"0\">\r\n                                <button type=\"button\" class=\"ks-btn-circle ks-counter-btn\" data-target=\"ksInputChild\" data-op=\"1\">+<\/button>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div style=\"background:#fffbeb; border:1px solid #fbbf24; border-radius:8px; padding:12px; margin-top:4px; font-size:0.82rem; color:#92400e; line-height:1.5;\">\r\n                            <strong>\u26a0\ufe0f Important :<\/strong> Le compteur \"Enfant\" est r\u00e9serv\u00e9 aux enfants <strong>de moins de 6 ans<\/strong> (gratuit, accompagn\u00e9s dans le kayak d'un adulte).<br>\r\n                            Tout enfant <strong>de 6 ans et plus<\/strong> doit disposer de sa propre place dans un kayak monoplace ou biplace et doit \u00eatre compt\u00e9 dans les compteurs ci-dessus.\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div id=\"ksStep4\" class=\"ks-view-step\">\r\n                        <label class=\"ks-label\">Vos informations<\/label>\r\n                        <div class=\"ks-grid-options\">\r\n                            <input type=\"text\" name=\"nom_utilisateur\" class=\"ks-input\" placeholder=\"Nom\" required>\r\n                            <input type=\"text\" name=\"prenom_utilisateur\" class=\"ks-input\" placeholder=\"Pr\u00e9nom\" required>\r\n                        <\/div>\r\n                        <input type=\"email\" name=\"mail_user\" class=\"ks-input\" placeholder=\"Email\" style=\"margin-top:10px;\" required>\r\n                        <input type=\"tel\" name=\"gsm\" class=\"ks-input\" placeholder=\"T\u00e9l\u00e9phone\" style=\"margin-top:10px;\" required>\r\n                        <div style=\"margin-top:15px; background:#fffbeb; padding:10px; border-radius:10px; border:1px solid #fbbf24;\">\r\n                            <label style=\"display:flex; gap:10px; cursor:pointer;\">\r\n                                <input type=\"checkbox\" name=\"accept_cgv\" value=\"1\" required>\r\n                                <span style=\"font-size:.85rem;\">J'accepte les CGV et les frais de plateforme<\/span>\r\n                            <\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n                        <div id=\"ksStep5\" class=\"ks-view-step\">\r\n                        <div style=\"text-align:center; padding:1rem; background:#f0f9ff; border-radius:12px;\">\r\n                            <div style=\"font-weight:700; color:#0369a1;\">Reservation deposit to pay now :<\/div>\r\n                            <div style=\"font-size:2rem; font-weight:900; color:#0ea5e9;\" id=\"ksAcompteVal\">0.00 \u20ac<\/div>\r\n                            <div style=\"margin-top:10px; font-weight:800; color:#ef4444; font-size:0.95rem; text-transform:uppercase; letter-spacing:0.02em;\">\u26a0\ufe0f This deposit is mandatory to validate and secure your booking<\/div>\r\n                            <p style=\"font-size:.8rem; color:#64748b; margin-top:10px;\">The remaining balance (green amount highlighted below) will be paid on the day of arrival directly to the provider on site.<\/p>\r\n                        <\/div>\r\n\r\n                        <div style=\"margin-top:16px; background:#f8fafc; border:1px solid #cbd5e1; border-radius:12px; padding:14px; display:grid; grid-template-columns:1fr 1fr; gap:12px; font-size:0.85rem;\">\r\n                            <div style=\"padding:10px; background:#e0f2fe; border-radius:8px; border-left:4px solid #0ea5e9;\">\r\n                                <div style=\"font-weight:700; color:#0369a1; margin-bottom:3px;\">\ud83d\udcb3 Platform fees<\/div>\r\n                                <div style=\"font-size:1.3rem; font-weight:900; color:#0ea5e9;\" id=\"ksFeeVal\">0.00 \u20ac<\/div>\r\n                                <div style=\"font-size:0.7rem; color:#0369a1; margin-top:4px;\">Paid now online<\/div>\r\n                            <\/div>\r\n                            <div style=\"padding:10px; background:#dcfce7; border-radius:8px; border-left:4px solid #16a34a;\">\r\n                                <div style=\"font-weight:700; color:#166534; margin-bottom:3px;\">\ud83c\udfd5\ufe0f Provider balance<\/div>\r\n                                <div style=\"font-size:1.3rem; font-weight:900; color:#16a34a;\" id=\"ksSoldeVal\">0.00 \u20ac<\/div>\r\n                                <div style=\"font-size:0.7rem; color:#166534; margin-top:4px;\">Paid on day J on site<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div style=\"margin-top:18px; font-size:0.78rem; color:#334155; background:#fffbeb; border:1px solid #fcd34d; border-radius:10px; padding:12px; text-align:left; line-height:1.6;\">\r\n                            <strong style=\"color:#92400e; display:block; margin-bottom:8px;\">\ud83d\udccb Legal terms of your booking :<\/strong>\r\n                            <ul style=\"padding-left:18px; margin:0 0 10px;\">\r\n                                <li style=\"margin-bottom:5px;\">You accept the full Terms & Conditions and pricing policy (EU directive 2011\/83\/UE) <a href=\"https:\/\/www.kayaksemois-ardenne.be\/eng\/frais-plateforme\" target=\"_blank\" style=\"color:#92400e; font-weight:700; text-decoration:underline;\" title=\"Comprendre les frais de r\u00e9servation plateforme et votre protection l\u00e9gale\">Consult pricing transparency<\/a><\/li>\r\n                                <li style=\"margin-bottom:5px;\">Free cancellation up to 24 hours before your departure (excluding platform fees already incurred)<\/li>\r\n                                <li style=\"margin-bottom:5px;\">The provider applies his usual gross rate on site \u2014 no extra charges will be requested<\/li>\r\n                                <li style=\"margin-bottom:5px;\">In case of river closure (flooding, force majeure), you are fully reimbursed<\/li>\r\n                                <li>Mandatory respect for river and environmental conditions (zero waste)<\/li>\r\n                            <\/ul>\r\n                            <div style=\"margin-top:10px; padding-top:10px; border-top:1px solid #fbbf24;\">\r\n                                <strong style=\"color:#92400e;\">\ud83c\udde7\ud83c\uddea Belgian law applies : This booking is subject to Belgian law (consumer contracts). You benefit from the protection of Belgian and European consumer law.<\/strong>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div style=\"margin-top:14px; background:#f0fdf4; border:1px solid #bbf7d0; border-radius:10px; padding:10px; display:flex; align-items:center; gap:8px; font-size:0.75rem; color:#166534;\">\r\n                            <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" stroke=\"currentColor\" stroke-width=\"2.5\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"color:#16a34a; flex-shrink:0;\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg>\r\n                            <span><strong>Secure payment<\/strong> : Mollie (PCI DSS Level 1 certified). Your banking details never transit through our servers.<\/span>\r\n                        <\/div>\r\n\r\n                        <div id=\"ksStripeLoading\" style=\"margin-top:18px; text-align:center; color:#0369a1; font-weight:600; font-size:.9rem;\">\u231b Chargement du formulaire de paiement s\u00e9curis\u00e9...<\/div>\r\n                        <div id=\"ks-payment-element-wrap\" style=\"margin-top:16px; display:none;\">\r\n                            <div id=\"ks-payment-element\"><\/div>\r\n                            <div id=\"ks-payment-error\" style=\"color:#ef4444; font-size:.85rem; margin-top:8px; display:none;\"><\/div>\r\n                        <\/div>\r\n                        <button type=\"button\" id=\"ksStripePayBtn\" class=\"ks-btn ks-btn-primary\" style=\"width:100%; margin-top:14px; padding:1.2rem; font-size:1.05rem; display:none;\" disabled>Pay my deposit by Card \/ Bancontact<\/button>\r\n                        <div id=\"ksStripeStatus\" style=\"margin-top:12px; text-align:center; padding:12px; border-radius:8px; display:none;\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"ks-modal-footer\">\r\n                    <div style=\"display:flex; flex-direction:column;\">\r\n                        <div id=\"ksTotalPrice\" style=\"font-weight:800; font-size:1.2rem;\">0.00 \u20ac<\/div>\r\n                        <div id=\"ksTotalSummary\" style=\"font-size:0.75rem; color:#64748b;\">0 pers.<\/div>\r\n                    <\/div>\r\n                    <div style=\"display:flex; gap:10px;\">\r\n                        <button type=\"button\" id=\"ksPrevBtn\" class=\"ks-btn ks-btn-outline\" disabled>Pr\u00e9c\u00e9dent<\/button>\r\n                        <button type=\"button\" id=\"ksNextBtn\" class=\"ks-btn ks-btn-primary\">Suivant<\/button>\r\n                        <button type=\"submit\" id=\"ksSubmitBtn\" class=\"ks-btn ks-btn-success ks-hidden\">Confirmer<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/form>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n<script nonce=\"cfclgpVYkJKqVHtk+7ZK0g==\">\r\n(function() {\r\n    const API_ENDPOINT = 'https:\/\/www.kayaksemois-ardenne.be\/eng\/btn5.php?ajax=1';\r\n    const MARKUP = 10;\r\n    const STRIPE_PK = 'pk_live_51TS5KfFx3jreI9yGFgAF73QBGLsGxxoZQNy42rtwyT2SmdAIqTAqk7SMk4yj2hm0C6JzXV0cx4qHwzQtHiQHOs7400QbO3ocGS';\r\n    \/\/ Prix des types Lesse (markup d\u00e9j\u00e0 appliqu\u00e9) + nb de places, depuis PHP\r\n    const LESSE_TYPES = {\"mono\":{\"prix\":47.3,\"places\":1},\"bi_classique\":{\"prix\":71.5,\"places\":2},\"bi_confort\":{\"prix\":78.1,\"places\":2},\"bi_superconfort\":{\"prix\":82.5,\"places\":2},\"canoe\":{\"prix\":99,\"places\":3}};\r\n    let state = { step: 1, route: null, qty: { mono: 0, bi: 0, child: 0 }, prices: { mono: 0, bi: 0 }, lesse: { mono:0, bi_classique:0, bi_confort:0, bi_superconfort:0, canoe:0 }, isLesse: false, skipStep2: false, clientSecret: null };\r\n    \r\n    const currentScript = document.currentScript;\r\n    const localModal = currentScript ? currentScript.previousElementSibling : null;\r\n    const modal = (localModal && localModal.classList.contains('ks-modal-backdrop')) ? localModal : document.getElementById('ksModal');\r\n    if (!modal) return;\r\n    if (modal.parentNode !== document.body) document.body.appendChild(modal);\r\n\r\n    const el = id => modal.querySelector('#' + id);\r\n    let els = {};\r\n\r\n    function init() {\r\n        if (window.__ksInitialized) return; window.__ksInitialized = true;\r\n        els = {\r\n            modal: modal, form: el('ksReservationForm'),\r\n            inputs: { date: el('ksInputDate'), time: el('ksInputTime'), route: el('ksInputRoute'), mono: el('ksInputMono'), bi: el('ksInputBi'), child: el('ksInputChild') },\r\n            buttons: { next: el('ksNextBtn'), prev: el('ksPrevBtn'), submit: el('ksSubmitBtn') }\r\n        };\r\n        const hours = [\"09:00\", \"09:30\", \"10:00\", \"10:30\", \"11:00\", \"11:30\", \"12:00\", \"12:30\", \"13:00\", \"13:30\", \"14:00\", \"14:30\", \"15:00\", \"15:30\"];\r\n        const grid = el('ksTimeSlots'); if (grid) {\r\n            hours.forEach(h => {\r\n                const c = document.createElement('div'); c.className = 'ks-time-chip'; c.innerText = h;\r\n                c.addEventListener('click', () => { \r\n                    modal.querySelectorAll('.ks-time-chip').forEach(x => x.classList.remove('is-selected')); \r\n                    c.classList.add('is-selected'); \r\n                    els.inputs.time.value = h; \r\n                    checkDateAvailability(); \r\n                });\r\n                grid.appendChild(c);\r\n            });\r\n        }\r\n        els.inputs.date.addEventListener('change', () => checkDateAvailability());\r\n        els.buttons.next.addEventListener('click', () => navigate(1));\r\n        els.buttons.prev.addEventListener('click', () => navigate(-1));\r\n        els.buttons.stripe = el('ksStripePayBtn');\r\n        els.buttons.stripe.addEventListener('click', () => _ksConfirmPayment());\r\n        els.form.addEventListener('submit', e => handleFormSubmit(e));\r\n        function ksSelectRiver(riv) {\r\n            modal.querySelectorAll('[data-river-group]').forEach(g => { g.style.display = g.dataset.riverGroup === riv ? '' : 'none'; });\r\n            modal.querySelectorAll('.ks-river-btn').forEach(b => b.classList.toggle('is-active', b.dataset.river === riv));\r\n            modal.querySelectorAll('.js-route-opt').forEach(x => x.classList.remove('is-selected'));\r\n            els.inputs.route.value = '';\r\n            const rivInput = document.getElementById('ksInputRiviere'); if (rivInput) rivInput.value = riv;\r\n            state.route = null;\r\n            ksToggleCounters(riv);\r\n        }\r\n        function ksToggleCounters(riv) {\r\n            state.isLesse = (riv === 'lesse');\r\n            const gen = el('ksCountersGeneric'), les = el('ksCountersLesse');\r\n            if (gen) gen.style.display = state.isLesse ? 'none' : '';\r\n            if (les) les.style.display = state.isLesse ? '' : 'none';\r\n            \/\/ Reset des compteurs \u00e0 chaque changement de rivi\u00e8re pour \u00e9viter les m\u00e9langes\r\n            if (state.isLesse) {\r\n                state.qty.mono = 0; state.qty.bi = 0;\r\n                if (el('ksInputMono')) { el('ksInputMono').value = 0; el('ksInputMono_val').innerText = 0; }\r\n                if (el('ksInputBi'))   { el('ksInputBi').value = 0; el('ksInputBi_val').innerText = 0; }\r\n            } else {\r\n                Object.keys(state.lesse).forEach(k => {\r\n                    state.lesse[k] = 0;\r\n                    const f = el('ksLesse_' + k), v = el('ksLesse_' + k + '_val');\r\n                    if (f) f.value = 0; if (v) v.innerText = 0;\r\n                });\r\n            }\r\n            recalc();\r\n        }\r\n        modal.querySelectorAll('.ks-river-btn').forEach(btn => {\r\n            btn.addEventListener('click', () => ksSelectRiver(btn.dataset.river));\r\n        });\r\n        modal.querySelectorAll('.js-route-opt').forEach(card => {\r\n            card.addEventListener('click', () => {\r\n                modal.querySelectorAll('.js-route-opt').forEach(x => x.classList.remove('is-selected'));\r\n                card.classList.add('is-selected'); els.inputs.route.value = card.dataset.id;\r\n                const riv = card.dataset.riviere || (card.dataset.id.startsWith('lesse') ? 'lesse' : 'semois');\r\n                const rivInput = document.getElementById('ksInputRiviere'); if (rivInput) rivInput.value = riv;\r\n                state.route = card.dataset.id; state.prices.mono = parseFloat(card.dataset.mono); state.prices.bi = parseFloat(card.dataset.bi);\r\n                recalc(); checkDateAvailability();\r\n            });\r\n        });\r\n        modal.querySelectorAll('.ks-counter-btn').forEach(btn => {\r\n            btn.addEventListener('click', () => {\r\n                const op = parseInt(btn.dataset.op);\r\n                \/\/ Compteurs Lesse (un par type de kayak)\r\n                if (btn.classList.contains('ks-lesse-btn')) {\r\n                    const lt = btn.dataset.lessetype;\r\n                    state.lesse[lt] = Math.max(0, (state.lesse[lt] || 0) + op);\r\n                    const f = el('ksLesse_' + lt), v = el('ksLesse_' + lt + '_val');\r\n                    if (f) f.value = state.lesse[lt];\r\n                    if (v) v.innerText = state.lesse[lt];\r\n                    recalc();\r\n                    return;\r\n                }\r\n                \/\/ Compteurs g\u00e9n\u00e9riques (mono \/ bi \/ child)\r\n                const type = btn.dataset.target.replace('ksInput', '').toLowerCase();\r\n                state.qty[type] = Math.max(0, state.qty[type] + op);\r\n                el(btn.dataset.target).value = state.qty[type];\r\n                el(btn.dataset.target + '_val').innerText = state.qty[type];\r\n                recalc();\r\n            });\r\n        });\r\n        window.openKsModal = (opts) => {\r\n            const pre = opts?.preselectedRoute;\r\n            if (pre) {\r\n                const card = modal.querySelector(`.js-route-opt[data-id=\"${pre}\"]`);\r\n                if (card) {\r\n                    ksSelectRiver(card.dataset.riviere || (pre.startsWith('lesse') ? 'lesse' : 'semois'));\r\n                    state.skipStep2 = true; card.click();\r\n                } else { state.skipStep2 = false; }\r\n            } else { state.skipStep2 = false; }\r\n            els.modal.classList.add('is-open'); checkDateAvailability();\r\n        };\r\n        document.addEventListener('click', e => {\r\n            const b = e.target.closest('[data-modal-url=\"btn5\"]');\r\n            if (b) { e.preventDefault(); window.openKsModal({ preselectedRoute: b.dataset.preselectRoute }); }\r\n        });\r\n        el('ksCloseBtn').onclick = () => els.modal.classList.remove('is-open');\r\n\r\n        \/\/ Bloquer la propagation des clics internes (panel \u2192 body) pour \u00e9viter que footer.php\r\n        \/\/ intercepte nos clics internes via son document.body listener\r\n        const panel = modal.querySelector('.ks-modal-panel');\r\n        if (panel) {\r\n            panel.addEventListener('click', e => { e.stopPropagation(); e.stopImmediatePropagation(); }, false);\r\n        }\r\n\r\n        \/\/ Fermer sur clic backdrop via l'overlay d\u00e9di\u00e9 \u2014 jamais via e.target===modal\r\n        \/\/ (emp\u00eache tout handler anonyme de loadAndOpenModal de d\u00e9clencher un close intempestif)\r\n        const overlayBg = modal.querySelector('.ks-modal-overlay-bg');\r\n        if (overlayBg) overlayBg.addEventListener('click', () => modal.classList.remove('is-open'));\r\n    }\r\n\r\n    function navigate(dir) {\r\n        let next = state.step + dir;\r\n        if (state.skipStep2 && state.step === 1 && dir === 1) next = 3;\r\n        if (state.skipStep2 && state.step === 3 && dir === -1) next = 1;\r\n        if (next < 1 || next > 5) return;\r\n        state.step = next;\r\n        document.querySelectorAll('.ks-view-step').forEach(s => s.classList.remove('is-active'));\r\n        el('ksStep' + state.step).classList.add('is-active');\r\n        document.querySelectorAll('.ks-step-dot').forEach(d => d.classList.toggle('is-active', parseInt(d.dataset.step) === state.step));\r\n        els.buttons.prev.disabled = (state.step === 1);\r\n        els.buttons.next.classList.toggle('ks-hidden', state.step >= 4);\r\n        els.buttons.submit.classList.toggle('ks-hidden', state.step !== 4);\r\n        if (state.step === 5) {\r\n            const total = ksTotals().total;\r\n            const base_price = round(total \/ (1 + MARKUP\/100), 2);\r\n            const deposit = Math.max(0.50, round(total - base_price, 2));\r\n            el('ksAcompteVal').innerText = deposit.toFixed(2) + ' \u20ac';\r\n            el('ksFeeVal').innerText = deposit.toFixed(2) + ' \u20ac';\r\n            el('ksSoldeVal').innerText = base_price.toFixed(2) + ' \u20ac';\r\n            initStripePayment();\r\n        }\r\n    }\r\n\r\n    \/\/ Calcul unifi\u00e9 : Lesse (5 types) ou Semois\/Ourthe (mono\/bi)\r\n    function ksTotals() {\r\n        if (state.isLesse) {\r\n            let total = 0, nbPers = 0;\r\n            Object.keys(state.lesse).forEach(k => {\r\n                const q = state.lesse[k] || 0;\r\n                const t = LESSE_TYPES[k] || { prix: 0, places: 1 };\r\n                total  += q * t.prix;\r\n                nbPers += q * t.places;\r\n            });\r\n            return { total: total, nbPers: nbPers };\r\n        }\r\n        return {\r\n            total: (state.qty.mono * state.prices.mono) + (state.qty.bi * state.prices.bi),\r\n            nbPers: state.qty.mono + (state.qty.bi * 2)\r\n        };\r\n    }\r\n\r\n    function recalc() {\r\n        const t = ksTotals();\r\n        el('ksTotalPrice').innerText = t.total.toFixed(2) + ' \u20ac';\r\n        el('ksInputNbPers').value = t.nbPers;\r\n        let summary = t.nbPers + ' pers.';\r\n        if (state.qty.child > 0) {\r\n            summary += ' + ' + state.qty.child + ' enf.';\r\n        }\r\n        el('ksTotalSummary').innerText = summary;\r\n    }\r\n\r\n    async function checkDateAvailability() {\r\n        const date = els.inputs.date.value; if (!date) return;\r\n        els.buttons.next.disabled = true; els.buttons.next.innerText = '\u231b...';\r\n        try {\r\n            const res = await fetch(`${API_ENDPOINT}&action=check_stock&date=${date}`);\r\n            const data = await res.json();\r\n            if (data.success) {\r\n                els.buttons.next.disabled = false; els.buttons.next.innerText = 'Suivant';\r\n            }\r\n        } catch(e) { els.buttons.next.disabled = false; }\r\n    }\r\n\r\n    async function handleFormSubmit(e) {\r\n        e.preventDefault();\r\n        els.buttons.submit.disabled = true; els.buttons.submit.innerText = '\u23f3...';\r\n        const fd = new FormData(els.form);\r\n        try {\r\n            const res = await fetch(API_ENDPOINT, { method: 'POST', body: fd });\r\n            const data = await res.json();\r\n            if (data.success) {\r\n                state.reservationId = data.data.reservation_id;\r\n                state.riviere = data.data.riviere || 'semois';\r\n                state.clientSecret = data.data.client_secret || null;\r\n                navigate(1);\r\n            } else alert(data.errors.join('\\n'));\r\n        } catch(e) { alert('Erreur serveur'); }\r\n        els.buttons.submit.disabled = false; els.buttons.submit.innerText = 'Confirmer';\r\n    }\r\n\r\n    let _stripeInst = null, _stripeElems = null;\r\n\r\n    function _loadStripeJs() {\r\n        if (window.Stripe) return Promise.resolve();\r\n        return new Promise((res, rej) => {\r\n            const s = document.createElement('script');\r\n            s.src = 'https:\/\/js.stripe.com\/v3\/';\r\n            s.onload = res; s.onerror = rej;\r\n            document.head.appendChild(s);\r\n        });\r\n    }\r\n\r\n    async function initStripePayment() {\r\n        const loading = el('ksStripeLoading');\r\n        const wrap    = el('ks-payment-element-wrap');\r\n        const btn     = el('ksStripePayBtn');\r\n        const errDiv  = el('ks-payment-error');\r\n        if (!state.reservationId) return;\r\n        if (_stripeElems) return; \/\/ d\u00e9j\u00e0 initialis\u00e9\r\n        try {\r\n            await _loadStripeJs();\r\n            let clientSecret = state.clientSecret;\r\n            \/\/ Fallback : si le client_secret n'a pas \u00e9t\u00e9 fourni \u00e0 la cr\u00e9ation (ex: Stripe indisponible), on le redemande\r\n            if (!clientSecret) {\r\n                const res  = await fetch(API_ENDPOINT + '&action=create_pi', {\r\n                    method: 'POST',\r\n                    headers: { 'Content-Type': 'application\/json' },\r\n                    body: JSON.stringify({ reservation_id: state.reservationId, riviere: state.riviere || 'semois' })\r\n                });\r\n                const data = await res.json();\r\n                if (!data.success) throw new Error(data.error || 'Erreur serveur');\r\n                clientSecret = data.client_secret;\r\n            }\r\n\r\n            _stripeInst  = Stripe(STRIPE_PK);\r\n            _stripeElems = _stripeInst.elements({ clientSecret: clientSecret, locale: 'fr' });\r\n            const pe     = _stripeElems.create('payment');\r\n            if (loading) loading.style.display = 'none';\r\n            if (wrap)    wrap.style.display = 'block';\r\n            pe.mount('#ks-payment-element');\r\n            if (btn) { btn.style.display = 'block'; btn.disabled = false; }\r\n        } catch(e) {\r\n            if (loading) loading.innerHTML = '<span style=\"color:#ef4444;\">\u274c ' + (e.message || 'Erreur de chargement') + '<\/span>';\r\n        }\r\n    }\r\n\r\n    async function _ksConfirmPayment() {\r\n        const btn    = el('ksStripePayBtn');\r\n        const errDiv = el('ks-payment-error');\r\n        if (!_stripeInst || !_stripeElems) return;\r\n        btn.disabled = true; btn.innerText = '\u23f3 Traitement...';\r\n        if (errDiv) { errDiv.style.display = 'none'; errDiv.innerText = ''; }\r\n\r\n        const { error } = await _stripeInst.confirmPayment({\r\n            elements: _stripeElems,\r\n            confirmParams: { return_url: window.location.origin + '\/stripe-kayak-retour.php?reservation_id=' + state.reservationId + '&riviere=' + (state.riviere || 'semois') },\r\n            redirect: 'if_required'\r\n        });\r\n\r\n        if (error) {\r\n            if (errDiv) { errDiv.style.display = 'block'; errDiv.innerText = error.message; }\r\n            btn.disabled = false; btn.innerText = '\ud83d\udcb3 R\u00e9essayer';\r\n        } else {\r\n            const wrap = el('ks-payment-element-wrap');\r\n            if (wrap) wrap.style.display = 'none';\r\n            btn.style.display = 'none';\r\n            const s = el('ksStripeStatus');\r\n            if (s) {\r\n                s.style.cssText = 'display:block;background:#e0f2fe;border:1px solid #7dd3fc;color:#0369a1;font-weight:700;border-radius:8px;padding:14px;text-align:center;';\r\n                s.innerText = '\u2705 Paiement confirm\u00e9 ! Envoi de votre bon de r\u00e9servation...';\r\n            }\r\n            try {\r\n                const confRes = await fetch(API_ENDPOINT + '&action=send_booking_confirmation', {\r\n                    method: 'POST',\r\n                    headers: { 'Content-Type': 'application\/json' },\r\n                    body: JSON.stringify({ reservation_id: state.reservationId, riviere: state.riviere || 'semois' })\r\n                });\r\n                const confData = await confRes.json();\r\n                if (s) {\r\n                    if (confData.success) {\r\n                        s.style.cssText = 'display:block;background:#dcfce7;border:1px solid #86efac;color:#166534;font-weight:700;border-radius:8px;padding:14px;text-align:center;';\r\n                        s.innerHTML = '\u2705 R\u00e9servation <strong>#' + (confData.num_display || '') + '<\/strong> confirm\u00e9e ! Un bon de r\u00e9servation vous a \u00e9t\u00e9 envoy\u00e9 par email.';\r\n                    } else {\r\n                        s.style.cssText = 'display:block;background:#fffbeb;border:1px solid #fbbf24;color:#92400e;font-weight:600;border-radius:8px;padding:14px;text-align:center;';\r\n                        s.innerText = '\u2705 Paiement re\u00e7u. Votre r\u00e9servation est confirm\u00e9e (r\u00e9f. #' + state.reservationId + '). Vous recevrez un email sous peu.';\r\n                    }\r\n                }\r\n            } catch(ce) {\r\n                if (s) {\r\n                    s.style.cssText = 'display:block;background:#dcfce7;border:1px solid #86efac;color:#166534;font-weight:700;border-radius:8px;padding:14px;text-align:center;';\r\n                    s.innerText = '\u2705 Paiement confirm\u00e9 ! Votre r\u00e9servation #' + state.reservationId + ' est valid\u00e9e.';\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    function round(v, d) { return Number(Math.round(v + 'e' + d) + 'e-' + d); }\r\n    if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init); else init();\r\n})();\r\n<\/script>\r\n";
    var scripts = container.getElementsByTagName('script');
    for (var i = 0; i < scripts.length; i++) {
        var s = document.createElement('script');
        s.text = scripts[i].innerText;
        var n = document.querySelector('script[nonce]');
        if(n) s.setAttribute('nonce', n.nonce || n.getAttribute('nonce'));
        document.body.appendChild(s);
    }
})();