{"id":938,"date":"2026-05-25T07:13:03","date_gmt":"2026-05-25T07:13:03","guid":{"rendered":"https:\/\/hirszerviz.hu\/?page_id=938"},"modified":"2026-05-25T07:13:03","modified_gmt":"2026-05-25T07:13:03","slug":"jelentkezes","status":"publish","type":"page","link":"https:\/\/htfsz.hu\/ro\/jelentkezes\/","title":{"rendered":"Jelentkez\u00e9s"},"content":{"rendered":"\r\n<div class=\"htfsz-registration-wrapper\">\r\n    <div class=\"htfsz-registration-card\">\r\n        <div class=\"htfsz-reg-header\">\r\n            <span class=\"htfsz-reg-badge\">Online Tagfelv\u00e9tel<\/span>\r\n            <h2>Szakszervezeti Bel\u00e9p\u00e9si Nyilatkozat<\/h2>\r\n            <p>Csatlakozzon a HTFSZ-hez online, n\u00e9h\u00e1ny egyszer\u0171 l\u00e9p\u00e9sben.<\/p>\r\n            <p>Ez az \u0171rlap \u00faj tagfelv\u00e9teli k\u00e9relemhez val\u00f3. Megl\u00e9v\u0151 tagk\u00e9nt az <a href=\"https:\/\/htfsz.hu\/ro\/tagi-portal\/?htfsz_activate=1\">Els\u0151 bel\u00e9p\u00e9s \/ fi\u00f3kaktiv\u00e1l\u00e1s<\/a>, m\u00e1r aktiv\u00e1lt fi\u00f3kkal a <a href=\"https:\/\/htfsz.hu\/ro\/tagi-portal\/?htfsz_login=1\">Tagi bejelentkez\u00e9s<\/a> fel\u00fcletet haszn\u00e1lja.<\/p>\r\n        <\/div>\r\n\r\n        \r\n            <!-- Hiba\u00fczenetek megjelen\u00edt\u00e9se -->\r\n            \r\n            <!-- Wizard folyamatjelz\u0151 -->\r\n            <div class=\"htfsz-reg-steps-indicator\">\r\n                <div class=\"step-indicator active\" id=\"ind-step-1\">\r\n                    <div class=\"step-num\">1<\/div>\r\n                    <span class=\"step-label\">Szem\u00e9lyes<\/span>\r\n                <\/div>\r\n                <div class=\"step-line\" id=\"line-step-1\"><\/div>\r\n                <div class=\"step-indicator\" id=\"ind-step-2\">\r\n                    <div class=\"step-num\">2<\/div>\r\n                    <span class=\"step-label\">Fizet\u00e9s<\/span>\n                <\/div>\r\n                <div class=\"step-line\" id=\"line-step-2\"><\/div>\r\n                <div class=\"step-indicator\" id=\"ind-step-3\">\r\n                    <div class=\"step-num\">3<\/div>\r\n                    <span class=\"step-label\">Nyilatkozat<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- F\u0150 FORM -->\r\n            <form method=\"post\" action=\"\" id=\"htfsz-registration-form\" data-htfsz-member-form>\r\n                <input type=\"hidden\" id=\"htfsz_jelentkezes_nonce\" name=\"htfsz_jelentkezes_nonce\" value=\"5ec876b920\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/ro\/wp-json\/wp\/v2\/pages\/938\" \/>                <input type=\"hidden\" name=\"htfsz_submit_jelentkezes\" value=\"1\">\r\n                <div style=\"display:none !important;\">\r\n                    <input type=\"text\" name=\"website_hp\" value=\"\" tabindex=\"-1\" autocomplete=\"off\">\r\n                <\/div>\r\n\r\n                <!-- 1. L\u00c9P\u00c9S: SZEM\u00c9LYES ADATOK -->\r\n                <div class=\"htfsz-form-step active\" id=\"htfsz-step-1\">\r\n                    <div class=\"htfsz-form-group\">\r\n                        <label for=\"reg-name\">Teljes n\u00e9v <span class=\"required\">*<\/span><\/label>\r\n                        <input type=\"text\" id=\"reg-name\" name=\"htfsz_applicant_name\" required autocomplete=\"name\" placeholder=\"pl. Minta P\u00e9ter\" value=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"htfsz-form-group\">\r\n                        <label for=\"reg-email\">E-mail c\u00edm <span class=\"required\">*<\/span><\/label>\n                        <input type=\"email\" id=\"reg-email\" name=\"email\" required placeholder=\"pl. minta.peter@example.com\" value=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"htfsz-form-group\">\r\n                        <label for=\"reg-phone\">Telefonsz\u00e1m <span class=\"required\">*<\/span><\/label>\r\n                        <input type=\"text\" id=\"reg-phone\" name=\"phone\" required placeholder=\"pl. +36201234567\" value=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"htfsz-form-group htfsz-bank-dependent\">\n                        <label for=\"reg-address\">Lakc\u00edm (Ir\u00e1ny\u00edt\u00f3sz\u00e1m, V\u00e1ros, Utca, H\u00e1zsz\u00e1m) <span class=\"required\">*<\/span><\/label>\n                        <textarea id=\"reg-address\" name=\"address\" rows=\"3\" required placeholder=\"pl. 1024 Budapest, F\u0151 utca 12. 2. em. 4.\"><\/textarea>\r\n                    <\/div>\n\n                    <div class=\"htfsz-input-row\">\n                        <div class=\"htfsz-form-group half\">\n                            <label for=\"reg-birth\">Sz\u00fclet\u00e9si hely \u00e9s id\u0151 <span class=\"required\">*<\/span><\/label>\n                        <input type=\"text\" id=\"reg-birth\" name=\"birth_info\" required placeholder=\"pl. Budapest, 1985.05.24.\" value=\"\">\r\n                        <\/div>\n                        <div class=\"htfsz-form-group half\">\n                            <label for=\"reg-mother\">Anyja neve <span class=\"required\">*<\/span><\/label>\n                            <input type=\"text\" id=\"reg-mother\" name=\"mother_name\" required value=\"\">\r\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"htfsz-form-group htfsz-bank-dependent\">\n                        <label for=\"reg-tax-id\">Ad\u00f3azonos\u00edt\u00f3 jel <span class=\"required\">*<\/span><\/label>\n                        <input type=\"text\" id=\"reg-tax-id\" name=\"tax_id\" required inputmode=\"numeric\" pattern=\"[0-9]{10}\" maxlength=\"10\" placeholder=\"10 sz\u00e1mjegy\" value=\"\">\r\n                        <span class=\"input-desc\">Az \u00e9ves tagd\u00edjigazol\u00e1s biztons\u00e1gos azonos\u00edt\u00e1s\u00e1hoz is ezt haszn\u00e1ljuk.<\/span>\n                    <\/div>\n\r\n                    <div class=\"htfsz-form-actions\">\r\n                        <div><\/div>\r\n                        <button type=\"button\" class=\"htfsz-reg-btn next\" onclick=\"htfszGoToStep(2)\">K\u00f6vetkez\u0151 l\u00e9p\u00e9s <span class=\"dashicons dashicons-arrow-right-alt2\"><\/span><\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- 2. L\u00c9P\u00c9S: TAGD\u00cdJFIZET\u00c9SI \u00c9S BANKI ADATOK -->\n                <div class=\"htfsz-form-step\" id=\"htfsz-step-2\">\n                    <div class=\"htfsz-form-group\">\n                        <label for=\"reg-payment-method\">Tagd\u00edjfizet\u00e9s m\u00f3dja <span class=\"required\">*<\/span><\/label>\n                        <select id=\"reg-payment-method\" name=\"payment_method\" required>\n                            <option value=\"direct_debit\" >Csoportos beszed\u00e9s<\/option>\r\n                            <option value=\"transfer\"  selected='selected'>Egy\u00e9ni banki utal\u00e1s<\/option>\r\n                            <option value=\"cash\" >K\u00e9szp\u00e9nzes befizet\u00e9s a k\u00f6zponti irod\u00e1ban<\/option>\r\n                        <\/select>\n                    <\/div>\n\n                    <div class=\"htfsz-form-group htfsz-bank-dependent\">\n                        <label for=\"reg-bank-name\">Sz\u00e1mlavezet\u0151 bank neve<\/label>\n                        <input type=\"text\" id=\"reg-bank-name\" name=\"bank_name\" value=\"\">\r\n                    <\/div>\n\n                    <div class=\"htfsz-form-group htfsz-bank-dependent\">\n                        <label for=\"reg-bank\">Banksz\u00e1mlasz\u00e1m<\/label>\n                        <input type=\"text\" id=\"reg-bank\" name=\"bank_account\" placeholder=\"HU00 0000 0000 0000 0000 0000 0000\" value=\"\">\r\n                        <span class=\"input-desc\">Csoportos beszed\u00e9s v\u00e1laszt\u00e1sakor a megb\u00edz\u00e1st a saj\u00e1t bankj\u00e1n\u00e1l kell be\u00e1ll\u00edtania. A HTFSZ kor\u00e1bbi banki megb\u00edz\u00e1s-nyomtatv\u00e1nya m\u00e1r nem haszn\u00e1lhat\u00f3.<\/span>\n                    <\/div>\n\n                    <div class=\"htfsz-form-group\">\n                        <label for=\"reg-member-type\">Tags\u00e1g jellege<\/label>\n                        <select id=\"reg-member-type\" name=\"member_type\">\n                            <option value=\"regular\"  selected='selected'>Rendes tag<\/option>\r\n                            <option value=\"supporter\" >P\u00e1rtol\u00f3 tag<\/option>\r\n                        <\/select>\n                    <\/div>\r\n\r\n                    <div class=\"htfsz-form-actions\">\r\n                        <button type=\"button\" class=\"htfsz-reg-btn back\" onclick=\"htfszGoToStep(1)\"><span class=\"dashicons dashicons-arrow-left-alt2\"><\/span> Vissza<\/button>\r\n                        <button type=\"button\" class=\"htfsz-reg-btn next\" onclick=\"htfszGoToStep(3)\">K\u00f6vetkez\u0151 l\u00e9p\u00e9s <span class=\"dashicons dashicons-arrow-right-alt2\"><\/span><\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- 3. L\u00c9P\u00c9S: NYILATKOZATOK \u00c9S BEK\u00dcLD\u00c9S -->\r\n                <div class=\"htfsz-form-step\" id=\"htfsz-step-3\">\r\n                    <div class=\"htfsz-declaration-box\">\r\n                        <p><strong>Bel\u00e9p\u00e9si Nyilatkozat:<\/strong> K\u00e9rem felv\u00e9telemet a Hivat\u00e1sos T\u0171zolt\u00f3k Szakszervezet\u00e9be. A szakszervezet Alapszab\u00e1ly\u00e1t \u00e9s egy\u00e9b bels\u0151 szab\u00e1lyzatait magamra n\u00e9zve k\u00f6telez\u0151nek fogadom el, a tagd\u00edjat megfizetem.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"htfsz-checkbox-group\">\r\n                        <input type=\"checkbox\" id=\"check-statute\" name=\"accept_statute\" value=\"1\" required>\n                        <label for=\"check-statute\">Kijelentem, hogy a bel\u00e9p\u00e9si nyilatkozatot \u00f6nk\u00e9ntesen t\u00f6lt\u00f6m ki, az Alapszab\u00e1lyt elfogadom. <span class=\"required\">*<\/span><\/label>\r\n                    <\/div>\r\n\r\n                    <div class=\"htfsz-checkbox-group\">\r\n                        <input type=\"checkbox\" id=\"check-gdpr\" name=\"accept_gdpr\" value=\"1\" required>\n                        <label for=\"check-gdpr\">Megismertem \u00e9s elfogadom az Adatkezel\u00e9si T\u00e1j\u00e9koztat\u00f3t, hozz\u00e1j\u00e1rulok szem\u00e9lyes adataim szakszervezeti nyilv\u00e1ntart\u00e1shoz sz\u00fcks\u00e9ges kezel\u00e9s\u00e9hez. <span class=\"required\">*<\/span><\/label>\r\n                    <\/div>\r\n\r\n                                                                <p><a href=\"https:\/\/htfsz.hu\/ro\/download\/tagsagi-adatkezelesi-tajekoztato\/\">Tags\u00e1gi adatkezel\u00e9si t\u00e1j\u00e9koztat\u00f3 megnyit\u00e1sa<\/a><\/p>\r\n                    \r\n                    <div class=\"htfsz-form-actions\">\r\n                        <button type=\"button\" class=\"htfsz-reg-btn back\" onclick=\"htfszGoToStep(2)\"><span class=\"dashicons dashicons-arrow-left-alt2\"><\/span> Vissza<\/button>\r\n                        <button type=\"submit\" class=\"htfsz-reg-btn submit\" id=\"reg-submit-btn\">Nyilatkozat bek\u00fcld\u00e9se <span class=\"dashicons dashicons-saved\"><\/span><\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/form>\r\n            <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* CSS az Online Jelentkez\u00e9si \u0170rlaphoz - 2026 Modern Vil\u00e1gos Diz\u00e1jn *\/\r\n.htfsz-registration-wrapper {\r\n    font-family: 'Outfit', 'Inter', sans-serif;\r\n    max-width: 600px;\r\n    margin: 30px auto;\r\n    color: #334155;\r\n}\r\n\r\n.htfsz-registration-card {\r\n    background: #ffffff;\r\n    border-radius: 16px;\r\n    padding: 40px 30px;\r\n    box-shadow: 0 20px 40px rgba(0,0,0,0.06), 0 1px 3px rgba(0,0,0,0.05);\r\n    border: 1px solid #f1f5f9;\r\n}\r\n\r\n.htfsz-reg-header {\r\n    text-align: center;\r\n    border-bottom: 1px solid #f1f5f9;\r\n    padding-bottom: 25px;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.htfsz-reg-badge {\r\n    background: rgba(239, 68, 68, 0.1);\r\n    color: #ef4444;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    padding: 5px 12px;\r\n    border-radius: 20px;\r\n    border: 1px solid rgba(239, 68, 68, 0.2);\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.05em;\r\n    display: inline-block;\r\n    margin-bottom: 12px;\r\n}\r\n\r\n.htfsz-reg-header h2 {\r\n    margin: 0 0 10px 0;\r\n    font-size: 24px;\r\n    font-weight: 800;\r\n    color: #0f172a;\r\n}\r\n\r\n.htfsz-reg-header p {\r\n    font-size: 14px;\r\n    color: #64748b;\r\n    margin: 0;\r\n    line-height: 1.6;\r\n}\r\n\r\n\/* L\u00e9p\u00e9sjelz\u0151k *\/\r\n.htfsz-reg-steps-indicator {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    margin-bottom: 35px;\r\n    padding: 0 10px;\r\n}\r\n\r\n.step-indicator {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 8px;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.step-num {\r\n    width: 36px;\r\n    height: 36px;\r\n    border-radius: 50%;\r\n    background: #ffffff;\r\n    border: 2px solid #e2e8f0;\r\n    color: #94a3b8;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-weight: 700;\r\n    font-size: 14px;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.step-label {\r\n    font-size: 12px;\r\n    color: #94a3b8;\r\n    font-weight: 600;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.step-indicator.active .step-num {\r\n    background: #ef4444;\r\n    border-color: #ef4444;\r\n    color: #ffffff;\r\n    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3);\r\n}\r\n\r\n.step-indicator.active .step-label {\r\n    color: #ef4444;\r\n}\r\n\r\n.step-indicator.complete .step-num {\r\n    background: #10b981;\r\n    border-color: #10b981;\r\n    color: #ffffff;\r\n}\r\n\r\n.step-line {\r\n    flex-grow: 1;\r\n    height: 2px;\r\n    background: #e2e8f0;\r\n    margin: 0 10px;\r\n    margin-top: -20px;\r\n    z-index: 1;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.step-line.active {\r\n    background: #ef4444;\r\n}\r\n\r\n.step-line.complete {\r\n    background: #10b981;\r\n}\r\n\r\n\/* Form elemek *\/\r\n.htfsz-form-step {\r\n    display: none;\r\n}\r\n\r\n.htfsz-form-step.active {\r\n    display: block;\r\n    animation: slideIn 0.3s ease-in-out;\r\n}\r\n\r\n@keyframes slideIn {\r\n    from { opacity: 0; transform: translateX(10px); }\r\n    to { opacity: 1; transform: translateX(0); }\r\n}\r\n\r\n.htfsz-form-group {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 8px;\r\n    margin-bottom: 22px;\r\n}\r\n\r\n.htfsz-form-group label {\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: #475569;\r\n}\r\n\r\n.htfsz-form-group .required {\r\n    color: #ef4444;\r\n}\r\n\r\n.htfsz-registration-card input[type=\"text\"],\r\n.htfsz-registration-card input[type=\"email\"],\r\n.htfsz-registration-card select,\r\n.htfsz-registration-card textarea {\r\n    background: #f8fafc;\r\n    border: 1px solid #cbd5e1;\r\n    padding: 0 16px; \/* Csak oldals\u00f3 padding, a magass\u00e1got a height szab\u00e1lyozza *\/\r\n    height: 52px; \/* FIX MAGASS\u00c1G, hogy ne v\u00e1gja le a bet\u0171ket *\/\r\n    border-radius: 8px;\r\n    color: #0f172a;\r\n    font-size: 15px;\r\n    line-height: 50px; \/* Egyezik a bels\u0151 magass\u00e1ggal a t\u00f6k\u00e9letes k\u00f6z\u00e9pre igaz\u00edt\u00e1shoz *\/\r\n    outline: none;\r\n    transition: all 0.2s ease;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    box-shadow: inset 0 1px 2px rgba(0,0,0,0.02);\r\n}\r\n\r\n.htfsz-registration-card textarea {\r\n    height: auto;\r\n    min-height: 100px;\r\n    padding: 16px;\r\n    line-height: 1.5;\r\n}\r\n\r\n.htfsz-registration-card select {\r\n    appearance: auto; \/* Alap\u00e9rtelmezett b\u00f6ng\u00e9sz\u0151s leny\u00edl\u00f3 ny\u00edl *\/\r\n    height: 52px;\r\n    line-height: 50px;\r\n    padding-top: 0;\r\n    padding-bottom: 0;\r\n}\r\n\r\n.htfsz-registration-card input:focus,\r\n.htfsz-registration-card select:focus,\r\n.htfsz-registration-card textarea:focus {\r\n    border-color: #ef4444;\r\n    background: #ffffff;\r\n    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);\r\n}\r\n\r\n.htfsz-input-row {\r\n    display: flex;\r\n    gap: 20px;\r\n}\r\n\r\n.htfsz-form-group.half {\r\n    width: 50%;\r\n}\r\n\r\n@media(max-width: 500px) {\r\n    .htfsz-input-row {\r\n        flex-direction: column;\r\n        gap: 0;\r\n    }\r\n    .htfsz-form-group.half {\r\n        width: 100%;\r\n    }\r\n}\r\n\r\n.input-desc {\r\n    font-size: 12px;\r\n    color: #64748b;\r\n    margin-top: 2px;\r\n}\r\n\r\n\/* Gombok *\/\r\n.htfsz-form-actions {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    border-top: 1px solid #f1f5f9;\r\n    padding-top: 25px;\r\n    margin-top: 30px;\r\n}\r\n\r\n.htfsz-reg-btn {\r\n    border: none;\r\n    padding: 12px 24px;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    border-radius: 8px;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    transition: all 0.2s ease;\r\n}\r\n\r\n.htfsz-reg-btn.next {\r\n    background: #ef4444;\r\n    color: #ffffff;\r\n    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.2);\r\n}\r\n\r\n.htfsz-reg-btn.next:hover {\r\n    background: #dc2626;\r\n    box-shadow: 0 6px 16px rgba(239, 68, 68, 0.3);\r\n    transform: translateY(-1px);\r\n}\r\n\r\n.htfsz-reg-btn.back {\r\n    background: #f1f5f9;\r\n    color: #475569;\r\n    border: 1px solid #e2e8f0;\r\n}\r\n\r\n.htfsz-reg-btn.back:hover {\r\n    background: #e2e8f0;\r\n    color: #1e293b;\r\n}\r\n\r\n.htfsz-reg-btn.submit {\r\n    background: #10b981;\r\n    color: #ffffff;\r\n    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.2);\r\n}\r\n\r\n.htfsz-reg-btn.submit:hover {\r\n    background: #059669;\r\n    box-shadow: 0 6px 16px rgba(16, 185, 129, 0.3);\r\n    transform: translateY(-1px);\r\n}\r\n\r\n\/* Jogi nyilatkozat dobozok *\/\r\n.htfsz-declaration-box {\r\n    background: #f8fafc;\r\n    border-radius: 8px;\r\n    padding: 18px;\r\n    border: 1px solid #e2e8f0;\r\n    margin-bottom: 25px;\r\n    font-size: 13px;\r\n    line-height: 1.6;\r\n    color: #334155;\r\n}\r\n\r\n.htfsz-checkbox-group {\r\n    display: flex;\r\n    gap: 12px;\r\n    align-items: flex-start;\r\n    margin-bottom: 18px;\r\n}\r\n\r\n.htfsz-checkbox-group input[type=\"checkbox\"] {\r\n    margin-top: 4px;\r\n    cursor: pointer;\r\n    width: 18px;\r\n    height: 18px;\r\n    accent-color: #ef4444;\r\n}\r\n\r\n.htfsz-checkbox-group label {\r\n    font-size: 13px;\r\n    line-height: 1.5;\r\n    color: #475569;\r\n    cursor: pointer;\r\n}\r\n\r\n.htfsz-checkbox-group label .required {\r\n    color: #ef4444;\r\n}\r\n\r\n\/* Hiba panel *\/\r\n.htfsz-reg-errors {\r\n    background: #fef2f2;\r\n    border: 1px solid #fecaca;\r\n    border-radius: 8px;\r\n    padding: 16px;\r\n    margin-bottom: 25px;\r\n    display: flex;\r\n    gap: 12px;\r\n    align-items: flex-start;\r\n    color: #991b1b;\r\n}\r\n\r\n.htfsz-reg-errors .dashicons {\r\n    font-size: 20px;\r\n    width: 20px;\r\n    height: 20px;\r\n    flex-shrink: 0;\r\n    color: #ef4444;\r\n}\r\n\r\n.htfsz-reg-errors ul {\r\n    margin: 0;\r\n    padding-left: 15px;\r\n    font-size: 14px;\r\n    line-height: 1.5;\r\n}\r\n\r\n\/* Siker panel *\/\r\n.htfsz-reg-success {\r\n    text-align: center;\r\n    padding: 30px 10px;\r\n}\r\n\r\n.htfsz-success-icon {\r\n    font-size: 64px;\r\n    color: #10b981;\r\n    margin-bottom: 20px;\r\n    animation: popSuccess 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;\r\n}\r\n\r\n.htfsz-success-icon .dashicons {\r\n    font-size: 64px;\r\n    width: 64px;\r\n    height: 64px;\r\n}\r\n\r\n@keyframes popSuccess {\r\n    from { transform: scale(0.5); opacity: 0; }\r\n    to { transform: scale(1); opacity: 1; }\r\n}\r\n\r\n.htfsz-reg-success h3 {\r\n    font-size: 24px;\r\n    font-weight: 800;\r\n    margin: 0 0 15px 0;\r\n    color: #0f172a;\r\n}\r\n\r\n.htfsz-reg-success p {\r\n    font-size: 15px;\r\n    color: #475569;\r\n    line-height: 1.6;\r\n    margin-bottom: 12px;\r\n}\r\n<\/style>\r\n\r\n<script type=\"text\/javascript\">\r\nfunction htfszGoToStep(step, showInvalidField) {\r\n    \/\/ Valid\u00e1ci\u00f3 az aktu\u00e1lis l\u00e9p\u00e9s mez\u0151ire\r\n    if (step > 1 && !showInvalidField) {\r\n        const currentStep = step - 1;\r\n        const currentStepContainer = document.getElementById('htfsz-step-' + currentStep);\r\n        const inputs = currentStepContainer.querySelectorAll('input[required], select[required], textarea[required]');\r\n        \r\n        let valid = true;\r\n        inputs.forEach(input => {\r\n            if (!input.checkValidity()) {\r\n                input.style.borderColor = '#ef4444';\r\n                valid = false;\r\n            } else {\r\n                input.style.borderColor = '#334155';\r\n            }\r\n        });\r\n\r\n        if (!valid) {\r\n            const firstInvalid = Array.from(inputs).find(input => !input.validity.valid);\r\n            if (firstInvalid) firstInvalid.reportValidity();\r\n            return;\r\n        }\r\n    }\r\n\r\n    \/\/ Hide all steps\r\n    const steps = document.querySelectorAll('.htfsz-form-step');\r\n    steps.forEach(s => s.classList.remove('active'));\r\n\r\n    \/\/ Show selected step\r\n    document.getElementById('htfsz-step-' + step).classList.add('active');\r\n\r\n    \/\/ Update indicators\r\n    for (let i = 1; i <= 3; i++) {\r\n        const ind = document.getElementById('ind-step-' + i);\r\n        const line = document.getElementById('line-step-' + i);\r\n        \r\n        if (i < step) {\r\n            ind.classList.remove('active');\r\n            ind.classList.add('complete');\r\n            if (line) {\r\n                line.classList.remove('active');\r\n                line.classList.add('complete');\r\n            }\r\n        } else if (i === step) {\r\n            ind.classList.add('active');\r\n            ind.classList.remove('complete');\r\n            if (line) {\r\n                line.classList.remove('active');\r\n                line.classList.remove('complete');\r\n            }\r\n        } else {\r\n            ind.classList.remove('active');\r\n            ind.classList.remove('complete');\r\n            if (line) {\r\n                line.classList.remove('active');\r\n                line.classList.remove('complete');\r\n            }\r\n        }\r\n    }\r\n}\n\ndocument.addEventListener('DOMContentLoaded', function () {\n    const registrationForm = document.getElementById('htfsz-registration-form');\r\n    registrationForm?.addEventListener('invalid', function (event) {\r\n        const firstInvalid = registrationForm.querySelector(':invalid') || event.target;\r\n        const step = firstInvalid.closest('.htfsz-form-step');\r\n        if (step && !step.classList.contains('active')) htfszGoToStep(Number(step.id.replace('htfsz-step-', '')), true);\r\n    }, true);\r\n    const method = document.getElementById('reg-payment-method');\n    const bankName = document.getElementById('reg-bank-name');\n    const bankAccount = document.getElementById('reg-bank');\n    const syncBankFields = function () {\n        const bankRequired = method && method.value !== 'cash';\n        [bankName, bankAccount].forEach(function (field) {\n            if (!field) return;\n            field.required = bankRequired;\n            field.closest('.htfsz-bank-dependent')?.classList.toggle('is-optional', !bankRequired);\n        });\n    };\n    method?.addEventListener('change', syncBankFields);\n    syncBankFields();\n});\n<\/script>\n\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":{"_gspb_post_css":"","footnotes":""},"class_list":["post-938","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/htfsz.hu\/ro\/wp-json\/wp\/v2\/pages\/938","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/htfsz.hu\/ro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/htfsz.hu\/ro\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/htfsz.hu\/ro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/htfsz.hu\/ro\/wp-json\/wp\/v2\/comments?post=938"}],"version-history":[{"count":1,"href":"https:\/\/htfsz.hu\/ro\/wp-json\/wp\/v2\/pages\/938\/revisions"}],"predecessor-version":[{"id":941,"href":"https:\/\/htfsz.hu\/ro\/wp-json\/wp\/v2\/pages\/938\/revisions\/941"}],"wp:attachment":[{"href":"https:\/\/htfsz.hu\/ro\/wp-json\/wp\/v2\/media?parent=938"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}