{"id":454,"date":"2019-04-18T11:07:31","date_gmt":"2019-04-18T11:07:31","guid":{"rendered":"https:\/\/envothemes.com\/envo-ecommerce\/my-account\/"},"modified":"2019-04-18T11:07:31","modified_gmt":"2019-04-18T11:07:31","slug":"my-account","status":"publish","type":"page","link":"https:\/\/corella.tn\/?page_id=454","title":{"rendered":"My account"},"content":{"rendered":"<div class=\"woocommerce\"><div class=\"woocommerce-notices-wrapper\"><\/div>    <style>\n        \/* ========================================\n           BILINGUAL SUPPORT - Arabic & French\n           ======================================== *\/\n        \n        \/* Force LTR direction for forms to prevent layout issues *\/\n        .woocommerce-account .woocommerce,\n        .woocommerce-form-login,\n        .woocommerce-form-register,\n        .u-columns,\n        .u-column1,\n        .u-column2 {\n            direction: ltr !important;\n            text-align: left !important;\n        }\n        \n        \/* Arabic text elements - isolated direction *\/\n        .arabic-text,\n        [lang=\"ar\"],\n        .ar-text {\n            direction: rtl;\n            text-align: right;\n            unicode-bidi: isolate;\n        }\n        \n        \/* Bilingual text containers *\/\n        .bilingual-text {\n            direction: ltr;\n            text-align: center;\n        }\n        .bilingual-text .ar {\n            direction: rtl;\n            unicode-bidi: isolate;\n            display: block;\n        }\n        .bilingual-text .fr {\n            direction: ltr;\n            unicode-bidi: isolate;\n            display: block;\n        }\n        \n        \/* Modern Login\/Register Container *\/\n        .woocommerce-account .woocommerce {\n            max-width: 1100px;\n            margin: 0 auto;\n            padding: 40px 20px;\n        }\n        \n        \/* Two Column Layout - REGISTER FIRST *\/\n        .u-columns {\n            display: grid;\n            grid-template-columns: 1.2fr 0.8fr;\n            gap: 40px;\n        }\n        \n        \/* SWAP: Registration first, Login second *\/\n        .u-column2 {\n            order: -1 !important;\n        }\n        .u-column1 {\n            order: 1 !important;\n        }\n        \n        @media (max-width: 768px) {\n            .u-columns {\n                grid-template-columns: 1fr;\n            }\n        }\n        \n        \/* Form Containers *\/\n        .u-column1, .u-column2 {\n            width: 100% !important;\n            float: none !important;\n        }\n        \n        \/* Registration Form - BIGGER & HIGHLIGHTED *\/\n        .woocommerce-form-register {\n            background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n            padding: 45px;\n            border-radius: 25px;\n            box-shadow: 0 20px 60px rgba(0,0,0,0.3);\n            border: 3px solid #d4a853;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .woocommerce-form-register:before {\n            content: \"\u2b50 NOUVEAU\";\n            position: absolute;\n            top: 20px;\n            right: -35px;\n            background: #d4a853;\n            color: #000;\n            padding: 5px 40px;\n            font-size: 11px;\n            font-weight: 700;\n            transform: rotate(45deg);\n        }\n        \n        .woocommerce-form-register h2 {\n            color: #fff !important;\n        }\n        \n        .woocommerce-form-register label {\n            color: #ccc !important;\n        }\n        \n        .woocommerce-form-register .input-text {\n            background: #333 !important;\n            border-color: #444 !important;\n            color: #fff !important;\n        }\n        \n        .woocommerce-form-register .input-text:focus {\n            border-color: #d4a853 !important;\n            background: #2a2a2a !important;\n        }\n        \n        .woocommerce-form-register .input-text::placeholder {\n            color: #888;\n        }\n        \n        \/* Login Form - Smaller *\/\n        .woocommerce-form-login {\n            background: #fff;\n            padding: 35px;\n            border-radius: 20px;\n            box-shadow: 0 10px 40px rgba(0,0,0,0.1);\n            border: none;\n        }\n        \n        \/* Form Headers *\/\n        .woocommerce-form-login h2,\n        .woocommerce-form-register h2 {\n            text-align: center;\n            font-size: 24px;\n            margin-bottom: 30px;\n            color: #1a1a1a;\n        }\n        \n        \/* Form Rows *\/\n        .woocommerce-form-row {\n            margin-bottom: 25px;\n        }\n        \n        .woocommerce-form-row label {\n            display: block;\n            margin-bottom: 10px;\n            font-weight: 600;\n            color: #333;\n            font-size: 14px;\n        }\n        \n        \/* Input Fields *\/\n        .woocommerce-form-login .input-text,\n        .woocommerce-form-register .input-text {\n            width: 100%;\n            padding: 16px 20px;\n            border: 2px solid #e5e7eb;\n            border-radius: 15px;\n            font-size: 16px;\n            transition: all 0.3s ease;\n            background: #fafafa;\n        }\n        \n        .woocommerce-form-login .input-text:focus {\n            border-color: #d4a853;\n            outline: none;\n            background: #fff;\n            box-shadow: 0 0 0 4px rgba(212, 168, 83, 0.15);\n        }\n        \n        \/* Submit Buttons *\/\n        .woocommerce-form-register .woocommerce-button {\n            width: 100%;\n            background: linear-gradient(135deg, #d4a853, #f0d78c);\n            color: #000;\n            padding: 20px 30px;\n            border: none;\n            border-radius: 15px;\n            font-size: 18px;\n            font-weight: 700;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n        }\n        \n        .woocommerce-form-login .woocommerce-button {\n            width: 100%;\n            background: #1a1a1a;\n            color: #fff;\n            padding: 16px 30px;\n            border: none;\n            border-radius: 15px;\n            font-size: 15px;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n        \n        .woocommerce-form-register .woocommerce-button:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 15px 40px rgba(212, 168, 83, 0.5);\n        }\n        \n        .woocommerce-form-login .woocommerce-button:hover {\n            background: #333;\n            transform: translateY(-2px);\n        }\n        \n        \/* Remember Me Checkbox *\/\n        .woocommerce-form-login__rememberme {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            margin-bottom: 20px;\n        }\n        \n        .woocommerce-form-login__rememberme input {\n            width: 18px;\n            height: 18px;\n            accent-color: #d4a853;\n        }\n        \n        \/* Lost Password Link *\/\n        .woocommerce-LostPassword {\n            text-align: center;\n            margin-top: 20px;\n        }\n        \n        .woocommerce-LostPassword a {\n            color: #666;\n            text-decoration: none;\n            font-size: 14px;\n            transition: color 0.3s;\n        }\n        \n        .woocommerce-LostPassword a:hover {\n            color: #d4a853;\n        }\n        \n        \/* Divider *\/\n        .u-columns:before {\n            display: none;\n        }\n        \n        \/* Privacy Policy *\/\n        .woocommerce-privacy-policy-text {\n            font-size: 12px;\n            color: #888;\n            text-align: center;\n            margin-top: 15px;\n        }\n        \n        .woocommerce-form-register .woocommerce-privacy-policy-text {\n            color: #aaa;\n        }\n        \n        \/* Section Headers with Icons *\/\n        .u-column1 h2:before {\n            content: \"\ud83d\udd11 \";\n        }\n        .u-column2 h2:before {\n            content: \"\u2728 \";\n        }\n        \n        \/* Benefits Banner - Dark Version for Register *\/\n        .register-benefits {\n            background: linear-gradient(135deg, rgba(212,168,83,0.2), rgba(212,168,83,0.1));\n            padding: 20px;\n            border-radius: 15px;\n            margin-bottom: 25px;\n            border: 1px solid rgba(212,168,83,0.3);\n        }\n        .register-benefits h4 {\n            margin: 0 0 15px;\n            font-size: 16px;\n            color: #d4a853;\n        }\n        .register-benefits ul {\n            margin: 0;\n            padding: 0;\n            list-style: none;\n        }\n        .register-benefits li {\n            padding: 5px 0;\n            font-size: 14px;\n            color: #ccc;\n        }\n        .register-benefits li:before {\n            content: \"\u2713 \";\n            color: #4ade80;\n            font-weight: bold;\n        }\n        \n        \/* Already have account link *\/\n        .login-link {\n            text-align: center;\n            margin-top: 20px;\n            padding-top: 20px;\n            border-top: 1px solid #333;\n        }\n        .login-link a {\n            color: #d4a853;\n            text-decoration: none;\n        }\n    <\/style>\n    \n\n<div class=\"u-columns col2-set\" id=\"customer_login\">\n\n\t<div class=\"u-column1 col-1\">\n\n\n\t\t<h2>Login<\/h2>\n\n\t\t<form class=\"woocommerce-form woocommerce-form-login login\" method=\"post\" novalidate>\n\n\t\t\t\n\t\t\t<p class=\"woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide\">\n\t\t\t\t<label for=\"username\">Username or email address&nbsp;<span class=\"required\" aria-hidden=\"true\">*<\/span><span class=\"screen-reader-text\">Required<\/span><\/label>\n\t\t\t\t<input type=\"text\" class=\"woocommerce-Input woocommerce-Input--text input-text\" name=\"username\" id=\"username\" autocomplete=\"username\" value=\"\" required aria-required=\"true\" \/>\t\t\t<\/p>\n\t\t\t<p class=\"woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide\">\n\t\t\t\t<label for=\"password\">Password&nbsp;<span class=\"required\" aria-hidden=\"true\">*<\/span><span class=\"screen-reader-text\">Required<\/span><\/label>\n\t\t\t\t<input class=\"woocommerce-Input woocommerce-Input--text input-text\" type=\"password\" name=\"password\" id=\"password\" autocomplete=\"current-password\" required aria-required=\"true\" \/>\n\t\t\t<\/p>\n\n\t\t\t\n\t\t\t<p class=\"form-row\">\n\t\t\t\t<label class=\"woocommerce-form__label woocommerce-form__label-for-checkbox woocommerce-form-login__rememberme\">\n\t\t\t\t\t<input class=\"woocommerce-form__input woocommerce-form__input-checkbox\" name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> <span>Remember me<\/span>\n\t\t\t\t<\/label>\n\t\t\t\t<input type=\"hidden\" id=\"woocommerce-login-nonce\" name=\"woocommerce-login-nonce\" value=\"e0d84e0668\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F454\" \/>\t\t\t\t<button type=\"submit\" class=\"woocommerce-button button woocommerce-form-login__submit\" name=\"login\" value=\"Log in\">Log in<\/button>\n\t\t\t<\/p>\n\t\t\t<p class=\"woocommerce-LostPassword lost_password\">\n\t\t\t\t<a href=\"https:\/\/corella.tn\/?page_id=454&#038;lost-password\">Lost your password?<\/a>\n\t\t\t<\/p>\n\n\t\t\t    <div class=\"register-prompt\" style=\"\n        margin-top: 30px;\n        padding-top: 30px;\n        border-top: 2px solid #f3f4f6;\n        text-align: center;\n        direction: ltr;\n    \">\n        <p style=\"color: #666; margin: 0 0 10px; font-size: 15px; direction: ltr;\">\n            Vous n'avez pas encore de compte ?\n        <\/p>\n        <a href=\"#\" onclick=\"scrollToRegister(); return false;\" class=\"register-now-btn\" style=\"\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 10px;\n            background: linear-gradient(135deg, #d4a853 0%, #c19a3e 100%);\n            color: #000;\n            padding: 16px 40px;\n            border-radius: 50px;\n            font-weight: 700;\n            font-size: 16px;\n            text-decoration: none;\n            box-shadow: 0 8px 25px rgba(212,168,83,0.4);\n            transition: all 0.3s ease;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n        \">\n            <span style=\"font-size: 20px;\">\u2728<\/span>\n            S'inscrire Maintenant\n            <span style=\"font-size: 20px;\">\u2192<\/span>\n        <\/a>\n        <p style=\"margin-top: 15px; color: #10b981; font-size: 13px; font-weight: 500; direction: ltr;\">\n            \ud83c\udf81 Cr\u00e9ez votre compte et profitez des avantages exclusifs!\n        <\/p>\n    <\/div>\n    \n    <script>\n    function scrollToRegister() {\n        var registerForm = document.querySelector('.woocommerce-form-register');\n        if (registerForm) {\n            registerForm.scrollIntoView({ behavior: 'smooth', block: 'center' });\n            registerForm.style.animation = 'pulse-gold 0.5s ease 3';\n            \/\/ Focus on first input\n            setTimeout(function() {\n                var firstInput = registerForm.querySelector('input[type=\"email\"], input[type=\"text\"]');\n                if (firstInput) firstInput.focus();\n            }, 500);\n        } else {\n            \/\/ If no register form, reload page to show it\n            window.location.reload();\n        }\n    }\n    \n    \/\/ Auto scroll to register if hash is #register\n    if (window.location.hash === '#register') {\n        setTimeout(scrollToRegister, 500);\n    }\n    <\/script>\n    \n    <style>\n    .register-now-btn:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 12px 35px rgba(212,168,83,0.5);\n        background: linear-gradient(135deg, #e0b85f 0%, #d4a853 100%);\n    }\n    @keyframes pulse-gold {\n        0%, 100% { box-shadow: 0 20px 60px rgba(0,0,0,0.3); }\n        50% { box-shadow: 0 20px 60px rgba(212,168,83,0.6), 0 0 0 10px rgba(212,168,83,0.1); }\n    }\n    <\/style>\n    \n\t\t<\/form>\n\n\n\t<\/div>\n\n\t<div class=\"u-column2 col-2\">\n\n\t\t<h2>Register<\/h2>\n\n\t\t<form method=\"post\" class=\"woocommerce-form woocommerce-form-register register\"  >\n\n\t\t\t    <div class=\"register-header\" style=\"text-align: center; margin-bottom: 30px; direction: ltr;\">\n        <div style=\"font-size: 60px; margin-bottom: 15px;\">\ud83c\udf89<\/div>\n        <p style=\"color: #d4a853; margin: 0 0 5px; font-size: 14px; text-transform: uppercase; letter-spacing: 2px;\">Bienvenue<\/p>\n        <p style=\"color: #aaa; margin: 0; font-size: 15px;\">Cr\u00e9ez votre compte en quelques secondes<\/p>\n    <\/div>\n        <div class=\"register-benefits\" style=\"direction: ltr; text-align: left;\">\n        <h4 style=\"color: #d4a853; font-size: 16px; margin-bottom: 15px;\">\ud83c\udf81 Avantages du compte:<\/h4>\n        <ul style=\"list-style: none; padding: 0; margin: 0 0 20px;\">\n            <li style=\"color: #ccc; padding: 8px 0; display: flex; align-items: center; gap: 10px;\">\n                <span style=\"color: #10b981;\">\u2713<\/span> Suivre vos commandes en temps r\u00e9el\n            <\/li>\n            <li style=\"color: #ccc; padding: 8px 0; display: flex; align-items: center; gap: 10px;\">\n                <span style=\"color: #10b981;\">\u2713<\/span> Sauvegarder votre adresse de livraison\n            <\/li>\n            <li style=\"color: #ccc; padding: 8px 0; display: flex; align-items: center; gap: 10px;\">\n                <span style=\"color: #10b981;\">\u2713<\/span> Acc\u00e8s aux offres exclusives\n            <\/li>\n            <li style=\"color: #ccc; padding: 8px 0; display: flex; align-items: center; gap: 10px;\">\n                <span style=\"color: #10b981;\">\u2713<\/span> Livraison prioritaire\n            <\/li>\n        <\/ul>\n    <\/div>\n    \n\t\t\t\n\t\t\t<p class=\"woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide\">\n\t\t\t\t<label for=\"reg_email\">Email address&nbsp;<span class=\"required\" aria-hidden=\"true\">*<\/span><span class=\"screen-reader-text\">Required<\/span><\/label>\n\t\t\t\t<input type=\"email\" class=\"woocommerce-Input woocommerce-Input--text input-text\" name=\"email\" id=\"reg_email\" autocomplete=\"email\" value=\"\" required aria-required=\"true\" \/>\t\t\t<\/p>\n\n\t\t\t\n\t\t\t\t<p>A link to set a new password will be sent to your email address.<\/p>\n\n\t\t\t\n\t\t\t    <p class=\"woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide\">\n        <label for=\"billing_phone\">Phone Number <span class=\"required\">*<\/span><\/label>\n        <input type=\"tel\" class=\"woocommerce-Input woocommerce-Input--text input-text\" name=\"billing_phone\" id=\"billing_phone\" autocomplete=\"tel\" value=\"\" required \/>\n    <\/p>\n    <p class=\"woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide\">\n        <label for=\"billing_first_name\">Full Name <span class=\"required\">*<\/span><\/label>\n        <input type=\"text\" class=\"woocommerce-Input woocommerce-Input--text input-text\" name=\"billing_first_name\" id=\"billing_first_name\" autocomplete=\"given-name\" value=\"\" required \/>\n    <\/p>\n    <wc-order-attribution-inputs><\/wc-order-attribution-inputs><div class=\"woocommerce-privacy-policy-text\"><p>Vos donn\u00e9es personnelles seront utilis\u00e9es pour vous accompagner au cours de votre visite du site web, g\u00e9rer l\u2019acc\u00e8s \u00e0 votre compte, et pour d\u2019autres raisons d\u00e9crites dans notre <a href=\"https:\/\/corella.tn\/?page_id=3\" class=\"woocommerce-privacy-policy-link\" target=\"_blank\">privacy policy<\/a>.<\/p>\n<\/div>\n\t\t\t<p class=\"woocommerce-form-row form-row\">\n\t\t\t\t<input type=\"hidden\" id=\"woocommerce-register-nonce\" name=\"woocommerce-register-nonce\" value=\"21f85366b3\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F454\" \/>\t\t\t\t<button type=\"submit\" class=\"woocommerce-Button woocommerce-button button woocommerce-form-register__submit\" name=\"register\" value=\"Register\">Register<\/button>\n\t\t\t<\/p>\n\n\t\t\t\n\t\t<\/form>\n\n\t<\/div>\n\n<\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-454","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/corella.tn\/index.php?rest_route=\/wp\/v2\/pages\/454","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/corella.tn\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/corella.tn\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/corella.tn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/corella.tn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=454"}],"version-history":[{"count":0,"href":"https:\/\/corella.tn\/index.php?rest_route=\/wp\/v2\/pages\/454\/revisions"}],"wp:attachment":[{"href":"https:\/\/corella.tn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=454"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}