{"id":4563,"date":"2025-12-16T11:47:16","date_gmt":"2025-12-16T11:47:16","guid":{"rendered":"https:\/\/ordervize.com\/canceled\/"},"modified":"2025-12-16T20:34:30","modified_gmt":"2025-12-16T20:34:30","slug":"canceled","status":"publish","type":"page","link":"https:\/\/ordervize.com\/en\/canceled\/","title":{"rendered":"canceled"},"content":{"rendered":"\n<!-- PAS de balises HTML\/BODY ici, car WordPress les g\u00e8re d\u00e9j\u00e0 -->\n\n<style>\n    \/* Conteneur principal qui isole le design du reste du site *\/\n    .ov-wrapper {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        \/* Force le contenu \u00e0 prendre 80% de la hauteur de l'\u00e9cran \n           pour pousser le footer vers le bas *\/\n        min-height: 80vh; \n        width: 100%;\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n        box-sizing: border-box;\n        padding: 20px;\n    }\n\n    .cancel-card {\n        background: white;\n        padding: 50px 40px;\n        border-radius: 10px;\n        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);\n        text-align: center;\n        max-width: 600px;\n        width: 100%;\n    }\n\n    \/* Animation de la Croix Rouge *\/\n    .cross-circle {\n        width: 80px;\n        height: 80px;\n        background-color: #e74c3c; \/* Rouge *\/\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin: 0 auto 25px auto;\n        position: relative;\n        animation: popIn 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;\n    }\n\n    .cross-line {\n        position: absolute;\n        width: 40px;\n        height: 5px;\n        background-color: white;\n        border-radius: 5px;\n    }\n\n    .cross-line.one {\n        transform: rotate(45deg);\n    }\n\n    .cross-line.two {\n        transform: rotate(-45deg);\n    }\n\n    @keyframes popIn {\n        0% { transform: scale(0); opacity: 0; }\n        100% { transform: scale(1); opacity: 1; }\n    }\n\n    .ov-wrapper h1 {\n        color: #1a0e49;\n        font-size: 32px;\n        margin-bottom: 15px;\n        font-weight: 800;\n        line-height: 1.2;\n    }\n\n    .ov-wrapper p {\n        color: #555;\n        font-size: 18px;\n        line-height: 1.6;\n        margin-bottom: 30px;\n    }\n\n    \/* Bouton principal *\/\n    .action-btn {\n        background: #1a0e49;\n        color: white !important; \/* Force la couleur blanche sur WP *\/\n        padding: 15px 30px;\n        border: none;\n        border-radius: 5px;\n        text-align: center;\n        font-weight: bold;\n        font-size: 18px;\n        text-decoration: none !important;\n        display: inline-block;\n        cursor: pointer;\n        transition: opacity 0.3s, transform 0.2s;\n        width: 100%; \/* Pleine largeur sur mobile *\/\n        box-sizing: border-box;\n    }\n\n    .action-btn:hover {\n        opacity: 0.9;\n        transform: translateY(-2px);\n    }\n\n    .secondary-link {\n        display: block;\n        margin-top: 20px;\n        color: #888;\n        text-decoration: none;\n        font-size: 14px;\n    }\n    .secondary-link:hover {\n        text-decoration: underline;\n    }\n<\/style>\n\n<div class=\"ov-wrapper\">\n    <div class=\"cancel-card\">\n        <div class=\"cross-circle\">\n            <div class=\"cross-line one\"><\/div>\n            <div class=\"cross-line two\"><\/div>\n        <\/div>\n        \n        <!-- Textes par d\u00e9faut en Anglais -->\n        <h1 id=\"page-title\">Payment Canceled<\/h1>\n        \n        <p id=\"page-message\">You have canceled the payment process. No amount has been charged to your card.<\/p>\n\n        <!-- Redirige vers la section tarifs -->\n        <a href=\"https:\/\/ordervize.com\/#tarifs\" id=\"main-btn\" class=\"action-btn\">Choose another plan<\/a>\n        \n        <a href=\"https:\/\/ordervize.com\/contact\/\" id=\"back-link\" class=\"secondary-link\">Need help? Contact us<\/a>\n    <\/div>\n<\/div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        \/\/ --- DETECTION DE LA LANGUE ---\n        const userLang = navigator.language || navigator.userLanguage; \n        \n        \/\/ Logique stricte : Si \u00e7a commence par \"fr\", c'est Fran\u00e7ais.\n        \/\/ TOUT le reste (Grec, Espagnol, Allemand, etc.) -> Anglais.\n        const isFrench = userLang.toLowerCase().startsWith('fr');\n\n        \/\/ Dictionnaire\n        const content = {\n            fr: {\n                title: \"Paiement annul\u00e9\",\n                message: \"Vous avez annul\u00e9 le processus de paiement. Aucun montant n'a \u00e9t\u00e9 d\u00e9bit\u00e9 de votre carte.\",\n                btnText: \"Choisir un autre plan\",\n                backText: \"Besoin d'aide ? Contactez-nous\"\n            },\n            en: {\n                title: \"Payment Canceled\",\n                message: \"You have canceled the payment process. No amount has been charged to your card.\",\n                btnText: \"Choose another plan\",\n                backText: \"Need help? Contact us\"\n            }\n        };\n\n        \/\/ Si c'est fran\u00e7ais, on applique les textes FR. \n        if (isFrench) {\n            document.getElementById('page-title').innerText = content.fr.title;\n            document.getElementById('page-message').innerText = content.fr.message;\n            document.getElementById('main-btn').innerText = content.fr.btnText;\n            document.getElementById('back-link').innerText = content.fr.backText;\n        }\n    });\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Payment Canceled You have canceled the payment process. No amount has been charged to your card. Choose another plan Need help? Contact us<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"class_list":["post-4563","page","type-page","status-publish","hentry"],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"Marc Torres","author_link":"https:\/\/ordervize.com\/en\/author\/sommelier-torresgmail-com\/"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/ordervize.com\/en\/wp-json\/wp\/v2\/pages\/4563","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ordervize.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ordervize.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ordervize.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ordervize.com\/en\/wp-json\/wp\/v2\/comments?post=4563"}],"version-history":[{"count":3,"href":"https:\/\/ordervize.com\/en\/wp-json\/wp\/v2\/pages\/4563\/revisions"}],"predecessor-version":[{"id":4579,"href":"https:\/\/ordervize.com\/en\/wp-json\/wp\/v2\/pages\/4563\/revisions\/4579"}],"wp:attachment":[{"href":"https:\/\/ordervize.com\/en\/wp-json\/wp\/v2\/media?parent=4563"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}