{"id":4436,"date":"2025-08-17T17:11:02","date_gmt":"2025-08-17T15:11:02","guid":{"rendered":"https:\/\/damyel.com\/authentication\/"},"modified":"2025-08-18T00:16:29","modified_gmt":"2025-08-17T22:16:29","slug":"authentication","status":"publish","type":"page","link":"https:\/\/damyel.com\/en\/authentication\/","title":{"rendered":"Authentication"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4436\" class=\"elementor elementor-4436 elementor-4331\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a27199c e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"a27199c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a0753e7 elementor-widget elementor-widget-shortcode\" data-id=\"a0753e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t<style>\n        * {\n            box-sizing: border-box !important;\n        }\n\t\n\t.afb-hide{\n\t\tdisplay: none !important\n\t}\n\t \n\n        .login-container {\n            max-width: 700px !important;\n            margin: 0 auto !important;\n            background: #F5EEE6 !important;\n            padding: 40px 11px !important;\n            font-family: 'Garamond 3 LT Std', serif !important;\n        }\n\n        .alert {\n            background-color: #f8d7da !important;\n            border: 1px solid #f5c6cb !important;\n            color: #721c24 !important;\n            padding: 15px !important;\n            margin-bottom: 20px !important;\n            border-radius: 4px !important;\n            font-size: 14px !important;\n            letter-spacing: 1px !important;\n            display: none !important;\n        }\n\n        .alert.show {\n            display: block !important;\n        }\n\n        .alert.success {\n            background-color: #d4edda !important;\n            border-color: #c3e6cb !important;\n            color: #155724 !important;\n        }\n\n        .alert.error {\n            background-color: #f8d7da !important;\n            border-color: #f5c6cb !important;\n            color: #721c24 !important;\n        }\n\n        .form-content-wrapper {\n            display: flex !important;\n            gap: 0 !important;\n            align-items: flex-start !important;\n        }\n\n        .labels-column {\n            width: 25% !important;\n            padding-right: 15px !important;\n        }\n\n        .fields-column {\n            width: 75% !important;\n            padding-left: 15px !important;\n        }\n\n        .login-title {\n            font-size: 20px !important;\n            font-weight: 500 !important;\n            text-transform: uppercase !important;\n            letter-spacing: 2px !important;\n            color: #232323 !important;\n            margin: 0 0 20px 0 !important;\n            line-height: 1.7 !important;\n            text-align: center !important;\n            font-family: 'Garamond 3 LT Std', serif !important;\n        }\n\n        .form-label {\n            font-size: 12px !important;\n            font-weight: 400 !important;\n            text-transform: uppercase !important;\n            letter-spacing: 2px !important;\n            color: #1d1d1b !important;\n\/*             padding-top: 15px !important; *\/\n            text-align: left !important;\n            margin-bottom: 30px !important;\n            display: block !important;\n            font-family: inherit !important;\n        }\n\n        .form-input {\n            width: 100% !important;\n            height: 49px !important;\n            border: 1px solid #b7c4ca !important;\n            background: transparent !important;\n            font-size: 12px !important;\n            letter-spacing: 2px !important;\n            padding: 5px 11px !important;\n            color: #7a7a7a !important;\n            border-radius: 0 !important;\n            outline: none !important;\n\/*             margin-bottom: 30px !important; *\/\n            box-shadow: none !important;\n            font-family: inherit !important;\n        }\n\n        .form-input:focus {\n            border-color: #999 !important;\n            box-shadow: none !important;\n            outline: none !important;\n        }\n\n        .password-container {\n            display: flex !important; \n        }\n\n        .password-input {\n            flex: 1 !important;\n            height: 49px !important;\n            border: 1px solid #b7c4ca !important;\n            border-right: none !important;\n            background: transparent !important;\n            font-size: 12px !important;\n            letter-spacing: 2px !important;\n            padding: 5px 11px !important;\n            color: #7a7a7a !important;\n            border-radius: 0 !important;\n            outline: none !important;\n            box-shadow: none !important;\n            font-family: inherit !important;\n        }\n\n        .password-input:focus {\n            border-color: #999 !important;\n            box-shadow: none !important;\n            outline: none !important;\n        }\n\n        .show-password-btn {\n            height: 49px !important;\n            background: #000 !important;\n            color: #fff !important;\n            border: none !important;\n            padding: 7px 11px !important;\n            font-size: 8px !important;\n            font-weight: 500 !important;\n            text-transform: uppercase !important;\n            letter-spacing: 2px !important;\n            cursor: pointer !important;\n            font-family: 'Sweet Sans On Air', sans-serif !important;\n            border-radius: 0 !important;\n            white-space: nowrap !important;\n            min-width: 60px !important;\n            box-shadow: none !important;\n            outline: none !important;\n        }\n\n        .show-password-btn:hover {\n            background: #333 !important;\n        }\n\n        .forgot-password {\n            text-align: center !important;\n            margin: 10px 0px !important;\n    \t\tmargin-bottom: 20px !important;\n        }\n\n        .forgot-password a {\n            font-size: 10px !important;\n            color: #929396 !important;\n            text-decoration: none !important;\n            text-transform: uppercase !important;\n            letter-spacing: 2px !important;\n            font-family: inherit !important;\n        }\n\n        .forgot-password a:hover {\n            color: #666 !important;\n            text-decoration: none !important;\n        }\n\n        .login-btn {\n            background: transparent !important;\n            border: 1px solid #000 !important;\n            color: #1d1d1b !important;\n            padding: 16px 40px !important;\n            font-size: 12px !important;\n            font-weight: 500 !important;\n            text-transform: uppercase !important;\n            letter-spacing: 2px !important;\n            cursor: pointer !important;\n            font-family: 'Sweet Sans On Air', sans-serif !important;\n            border-radius: 0 !important;\n            width: 100% !important;\n            margin-bottom: 10px !important;\n            box-shadow: none !important;\n            outline: none !important;\n        }\n\n        .login-btn:hover {\n            background: #000 !important;\n            color: #fff !important;\n        }\n\n        .login-btn:disabled {\n            opacity: 0.6 !important;\n            cursor: not-allowed !important;\n        }\n\n        .create-account {\n            text-align: center !important;\n            margin-top: 20px !important;\n        }\n\n        .create-account a {\n            font-size: 12px !important;\n            color: #1d1d1b !important;\n            text-decoration: none !important;\n            text-transform: uppercase !important;\n            letter-spacing: 1px !important;\n            font-family: inherit !important;\n        }\n\n        .create-account a:hover {\n            color: #666 !important;\n            text-decoration: none !important;\n        }\n\n        .empty-label {\n            height: 49px !important;\n            margin-bottom: 30px !important;\n        }\n\n        \/* Responsive Design - Mobile First *\/\n        @media (max-width: 768px) {\n            .form-content-wrapper {\n                display: block !important;\n            }\n            \n            .labels-column {\n                display: none !important;\n            }\n            \n            .fields-column {\n                width: 100% !important;\n                padding-left: 0 !important;\n            }\n            \n            .login-title {\n                font-size: 18px !important;\n                margin-bottom: 40px !important;\n            }\n            \n            .form-input {\n\/*                 margin-bottom: 25px !important; *\/\n            }\n            \n            .password-container {\n                margin-bottom: 25px !important;\n            }\n            \n            .form-label {\n                display: block !important;\n                text-align: left !important;\n                margin-bottom: 10px !important;\n                padding-top: 0 !important;\n            }\n            \n            \/* Show labels above fields on mobile *\/\n            .mobile-form-group {\n                margin-bottom: 25px !important;\n            }\n            \n            .forgot-password {\n                margin: 0px !important;\n    \t\t\tmargin-bottom: 20px !important;\n            }\n        }\n        \n        @media (max-width: 480px) {\n            .login-container {\n                padding: 20px 10px !important;\n            }\n            \n            .login-title {\n                font-size: 16px !important;\n                line-height: 1.4 !important;\n            }\n            \n            .show-password-btn {\n                font-size: 7px !important;\n                padding: 7px 8px !important;\n                min-width: 50px !important;\n            }\n        }\n\n        \/* Override common theme conflicts *\/\n        .login-container input[type=\"text\"],\n        .login-container input[type=\"password\"],\n        .login-container input[type=\"email\"] {\n            border: 1px solid #b7c4ca !important;\n            border-radius: 0 !important;\n            box-shadow: none !important;\n            background: transparent !important;\n            font-size: 12px !important;\n            height: 49px !important;\n            padding: 5px 11px !important;\n            margin: 0 !important;\n        }\n\n        .login-container button {\n            border-radius: 0 !important;\n            box-shadow: none !important;\n            text-transform: uppercase !important;\n            letter-spacing: 2px !important;\n        }\n\n        \/* Override WooCommerce styles *\/\n        .woocommerce .login-container input[type=\"text\"],\n        .woocommerce .login-container input[type=\"password\"],\n        .woocommerce .login-container input[type=\"email\"] {\n            border: 1px solid #b7c4ca !important;\n            border-radius: 0 !important;\n            box-shadow: none !important;\n            background: transparent !important;\n        }\n\n        .woocommerce .login-container button {\n            border-radius: 0 !important;\n            box-shadow: none !important;\n        }\n\t\n\t\n\t\n\t\n\t\n\t\n\t@media(min-width:768px){\n\t\t.mobile-only{\n\t\t\tdisplay:none !important\n\t\t}\n\t\t\n\t\t.afb-username-group{\n\t\t\tmargin-bottom: 15px !important\n\t\t}\n\t\t\n\t\t.afb-pass-label{\n\t\t\tpadding-top:20px !important\n\t\t}\n\t\t\n\t\t\n\t\t.form-content-wrapper,\n\t\t#loginAlert{\n\t\t\tmargin-left: -100px !important;\n    \t\tmax-width: 678px !important;\n\t\t}\n\t}\n\t\n\t\n    <\/style>\n\n\n\n<!-- \/\/ LOGIN CONTAINERR -->\n<section class=\"login-container\" id=\"login-form\">\n    <!-- Alert Box -->\n    <div id=\"loginAlert\" class=\"alert\">\n        <span id=\"alertMessage\"><\/span>\n    <\/div>\n\n    <div class=\"form-content-wrapper\">\n        <!-- Labels Column - Desktop Only -->\n        <div class=\"labels-column\">\n            <div class=\"empty-label\"><\/div> <!-- Space for title -->\n            <label class=\"form-label\" for=\"field-email\">E-mail<\/label>\n            <label class=\"form-label afb-pass-label\" for=\"field-password\">Password<\/label>\n        <\/div>\n        \n        <!-- Fields Column -->\n        <div class=\"fields-column\">\n            <h1 class=\"login-title\">Log in to your account<\/h1>\n            \n            <form id=\"wp-login-form\" method=\"post\">\n                <input type=\"hidden\" name=\"action\" value=\"wp_ajax_login\" \/>\n                <input type=\"hidden\" name=\"security\" id=\"security\" value=\"\" \/>\n                \n                <!-- Mobile Form Group - Email -->\n                <div class=\"mobile-form-group afb-username-group\">\n                    <label class=\"form-label mobile-only\" for=\"username\" style=\"display: none;\">E-mail<\/label>\n                    <input class=\"form-input\" name=\"username\" id=\"username\" type=\"text\" value=\"\" autocomplete=\"username\" required=\"\" placeholder=\"\" \/>\n                <\/div>\n                \n                <!-- Mobile Form Group - Password -->\n                <div class=\"mobile-form-group\">\n                    <label class=\"form-label mobile-only\" for=\"password\" style=\"display: none;\">Password<\/label>\n                    <div class=\"password-container\">\n                        <input class=\"password-input\" name=\"password\" id=\"password\" title=\"At least 5 characters\" type=\"password\" autocomplete=\"current-password\" value=\"\" required=\"\" placeholder=\"\" \/>\n                        <button class=\"show-password-btn\" type=\"button\" data-action=\"show-password\">Show<\/button>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"forgot-password\">\n                    <a href=\"\/lost-password\/\" rel=\"nofollow\">\n                        Forgot your password?\n                    <\/a>\n                <\/div>\n                \n                <button class=\"login-btn\" type=\"submit\" id=\"login-submit\">\n                    <span id=\"login-text\">Login<\/span>\n                    <span id=\"login-loading\" style=\"display: none;\">Logging in...<\/span>\n                <\/button>\n            <\/form>\n            \n            <div class=\"create-account\">\n                <a href=\"https:\/\/damyel.com\/en\/wp-login.php?action=register\">\n                    Don't have an account? Create one\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<!-- \/\/ REGISTERATION CONTAINER -->\n<style>\n        \/* New registration-specific styles only *\/\n        .reg-subtitle {\n            font-size: 14px !important;\n            color: #1d1d1b !important;\n            text-align: center !important;\n            margin-bottom: 20px !important;\n            font-family: inherit !important;\n            font-weight: normal !important;\n        }\n\n        .reg-subtitle a {\n            color: #1d1d1b !important;\n            text-decoration: underline !important;\n        }\n\n        .reg-subtitle a:hover {\n            color: #666 !important;\n        }\n\n        .date-input {\n            width: 100% !important;\n            height: 49px !important;\n            border: 1px solid #b7c4ca !important;\n            background: transparent !important;\n            font-size: 12px !important;\n            letter-spacing: 1px !important;\n            padding: 5px 11px !important;\n            color: #7a7a7a !important;\n            border-radius: 0 !important;\n            outline: none !important; \n            box-shadow: none !important;\n            font-family: inherit !important;\n        }\n\n        .date-input:focus {\n            border-color: #999 !important;\n            box-shadow: none !important;\n            outline: none !important;\n        }\n\n        .date-input::-webkit-calendar-picker-indicator {\n            background-color: #1d1d1b !important;\n            border-radius: 0 !important;\n            cursor: pointer !important;\n        }\n\n        .select-input {\n            width: 100% !important;\n            height: 49px !important;\n            border: 1px solid #b7c4ca !important;\n            background: transparent !important;\n            font-size: 12px !important;\n            letter-spacing: 2px !important;\n            padding: 5px 11px !important;\n            color: #7a7a7a !important;\n            border-radius: 0 !important;\n            outline: none !important;\n\/*             margin-bottom: 30px !important; *\/\n            box-shadow: none !important;\n            font-family: inherit !important;\n            appearance: none !important;\n            -webkit-appearance: none !important;\n            -moz-appearance: none !important;\n            background-image: url(\"data:image\/svg+xml;charset=UTF-8,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c\/polyline%3e%3c\/svg%3e\") !important;\n            background-repeat: no-repeat !important;\n            background-position: right 11px center !important;\n            background-size: 16px !important;\n        }\n\n        .select-input:focus {\n            border-color: #999 !important;\n            box-shadow: none !important;\n            outline: none !important;\n        }\n\n        .checkbox-container {\n            display: flex !important;\n            align-items: flex-start !important;\n            margin-bottom: 20px !important;\n            gap: 10px !important;\n        }\n\n        .checkbox-input {\n            width: 16px !important;\n            height: 16px !important;\n            margin: 0 !important;\n            margin-top: 2px !important;\n            border: 1px solid #b7c4ca !important;\n            background: transparent !important;\n            border-radius: 0 !important;\n            outline: none !important;\n            cursor: pointer !important;\n        }\n\n        .checkbox-label {\n            font-size: 11px !important;\n            color: #1d1d1b !important;\n            line-height: 1.4 !important;\n            font-family: inherit !important;\n            margin: 0 !important;\n            cursor: pointer !important;\n        }\n\n        .checkbox-label em {\n            font-style: italic !important;\n        }\n\n        .checkbox-label a {\n            color: #1d1d1b !important;\n            text-decoration: underline !important;\n        }\n\n        .checkbox-label a:hover {\n            color: #666 !important;\n        }\n\n        \/* Responsive adjustments for registration *\/\n        @media (max-width: 768px) {\n            .reg-subtitle {\n                margin-bottom: 30px !important;\n            }\n            \n            .checkbox-container {\n                margin-bottom: 15px !important;\n            }\n\t\t\t\n\t\t\t.login-title {\n\t\t\t\tmargin-bottom: 22px !important\n\t\t\t}\n        }\n\t\n\t\n\t@media(min-width:768px){\n\t\t#wp-register-form  .mobile-form-group {\n\t\t\tmargin-bottom: 15px !important;\n\t\t}\n\t\t\t\n\t\t#registration-form .labels-column{\n\t\t\tmargin-top: -45px;\n\t\t}\n\t\t\n\t\t#registration-form  .form-label:not(#registration-form .form-label:nth-child(1)):not(#registration-form .form-label:nth-child(2)):not(#registration-form .form-label:nth-child(3)){\n\t\t\tpadding-top: 22px !important\n\t\t}\n\t}\n    <\/style>\n\n\n<section class=\"login-container afb-hide\" id=\"registration-form\">\n    <!-- Alert Box -->\n    <div id=\"registerAlert\" class=\"alert\">\n        <span id=\"registerAlertMessage\"><\/span>\n    <\/div>\n\n    <div class=\"form-content-wrapper\">\n        <!-- Labels Column - Desktop Only -->\n        <div class=\"labels-column\">\n            <div class=\"empty-label\"><\/div> <!-- Space for title -->\n            <div class=\"empty-label\"><\/div> <!-- Space for subtitle -->\n            <label class=\"form-label\" for=\"field-first-name\">First Name<\/label>\n            <label class=\"form-label\" for=\"field-last-name\">Name<\/label>\n            <label class=\"form-label\" for=\"field-email\">E-mail<\/label>\n            <label class=\"form-label afb-pass-label\" for=\"field-password\">Password<\/label>\n            <label class=\"form-label\" for=\"field-dob\">Date of Birth<\/label>\n            <label class=\"form-label\" for=\"field-address\">Address<\/label>\n            <label class=\"form-label\" for=\"field-postcode\">Postal Code<\/label>\n            <label class=\"form-label\" for=\"field-city\">City<\/label>\n            <label class=\"form-label\" for=\"field-country\">Country<\/label>\n            <label class=\"form-label\" for=\"field-phone\">Phone<\/label>\n        <\/div>\n        \n        <!-- Fields Column -->\n        <div class=\"fields-column\">\n            <h1 class=\"login-title\">Create Your Account<\/h1>\n            \n            <div class=\"reg-subtitle\">\n                Already have an account? <a class=\"afb-login-tab\" href=\"https:\/\/damyel.com\/en\/wp-login.php\">Please log in!<\/a>\n            <\/div>\n            \n            <form id=\"wp-register-form\" method=\"post\">\n                <input type=\"hidden\" name=\"action\" value=\"wc_ajax_register\" \/>\n                <input type=\"hidden\" name=\"register_security\" id=\"register_security\" value=\"\" \/>\n                \n                <!-- First Name -->\n                <div class=\"mobile-form-group\">\n                    <label class=\"form-label mobile-only\" for=\"billing_first_name\" style=\"display: none;\">First Name<\/label>\n                    <input class=\"form-input\" name=\"billing_first_name\" id=\"billing_first_name\" type=\"text\" value=\"\" autocomplete=\"given-name\" required=\"\" \/>\n                <\/div>\n                \n                <!-- Last Name -->\n                <div class=\"mobile-form-group\">\n                    <label class=\"form-label mobile-only\" for=\"billing_last_name\" style=\"display: none;\">Name<\/label>\n                    <input class=\"form-input\" name=\"billing_last_name\" id=\"billing_last_name\" type=\"text\" value=\"\" autocomplete=\"family-name\" required=\"\" \/>\n                <\/div>\n                \n                <!-- Email -->\n                <div class=\"mobile-form-group\">\n                    <label class=\"form-label mobile-only\" for=\"reg_email\" style=\"display: none;\">E-mail<\/label>\n                    <input class=\"form-input\" name=\"email\" id=\"reg_email\" type=\"email\" value=\"\" autocomplete=\"email\" required=\"\" \/>\n                <\/div>\n                \n                <!-- Password -->\n                <div class=\"mobile-form-group\">\n                    <label class=\"form-label mobile-only\" for=\"reg_password\" style=\"display: none;\">Password<\/label>\n                    <div class=\"password-container\">\n                        <input class=\"password-input\" name=\"password\" id=\"reg_password\" type=\"password\" autocomplete=\"new-password\" value=\"\" required=\"\" \/>\n                        <button class=\"show-password-btn\" type=\"button\" data-action=\"show-password\">Show<\/button>\n                    <\/div>\n                <\/div>\n                \n                <!-- Date of Birth -->\n                <div class=\"mobile-form-group\">\n                    <label class=\"form-label mobile-only\" for=\"billing_dob\" style=\"display: none;\">Date of Birth<\/label>\n                    <input class=\"date-input\" name=\"billing_dob\" id=\"billing_dob\" type=\"date\" value=\"\" placeholder=\"dd\/mm\/yyyy\" \/>\n                <\/div>\n                \n                <!-- Address -->\n                <div class=\"mobile-form-group\">\n                    <label class=\"form-label mobile-only\" for=\"billing_address_1\" style=\"display: none;\">Address<\/label>\n                    <input class=\"form-input\" name=\"billing_address_1\" id=\"billing_address_1\" type=\"text\" value=\"\" placeholder=\"Enter a location\" autocomplete=\"street-address\" \/>\n                <\/div>\n                \n                <!-- Postal Code -->\n                <div class=\"mobile-form-group\">\n                    <label class=\"form-label mobile-only\" for=\"billing_postcode\" style=\"display: none;\">Postal Code<\/label>\n                    <input class=\"form-input\" name=\"billing_postcode\" id=\"billing_postcode\" type=\"text\" value=\"\" autocomplete=\"postal-code\" \/>\n                <\/div>\n                \n                <!-- City -->\n                <div class=\"mobile-form-group\">\n                    <label class=\"form-label mobile-only\" for=\"billing_city\" style=\"display: none;\">City<\/label>\n                    <input class=\"form-input\" name=\"billing_city\" id=\"billing_city\" type=\"text\" value=\"\" autocomplete=\"address-level2\" \/>\n                <\/div>\n                \n                <!-- Country -->\n                <div class=\"mobile-form-group\">\n                    <label class=\"form-label mobile-only\" for=\"billing_country\" style=\"display: none;\">Country<\/label>\n                    <select class=\"select-input\" name=\"billing_country\" id=\"billing_country\" autocomplete=\"country\">\n                        <option value=\"\">Please select<\/option>\n                        <option value=\"US\">United States<\/option>\n                        <option value=\"GB\">United Kingdom<\/option>\n                        <option value=\"CA\">Canada<\/option>\n                        <option value=\"AU\">Australia<\/option>\n                        <option value=\"DE\">Germany<\/option>\n                        <option value=\"FR\">France<\/option>\n                        <option value=\"IT\">Italy<\/option>\n                        <option value=\"ES\">Spain<\/option>\n                        <option value=\"PK\">Pakistan<\/option>\n                        <!-- Add more countries as needed -->\n                    <\/select>\n                <\/div>\n                \n                <!-- Phone -->\n                <div class=\"mobile-form-group\">\n                    <label class=\"form-label mobile-only\" for=\"billing_phone\" style=\"display: none;\">Phone<\/label>\n                    <input class=\"form-input\" name=\"billing_phone\" id=\"billing_phone\" type=\"tel\" value=\"\" placeholder=\"Example: +33061234567\" autocomplete=\"tel\" \/>\n                <\/div>\n                \n                <!-- Privacy Checkbox -->\n                <div class=\"checkbox-container\">\n                    <input type=\"checkbox\" id=\"privacy_policy\" name=\"privacy_policy\" class=\"checkbox-input\" required \/>\n                    <label for=\"privacy_policy\" class=\"checkbox-label\">\n                        Message concerning the confidentiality of customer data<br>\n                        <em>In accordance with the provisions of the law n\u00b078-17 of January 6, 1978, you have a right of access, of correction and opposition on the personal data concerning you.<\/em>\n                    <\/label>\n                <\/div>\n                \n                <!-- Newsletter Checkbox -->\n<!--                 <div class=\"checkbox-container\">\n                    <input type=\"checkbox\" id=\"newsletter\" name=\"newsletter\" class=\"checkbox-input\" \/>\n                    <label for=\"newsletter\" class=\"checkbox-label\">\n                        Receive our newsletter<br>\n                        <em>You can unsubscribe at any time. You will find our contact details in the site's terms of use.<\/em>\n                    <\/label>\n                <\/div> -->\n                \n                <button class=\"login-btn\" type=\"submit\" id=\"register-submit\">\n                    <span id=\"register-text\">Register<\/span>\n                    <span id=\"register-loading\" style=\"display: none;\">Creating account...<\/span>\n                <\/button>\n            <\/form>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<!-- \/\/ registratioon script -->\n<script>\n    \/\/ Set security nonce for registration\n    document.getElementById('register_security').value = 'd9f4810291';\n    \n    \/\/ Show mobile labels on smaller screens (reuse login function)\n    function handleResponsiveLabels() {\n        const isMobile = window.innerWidth <= 768;\n        const mobileLabels = document.querySelectorAll('.mobile-only');\n        \n        mobileLabels.forEach(label => {\n            label.style.display = isMobile ? 'block' : 'none';\n        });\n    }\n    \n    \/\/ Run on load and resize\n    window.addEventListener('load', handleResponsiveLabels);\n    window.addEventListener('resize', handleResponsiveLabels);\n    \n    \/\/ Toggle password visibility for registration\n    document.querySelector('.show-password-btn').addEventListener('click', function() {\n        const passwordInput = document.querySelector('#reg_password');\n        const btn = this;\n        \n        if (passwordInput.type === 'password') {\n            passwordInput.type = 'text';\n            btn.textContent = 'Hide';\n        } else {\n            passwordInput.type = 'password';\n            btn.textContent = 'Show';\n        }\n    });\n\n    \/\/ Handle registration form submission\n    document.getElementById('wp-register-form').addEventListener('submit', function(e) {\n        e.preventDefault();\n        \n        const form = this;\n        const formData = new FormData(form);\n        const submitBtn = document.getElementById('register-submit');\n        const registerText = document.getElementById('register-text');\n        const registerLoading = document.getElementById('register-loading');\n        \n        \/\/ Basic validation\n        if (!form.billing_first_name.value || !form.billing_last_name.value || \n            !form.email.value || !form.password.value) {\n            showRegisterAlert('Please fill in all required fields.', 'error');\n            return;\n        }\n        \n        if (!form.privacy_policy.checked) {\n            showRegisterAlert('Please accept the privacy policy.', 'error');\n            return;\n        }\n        \n        \/\/ Show loading state\n        submitBtn.disabled = true;\n        registerText.style.display = 'none';\n        registerLoading.style.display = 'inline';\n        \n        \/\/ Send AJAX request to WordPress\n        fetch('https:\/\/damyel.com\/wp-admin\/admin-ajax.php', {\n            method: 'POST',\n            body: formData\n        })\n        .then(response => response.json())\n        .then(data => {\n            if (data.success) {\n                showRegisterAlert('Registration successful! Please check your email.', 'success');\n                form.reset();\n                \/\/ Optional: redirect to login or account page\n                setTimeout(() => {\n\t\t\t\t\t\/\/data.data.redirect_url ||\n                    window.location.href =  '\/user-dashboard';\n                }, 2000);\n            } else {\n                showRegisterAlert(data.data.message || 'Registration failed. Please try again.', 'error');\n            }\n        })\n        .catch(error => {\n            console.error('Error:', error);\n            showRegisterAlert('An error occurred. Please try again.', 'error');\n        })\n        .finally(() => {\n            \/\/ Reset button state\n            submitBtn.disabled = false;\n            registerText.style.display = 'inline';\n            registerLoading.style.display = 'none';\n        });\n    });\n    \n    function showRegisterAlert(message, type) {\n        const alert = document.getElementById('registerAlert');\n        const alertMessage = document.getElementById('registerAlertMessage');\n        \n        alertMessage.textContent = message;\n        alert.className = 'alert ' + type + ' show';\n        \n        \/\/ Auto-hide success messages\n        if (type === 'success') {\n            setTimeout(() => {\n                alert.className = 'alert';\n            }, 4000);\n        }\n    }\n<\/script>\n\n\n\n\n<!-- \/\/login scrupt -->\n<script>\n    \/\/ Set security nonce (this should be set by WordPress)\n    document.getElementById('security').value = '0aa32f91fc';\n    \n    \/\/ Show mobile labels on smaller screens\n    function handleResponsiveLabels() {\n        const isMobile = window.innerWidth <= 768;\n        const mobileLabels = document.querySelectorAll('.mobile-only');\n        \n        mobileLabels.forEach(label => {\n            label.style.display = isMobile ? 'block' : 'none';\n        });\n    }\n    \n    \/\/ Run on load and resize\n    window.addEventListener('load', handleResponsiveLabels);\n    window.addEventListener('resize', handleResponsiveLabels);\n    \n    \/\/ Toggle password visibility\n    document.querySelector('.show-password-btn').addEventListener('click', function() {\n        const passwordInput = document.querySelector('.password-input');\n        const btn = this;\n        \n        if (passwordInput.type === 'password') {\n            passwordInput.type = 'text';\n            btn.textContent = 'Hide';\n        } else {\n            passwordInput.type = 'password';\n            btn.textContent = 'Show';\n        }\n    });\n\n    \/\/ Handle form submission\n    document.getElementById('wp-login-form').addEventListener('submit', function(e) {\n        e.preventDefault();\n        \n        const form = this;\n        const username = form.username.value;\n        const password = form.password.value;\n        const security = form.security.value;\n        const submitBtn = document.getElementById('login-submit');\n        const loginText = document.getElementById('login-text');\n        const loginLoading = document.getElementById('login-loading');\n        \n        \/\/ Validation\n        if (!username || !password) {\n            showAlert('Please fill in both username and password.', 'error');\n            return;\n        }\n        \n        \/\/ Show loading state\n        submitBtn.disabled = true;\n        loginText.style.display = 'none';\n        loginLoading.style.display = 'inline';\n         \n\t\t\n        const formData = new FormData();\n        formData.append('action', 'ajax_login');\n        formData.append('username', username);\n        formData.append('password', password);\n        formData.append('security', security);\n        \n  \n        fetch('https:\/\/damyel.com\/wp-admin\/admin-ajax.php', {\n            method: 'POST',\n            body: formData\n        })\n        .then(response => response.json())\n        .then(data => {\n            if (data.success) {\n                showAlert('Login successful! Redirecting...', 'success');\n                \/\/ Redirect after success\n                setTimeout(() => {\n\t\t\t\t\t\/\/data.data.redirect_url ||\n                    window.location.href =  '\/user-dashboard';\n                }, 1500);\n            } else {\n                showAlert(data.data.message || 'Incorrect Credentials', 'error');\n            }\n        })\n        .catch(error => {\n            console.error('Error:', error);\n            showAlert('An error occurred. Please try again.', 'error');\n        })\n        .finally(() => {\n            \/\/ Reset button state\n            submitBtn.disabled = false;\n            loginText.style.display = 'inline';\n            loginLoading.style.display = 'none';\n        });\n    });\n    \n    function showAlert(message, type) {\n        const alert = document.getElementById('loginAlert');\n        const alertMessage = document.getElementById('alertMessage');\n        \n        alertMessage.textContent = message;\n        alert.className = 'alert ' + type + ' show';\n        \n        \/\/ Auto-hide success messages\n        if (type === 'success') {\n            setTimeout(() => {\n                alert.className = 'alert';\n            }, 3000);\n        }\n    }\n    \n    \/\/ Check for URL parameters (for error messages)\n    const urlParams = new URLSearchParams(window.location.search);\n    const error = urlParams.get('login_error');\n    if (error) {\n        let message = 'Authentication failure';\n        switch (error) {\n            case 'empty_credentials':\n                message = 'Please enter both username and password.';\n                break;\n            case 'invalid_username':\n                message = 'Invalid username.';\n                break;\n            case 'incorrect_password':\n                message = 'The password you entered is incorrect.';\n                break;\n            case 'too_many_retries':\n                message = 'Too many login attempts. Please try again later.';\n                break;\n        }\n        showAlert(message, 'error');\n    }\n<\/script>\n\n\n\n\n\n\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    \n  \n    document.addEventListener('click', function(e) {\n        if (e.target.matches('.create-account a')) {\n            e.preventDefault();\n            \n            const loginForm = document.getElementById('login-form');\n            const registrationForm = document.getElementById('registration-form');\n            \n            if (loginForm && registrationForm) {\n                loginForm.classList.add('afb-hide');\n                registrationForm.classList.remove('afb-hide');\n            }\n        }\n    });\n    \n \n    document.addEventListener('click', function(e) {\n        if (e.target.matches('.afb-login-tab') || e.target.closest('.afb-login-tab')) {\n            e.preventDefault();\n            \n            const loginForm = document.getElementById('login-form');\n            const registrationForm = document.getElementById('registration-form');\n            \n            if (loginForm && registrationForm) {\n                registrationForm.classList.add('afb-hide');\n                loginForm.classList.remove('afb-hide');\n            }\n        }\n    });\n     \n\t\t\n    document.addEventListener('click', function(e) {\n        if (e.target.matches('.reg-subtitle a')) {\n            e.preventDefault();\n            \n            const loginForm = document.getElementById('login-form');\n            const registrationForm = document.getElementById('registration-form');\n            \n            if (loginForm && registrationForm) {\n                registrationForm.classList.add('afb-hide');\n                loginForm.classList.remove('afb-hide');\n            }\n        }\n    });\n    \n});\n<\/script>\n\t\t\t<div class=\"elementor-shortcode\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-4436","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/damyel.com\/en\/wp-json\/wp\/v2\/pages\/4436","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/damyel.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/damyel.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/damyel.com\/en\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/damyel.com\/en\/wp-json\/wp\/v2\/comments?post=4436"}],"version-history":[{"count":1,"href":"https:\/\/damyel.com\/en\/wp-json\/wp\/v2\/pages\/4436\/revisions"}],"predecessor-version":[{"id":4439,"href":"https:\/\/damyel.com\/en\/wp-json\/wp\/v2\/pages\/4436\/revisions\/4439"}],"wp:attachment":[{"href":"https:\/\/damyel.com\/en\/wp-json\/wp\/v2\/media?parent=4436"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}