{"id":16997,"date":"2025-05-02T08:33:03","date_gmt":"2025-05-02T06:33:03","guid":{"rendered":"https:\/\/myndfultalk.com\/?page_id=16997"},"modified":"2025-06-16T14:18:56","modified_gmt":"2025-06-16T12:18:56","slug":"careers","status":"publish","type":"page","link":"https:\/\/myndfultalk.com\/en\/careers\/","title":{"rendered":"Careers"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16997\" class=\"elementor elementor-16997\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-d4cb73d elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-eae-slider=\"50827\" data-id=\"d4cb73d\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b6bb9c8\" data-eae-slider=\"92269\" data-id=\"b6bb9c8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-inner-section elementor-element elementor-element-911073e elementor-section-height-min-height elementor-section-content-middle elementor-section-boxed elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-eae-slider=\"16684\" data-id=\"911073e\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-1e3ddc7\" data-eae-slider=\"57493\" data-id=\"1e3ddc7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-78e75fe elementor-widget elementor-widget-heading\" data-id=\"78e75fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">CAREERS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-ea64cbf careers-section elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-eae-slider=\"22799\" data-id=\"ea64cbf\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c7c3821\" data-eae-slider=\"70732\" data-id=\"c7c3821\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-cd0c3bc elementor-widget elementor-widget-shortcode\" data-id=\"cd0c3bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\n    div#wpjobportal-hide{display: none;width: 100%;}\n    div#map{width: 100%;height: 100%;}\n    div#map_container,div#map_container1{\n        height:400px;\n        width:100%;\n    }\n<\/style>\n\n<div class=\"wjportal-main-up-wrapper\">\n        <div class=\"wjportal-main-wrapper wjportal-clearfix\">\n        <div class=\"wjportal-page-header\">\n            <div class=\"wjportal-page-heading\">Newest Jobs<\/div><div class=\"wjportal-breadcrumbs-wrp\"><div class=\"wjportal-breadcrumbs-links wjportal-breadcrumbs-firstlinks\"><a class=\"wjportal-breadcrumbs-link\" href=\"https:\/\/myndfultalk.com\/en\/careers\/jobseeker-control-panel\">Dashboard<\/a><\/div><div class=\"wjportal-breadcrumbs-links wjportal-breadcrumbs-lastlink\">Jobs<\/div><\/div>        <\/div>\n        <div class=\"wjportal-newest-jobs\">\n                                <div class=\"wjportal-filter-search-main-wrp  \">\n                        <form class=\"wjportal-form-wrp\" id=\"job_form\" method=\"post\" action=\"https:\/\/myndfultalk.com\/en\/careers\/jobs\">\n                            <div class=\"wjportal-filter-search-wrp\">     <div class=\"wjportal-filter-search-field-wrp\">\n                                <input type=\"text\" name=\"jobtitle\" id=\"jobtitle\" value=\"\" placeholder=\"Title\" class=\"wjportal-filter-search-input-field wpjp-ds-control\" maxlength=\"255\" \/>\n                            <\/div>     <div class=\"wjportal-filter-search-field-wrp\">\n                                <input type=\"text\" name=\"city\" id=\"city\" value=\"\" placeholder=\"City\" class=\"wpjobportal-job-listing-city-field wpjp-ds-control\" maxlength=\"255\" \/>\n                            <\/div>     <div class=\"wjportal-filter-search-btn-wrp\">\n                                <button type=\"submit\" class=\"wjportal-filter-search-btn\">\n                                    <i class=\"fa fa-search\"><\/i>\n                                    Find Jobs\n                                <\/button>\n                                <button id=\"reset-newest-jobfilter\" type=\"reset\" class=\"wjportal-filter-reset-btn\" aria-label=\"Reset\">\n                                    <i class=\"fa fa-refresh\"><\/i>\n                                <\/button>\n                            <\/div>\n                    <\/div><input type=\"hidden\" name=\"wpjobportallay\" id=\"wpjobportallay\" value=\"jobs\" \/><input type=\"hidden\" name=\"WPJOBPORTAL_form_search\" id=\"WPJOBPORTAL_form_search\" value=\"WPJOBPORTAL_SEARCH\" \/>                        <\/form>\n                    <\/div>\n                <div class=\"wjportal-jobs-list-top-filter\">\n    <h3>Filter <\/h3>\n    <!-- Filter Dropdowns & Sorting -->\n    <div class=\"wpjp-joblisting-filters-row\">\n                                    <div class=\"wpjp-joblisting-dropdown-container\">\n                        <button class=\"wpjp-joblisting-btn-filter wpjp-joblisting-dropdown-toggle\">\n                            Type                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\n                        <\/button>\n                        <div class=\"wpjp-joblisting-dropdown-menu wpjp-is-type\">\n                            <div class=\"wpjp-joblisting-dropdown-header\">Type<\/div>\n                                                                <label class=\"wpjp-joblisting-checkbox-label\">\n                                        <input type=\"checkbox\" class=\"wpjp-joblisting-filter-type\" value=\"1\" >\n                                        Full-Time                                    <\/label>\n                                                                        <label class=\"wpjp-joblisting-checkbox-label\">\n                                        <input type=\"checkbox\" class=\"wpjp-joblisting-filter-type\" value=\"2\" >\n                                        Part-Time                                    <\/label>\n                                                                        <label class=\"wpjp-joblisting-checkbox-label\">\n                                        <input type=\"checkbox\" class=\"wpjp-joblisting-filter-type\" value=\"3\" >\n                                        Internship                                    <\/label>\n                                                                <div class=\"wpjp-joblisting-dropdown-footer\">\n                                <button type=\"button\" class=\"wpjp-joblisting-btn-clear\">Clear<\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                            <div class=\"wpjp-joblisting-dropdown-container\">\n                            <button class=\"wpjp-joblisting-btn-filter wpjp-joblisting-dropdown-toggle\">\n                                Workplace Type                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\n                            <\/button>\n                            <div class=\"wpjp-joblisting-dropdown-menu wpjp-is-workplace\">\n                                <div class=\"wpjp-joblisting-dropdown-header\">Workplace Type<\/div>\n                                                                    <label class=\"wpjp-joblisting-checkbox-label\">\n                                        <input type=\"checkbox\" class=\"wpjp-joblisting-filter-workplace\" value=\"1\" >\n                                        On-site                                    <\/label>\n                                                                        <label class=\"wpjp-joblisting-checkbox-label\">\n                                        <input type=\"checkbox\" class=\"wpjp-joblisting-filter-workplace\" value=\"2\" >\n                                        Hybrid                                    <\/label>\n                                                                        <label class=\"wpjp-joblisting-checkbox-label\">\n                                        <input type=\"checkbox\" class=\"wpjp-joblisting-filter-workplace\" value=\"3\" >\n                                        Remote                                    <\/label>\n                                                                    <div class=\"wpjp-joblisting-dropdown-footer\">\n                                    <button type=\"button\" class=\"wpjp-joblisting-btn-clear\">Clear<\/button>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                        <div class=\"wpjp-joblisting-dropdown-container\">\n                        <button class=\"wpjp-joblisting-btn-filter wpjp-joblisting-dropdown-toggle\">\n                            Salary Range                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\n                        <\/button>\n                        <div class=\"wpjp-joblisting-dropdown-menu wpjp-is-salary\">\n                            <div class=\"wpjp-joblisting-dropdown-header\">Salary Range<\/div>\n                                                        <div class=\"wpjp-filter-salary-fields\">\n                                <select class=\"wpjp-joblisting-filter-salarytype wpjp-joblisting-select\">\n                                    <option value=\"\">Select Type<\/option>\n                                    <option value=\"1\" >Negotiable<\/option>\n                                    <option value=\"2\" >Fixed<\/option>\n                                    <option value=\"3\" >Range<\/option>\n                                <\/select>\n\n                                <input type=\"number\" class=\"wpjp-joblisting-filter-salaryfixed wjportal-form-input-field\" placeholder=\"e.g 45000\" style=\"display:none;\" value=\"\">\n                                <div id=\"wpjp-salary-range-wrapper\" style=\"display:none; margin: 15px 0;\">\n                                    <div class=\"wpjp-inputs-grid\">\n                                        <div>\n                                            <label class=\"wpjp-slider-label\">Min<\/label>\n                                            <div class=\"wpjp-input-wrapper\">\n                                                <span class=\"wpjp-currency-symbol\">$<\/span>\n                                                <input type=\"text\" id=\"wpjp-min-display\" class=\"wpjp-display-input\" readonly>\n                                            <\/div>\n                                        <\/div>\n                                        <div>\n                                            <label class=\"wpjp-slider-label\" style=\"text-align: right;\">Max<\/label>\n                                            <div class=\"wpjp-input-wrapper\">\n                                                <span class=\"wpjp-currency-symbol\">$<\/span>\n                                                <input type=\"text\" id=\"wpjp-max-display\" class=\"wpjp-display-input\" style=\"text-align: right;\" readonly>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"wpjp-range-area\" id=\"wpjp-range-container\">\n                                        <div class=\"wpjp-track-bg\"><\/div>\n                                        <div id=\"wpjp-track-fill\" class=\"wpjp-track-fill\"><\/div>\n\n                                        <input type=\"range\" id=\"wpjp-input-min\" class=\"wpjp-range-input\" min=\"0\" value=\"0\" step=\"1\">\n                                        <input type=\"range\" id=\"wpjp-input-max\" class=\"wpjp-range-input\" min=\"0\" value=\"18\" step=\"1\">\n\n                                        <div id=\"wpjp-thumb-min\" class=\"wpjp-custom-thumb\"><\/div>\n                                        <div id=\"wpjp-thumb-max\" class=\"wpjp-custom-thumb\"><\/div>\n                                    <\/div>\n                                <\/div>\n\n                                <input type=\"hidden\" class=\"wpjp-joblisting-filter-salarymin\" value=\"\">\n                                <input type=\"hidden\" class=\"wpjp-joblisting-filter-salarymax\" value=\"\">\n                                <select class=\"wpjp-joblisting-filter-salaryduration wpjp-joblisting-select\" style=\"display:none; width:100%; margin-bottom: 0.5rem; box-sizing: border-box;\">\n                                    <option value=\"\">Select Duration<\/option>\n                                    <option value=\"1\" >Per Year<\/option><option value=\"2\" >Per Month<\/option><option value=\"3\" >Per Week<\/option><option value=\"4\" >Per Day<\/option>                                <\/select>\n                            <\/div>\n                            <div class=\"wpjp-joblisting-dropdown-footer\">\n                                <button type=\"button\" class=\"wpjp-joblisting-btn-clear\">Clear<\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                        <div class=\"wpjp-joblisting-dropdown-container\">\n                        <button class=\"wpjp-joblisting-btn-filter wpjp-joblisting-dropdown-toggle\">\n                            Date Posted                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\n                        <\/button>\n                        <div class=\"wpjp-joblisting-dropdown-menu wpjp-is-date\">\n                            <div class=\"wpjp-joblisting-dropdown-header\">Posted Within<\/div>\n                                                            <label class=\"wpjp-joblisting-checkbox-label\">\n                                    <input type=\"checkbox\" class=\"wpjp-joblisting-filter-date\" value=\"24h\" >\n                                    Past 24 hours                                <\/label>\n                                                                <label class=\"wpjp-joblisting-checkbox-label\">\n                                    <input type=\"checkbox\" class=\"wpjp-joblisting-filter-date\" value=\"7d\" >\n                                    Past Week                                <\/label>\n                                                                <label class=\"wpjp-joblisting-checkbox-label\">\n                                    <input type=\"checkbox\" class=\"wpjp-joblisting-filter-date\" value=\"30d\" >\n                                    Past Month                                <\/label>\n                                                            <div class=\"wpjp-joblisting-dropdown-footer\">\n                                <button type=\"button\" class=\"wpjp-joblisting-btn-clear\">Clear<\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n        <input type=\"hidden\" id=\"wpjp-active-tags\" name=\"tags\" value=\"\">\n        <input type=\"hidden\" id=\"wpjp-is-urgent-filter\" name=\"is_urgent\" value=\"\">\n    <\/div>\n    <div id=\"wpjp-active-filters-display\" class=\"wpjp-active-filters-display\" style=\"display: none;\"><\/div>\n    <div class=\"wpjp-joblisting-filters-row\">\n        <!-- Global Actions Right Side Wrapper -->\n        <div class=\"wpjp-joblisting-actions-right\">\n            <div class=\"wpjp-joblisting-global-clear-container\" id=\"wpjp-joblisting-global-clear-container\">\n                <button type=\"button\" class=\"wpjp-joblisting-btn-clear-all\" id=\"wpjp-joblisting-btn-clear-all\">\n                    Clear All Filters                <\/button>\n            <\/div>\n\n                            <div class=\"wpjp-joblisting-sort-container\">\n                    <span class=\"wpjp-joblisting-sort-label\">Sort By: <\/span>\n                    <select id=\"wpjp-joblisting-sort\" class=\"wpjp-joblisting-select\">\n                        <option value=\"newest\">Latest Posted<\/option>\n                        <option value=\"oldest\">Oldest Posted<\/option>\n                        <option value=\"salary-high\">Highest Salary<\/option>\n                        <option value=\"salary-low\">Lowest Salary<\/option>\n                        <option value=\"title-asc\">Job Title (A-Z)<\/option>\n                        <option value=\"title-desc\">Job Title (Z-A)<\/option>\n                        <option value=\"company-asc\">Company (A-Z)<\/option>\n                        <option value=\"company-desc\">Company (Z-A)<\/option>\n                    <\/select>\n                <\/div>\n                    <\/div>\n    <\/div>\n\n<\/div>\n\n<script>\n    (function(jQuery) {\n        jQuery(document).ready(function() {\n\n            \/\/ --- SECURITY FIX: Helper function to prevent DOM-based XSS ---\n            function escapeHTML(str) {\n                if (typeof str !== 'string') return str;\n                return str.replace(\/[&<>'\"]\/g, function(tag) {\n                    return {\n                        '&': '&amp;',\n                        '<': '&lt;',\n                        '>': '&gt;',\n                        \"'\": '&#39;',\n                        '\"': '&quot;'\n                    }[tag] || tag;\n                });\n            }\n\n            \/\/ --- PERFORMANCE FIX: Cache frequently used DOM elements ---\n            const $salaryTypeDropdown = jQuery('.wpjp-joblisting-filter-salarytype');\n            const $salaryHiddenFields = jQuery('.wpjp-joblisting-filter-salaryfixed, .wpjp-joblisting-filter-salarymin, .wpjp-joblisting-filter-salarymax, .wpjp-joblisting-filter-salaryduration');\n            const $salaryRangeWrapper = jQuery('#wpjp-salary-range-wrapper');\n            const $inputMin = jQuery('#wpjp-input-min');\n            const $inputMax = jQuery('#wpjp-input-max');\n            const $displayMin = jQuery('#wpjp-min-display');\n            const $displayMax = jQuery('#wpjp-max-display');\n            const $trackFill = jQuery('#wpjp-track-fill');\n            const $thumbMin = jQuery('#wpjp-thumb-min');\n            const $thumbMax = jQuery('#wpjp-thumb-max');\n            const $hiddenMin = jQuery('.wpjp-joblisting-filter-salarymin');\n            const $hiddenMax = jQuery('.wpjp-joblisting-filter-salarymax');\n            const $rangeArea = jQuery('#wpjp-range-container');\n\n            \/\/ --- NEW: Initialize button states on load for pre-selected filters ---\n            function initializeButtonStates() {\n                jQuery('.wpjp-joblisting-dropdown-menu').each(function() {\n                    const $menu = jQuery(this);\n                    const $toggleBtn = $menu.siblings('.wpjp-joblisting-dropdown-toggle');\n                    if ($menu.find('input[type=\"checkbox\"]:checked').length > 0) {\n                        $menu.addClass('has-selections');\n                        $toggleBtn.addClass('wpjp-has-active-filters');\n                    }\n                });\n            }\n\n            \/\/ --- 1. Function to group and print ALL active filter tags ---\n            function updateActiveFilterTags() {\n                var $displayContainer = jQuery('#wpjp-active-filters-display');\n                $displayContainer.empty();\n                var hasFilters = false;\n\n                \/\/ Translated Strings\n                var activeFiltersLbl = 'Active Filters:';\n                var sortedByLbl = 'Sorted By';\n                var aiSearchLbl = 'AI Search';\n\n                var keywordLbl = 'Title';\n                var cityLbl = 'City';\n                var categoryLbl = 'Category';\n                var compLbl = 'Company';\n                var tagsLbl = 'Tags';\n                var workplaceLbl = 'Workplace Type';\n                var jobsalaryLbl = 'Salary Range';\n\n\n                var html = '<span class=\"wpjp-active-filters-label\">' + activeFiltersLbl + '<\/span>';\n                html += '<div class=\"wpjp-active-filters-list\">';\n\n                \/\/ A. Handle Text Inputs from filter.php\n                var jobtitleVal = jQuery('input[name=\"jobtitle\"]').val();\n                if (jobtitleVal && jobtitleVal.trim() !== '') {\n                    hasFilters = true;\n                    html += '<div class=\"wpjp-filter-group\">';\n                    html += '<span class=\"wpjp-filter-group-name\">' + keywordLbl + ': <\/span>';\n                    html += '<span class=\"wpjp-filter-tag wpjp-filter-tag-text\" data-input-name=\"jobtitle\">';\n                    html += escapeHTML(jobtitleVal); \/\/ SECURITY FIX\n                    html += '<span class=\"wpjp-filter-tag-remove\">&times;<\/span>';\n                    html += '<\/span><\/div>';\n                }\n\n                \/\/ Handle City via TokenInput API\n                var cityInput = jQuery('input[name=\"city\"]');\n                var cityVal = cityInput.val();\n                if (cityVal && cityVal.trim() !== '') {\n                    var tokens = [];\n                    try {\n                        tokens = jQuery('.wpjobportal-job-listing-city-field').tokenInput(\"get\");\n                    } catch(e) {}\n\n                    if (tokens && tokens.length > 0) {\n                        hasFilters = true;\n                        html += '<div class=\"wpjp-filter-group\">';\n                        html += '<span class=\"wpjp-filter-group-name\">' + cityLbl + ': <\/span>';\n\n                        tokens.forEach(function(token) {\n                            html += '<span class=\"wpjp-filter-tag wpjp-filter-tag-city\" data-val=\"' + escapeHTML(String(token.id)) + '\">';\n                            html += escapeHTML(token.name); \/\/ SECURITY FIX\n                            html += '<span class=\"wpjp-filter-tag-remove\">&times;<\/span>';\n                            html += '<\/span>';\n                        });\n                        html += '<\/div>';\n                    } else {\n                        hasFilters = true;\n                        html += '<div class=\"wpjp-filter-group\">';\n                        html += '<span class=\"wpjp-filter-group-name\">' + cityLbl + ': <\/span>';\n                        html += '<span class=\"wpjp-filter-tag wpjp-filter-tag-text\" data-input-name=\"city\">';\n                        html += escapeHTML(cityVal); \/\/ SECURITY FIX\n                        html += '<span class=\"wpjp-filter-tag-remove\">&times;<\/span>';\n                        html += '<\/span><\/div>';\n                    }\n                }\n\n                \/\/ --- NEW: Handle Category (Multiselect Dropdown) ---\n                var categorySelect = jQuery('select[name=\"category[]\"]');\n                var selectedCategories = categorySelect.val();\n                if (selectedCategories && selectedCategories.length > 0) {\n                    var hasValidCategory = false;\n                    var catHtml = '<div class=\"wpjp-filter-group\">';\n                    catHtml += '<span class=\"wpjp-filter-group-name\">' + categoryLbl + ': <\/span>';\n\n                    categorySelect.find('option:selected').each(function() {\n                        if (jQuery(this).val() !== '') {\n                            hasValidCategory = true;\n                            catHtml += '<span class=\"wpjp-filter-tag wpjp-filter-tag-category\" data-val=\"' + escapeHTML(jQuery(this).val()) + '\">';\n                            catHtml += escapeHTML(jQuery(this).text()); \/\/ SECURITY FIX\n                            catHtml += '<span class=\"wpjp-filter-tag-remove\">&times;<\/span>';\n                            catHtml += '<\/span>';\n                        }\n                    });\n                    catHtml += '<\/div>';\n\n                    if (hasValidCategory) {\n                        hasFilters = true;\n                        html += catHtml;\n                    }\n                }\n\n                \/\/ --- NEW: Handle Company (Multiselect Dropdown) ---\n                var companySelect = jQuery('select[name=\"company[]\"]');\n                var selectedCompanies = companySelect.val();\n                if (selectedCompanies && selectedCompanies.length > 0) {\n                    var hasValidCompany = false;\n                    var compHtml = '<div class=\"wpjp-filter-group\">';\n                    compHtml += '<span class=\"wpjp-filter-group-name\">' + compLbl + ': <\/span>';\n\n                    companySelect.find('option:selected').each(function() {\n                        if (jQuery(this).val() !== '') {\n                            hasValidCompany = true;\n                            compHtml += '<span class=\"wpjp-filter-tag wpjp-filter-tag-company\" data-val=\"' + escapeHTML(jQuery(this).val()) + '\">';\n                            compHtml += escapeHTML(jQuery(this).text()); \/\/ SECURITY FIX\n                            compHtml += '<span class=\"wpjp-filter-tag-remove\">&times;<\/span>';\n                            compHtml += '<\/span>';\n                        }\n                    });\n                    compHtml += '<\/div>';\n\n                    if (hasValidCompany) {\n                        hasFilters = true;\n                        html += compHtml;\n                    }\n                }\n\n\n                var aiVal = jQuery('input[name=\"aijobsearcch\"]').val();\n                if (aiVal && aiVal.trim() !== '') {\n                    hasFilters = true;\n                    html += '<div class=\"wpjp-filter-group\">';\n                    html += '<span class=\"wpjp-filter-group-name\">' + aiSearchLbl + ': <\/span>';\n                    html += '<span class=\"wpjp-filter-tag wpjp-filter-tag-text\" data-input-name=\"aijobsearcch\">';\n                    html += escapeHTML(aiVal); \/\/ SECURITY FIX\n                    html += '<span class=\"wpjp-filter-tag-remove\">&times;<\/span>';\n                    html += '<\/span><\/div>';\n                }\n\n                \/\/ B. Handle Dropdown Menu Groups\n                jQuery('.wpjp-joblisting-dropdown-menu').each(function() {\n                    var $menu = jQuery(this);\n                    var groupName = $menu.find('.wpjp-joblisting-dropdown-header').text().trim();\n                    var $checked = $menu.find('input[type=\"checkbox\"]:checked');\n\n                    if ($checked.length > 0) {\n                        hasFilters = true;\n                        html += '<div class=\"wpjp-filter-group\">';\n                        html += '<span class=\"wpjp-filter-group-name\">' + escapeHTML(groupName) + ': <\/span>';\n\n                        $checked.each(function() {\n                            var labelText = jQuery(this).parent().text().trim();\n                            var val = jQuery(this).val();\n                            var inputClass = jQuery(this).attr('class');\n\n                            html += '<span class=\"wpjp-filter-tag\" data-input-class=\"' + escapeHTML(inputClass) + '\" data-val=\"' + escapeHTML(val) + '\">';\n                            html += escapeHTML(labelText); \/\/ SECURITY FIX\n                            html += '<span class=\"wpjp-filter-tag-remove\">&times;<\/span>';\n                            html += '<\/span>';\n                        });\n                        html += '<\/div>';\n                    }\n                });\n\n\n                \/\/ C. Handle Salary Filter Tag\n                var salaryTypeVal = $salaryTypeDropdown.val(); \/\/ PERFORMANCE FIX\n                if (salaryTypeVal && salaryTypeVal !== '') {\n                    hasFilters = true;\n                    var salaryTagText = \"Applied\";\n                    var curSym = '$';\n\n                    if (salaryTypeVal == '1') {\n                        salaryTagText = \"Negotiable\";\n                    } else if (salaryTypeVal == '2') {\n                        var fVal = jQuery('.wpjp-joblisting-filter-salaryfixed').val();\n                        salaryTagText = \"Fixed\" + (fVal ? \": \" + curSym + escapeHTML(fVal) : \"\"); \/\/ SECURITY FIX\n                    } else if (salaryTypeVal == '3') {\n                        var sMinDisp = $displayMin.val();\n                        var sMaxDisp = $displayMax.val();\n                        if (sMinDisp || sMaxDisp) salaryTagText = curSym + escapeHTML(sMinDisp || '0') + \" - \" + curSym + escapeHTML(sMaxDisp || 'Max');\n                        else salaryTagText = \"Range\";\n                    }\n\n                    html += '<div class=\"wpjp-filter-group\">';\n                    html += '<span class=\"wpjp-filter-group-name\">'+jobsalaryLbl+': <\/span>';\n                    html += '<span class=\"wpjp-filter-tag wpjp-filter-tag-salary\">';\n                    html += salaryTagText;\n                    html += '<span class=\"wpjp-filter-tag-remove\">&times;<\/span>';\n                    html += '<\/span><\/div>';\n                }\n\/*\n                \/\/ --- Handle Workplace Type ---\n                var selectedWorkplace = jQuery('.wpjp-joblisting-filter-workplace:checked');\n                if (selectedWorkplace.length > 0) {\n                    hasFilters = true;\n                    html += '<div class=\"wpjp-filter-group\">';\n                    html += '<span class=\"wpjp-filter-group-name\">' + workplaceLbl + ': <\/span>';\n                    selectedWorkplace.each(function() {\n                        var val = jQuery(this).val();\n                        var label = jQuery(this).parent().text().trim();\n                        html += '<span class=\"wpjp-filter-tag wpjp-filter-tag-workplace\" data-val=\"' + val + '\">' + label + '<span class=\"wpjp-filter-tag-remove\">&times;<\/span><\/span>';\n                    });\n                    html += '<\/div>';\n                }\n*\/\n                \/\/ C. Handle Sorting Tag\n                var sortVal = jQuery('#wpjp-joblisting-sort').val();\n                var sortText = jQuery('#wpjp-joblisting-sort option:selected').text();\n                if (sortVal && sortVal !== 'newest') { \/\/ SAFEGUARD: Check if sortVal exists\n                    hasFilters = true;\n                    html += '<div class=\"wpjp-filter-group\">';\n                    html += '<span class=\"wpjp-filter-group-name\">' + sortedByLbl + ': <\/span>';\n                    html += '<span class=\"wpjp-filter-tag wpjp-filter-tag-sort\">';\n                    html += escapeHTML(sortText); \/\/ SECURITY FIX\n                    html += '<\/span>';\n                    html += '<\/div>';\n                }\n\n\n                \/\/ --- Handle Custom Tags ---\n                var tagsVal = jQuery('#wpjp-active-tags').val();\n                if (tagsVal && tagsVal !== '') {\n                    var tagsArray = tagsVal.split(',').map(function(item) { return item.trim(); }).filter(function(item) { return item !== ''; });\n                    if (tagsArray.length > 0) {\n                        hasFilters = true;\n                        var tagsHtml = '<div class=\"wpjp-filter-group\">';\n                        tagsHtml += '<span class=\"wpjp-filter-group-name\">' + tagsLbl + ': <\/span>';\n\n                        tagsArray.forEach(function(tag) {\n                            tagsHtml += '<span class=\"wpjp-filter-tag wpjp-filter-tag-custom-tag\" data-val=\"' + escapeHTML(tag) + '\">';\n                            tagsHtml += escapeHTML(tag); \/\/ SECURITY FIX\n                            tagsHtml += '<span class=\"wpjp-filter-tag-remove\">&times;<\/span>';\n                            tagsHtml += '<\/span>';\n                        });\n                        tagsHtml += '<\/div>';\n                        html += tagsHtml;\n                    }\n                }\n                \/\/ --- Handle Urgent Filter Tag ---\n                var urgentVal = jQuery('#wpjp-is-urgent-filter').val();\n                if (urgentVal === '1') {\n                    hasFilters = true;\n                    html += '<div class=\"wpjp-filter-group\">';\n                    html += '<span class=\"wpjp-filter-group-name\">Urgent: <\/span>';\n                    html += '<span class=\"wpjp-filter-tag wpjp-filter-tag-urgent\" data-val=\"1\">';\n                    html += 'Yes';\n                    html += '<span class=\"wpjp-filter-tag-remove\">&times;<\/span>';\n                    html += '<\/span><\/div>';\n                }\n                html += '<\/div>';\n                if (hasFilters) {\n                    $displayContainer.html(html).slideDown(200);\n                } else {\n                    $displayContainer.slideUp(200);\n                }\n            }\n\n            \/\/ --- 2. Central Filter Data Extraction ---\n            function getFilterData() {\n                const selectedTypes = jQuery('.wpjp-joblisting-filter-type:checked').map(function() { return this.value; }).get();\n                const selectedStatus = jQuery('.wpjp-joblisting-filter-status:checked').map(function() { return this.value; }).get();\n                const selectedcareeers = jQuery('.wpjp-joblisting-filter-career:checked').map(function() { return this.value; }).get();\n                const selectedSalaries = jQuery('.wpjp-joblisting-filter-salary:checked').map(function() { return this.value; }).get();\n                const selectedDates = jQuery('.wpjp-joblisting-filter-date:checked').map(function() { return this.value; }).get();\n                const sortBy = jQuery('#wpjp-joblisting-sort').val() || 'newest';\n\n                const jobtitle = jQuery('input[name=\"jobtitle\"]').val() || '';\n                const city = jQuery('input[name=\"city\"]').val() || '';\n                const aijobsearcch = jQuery('input[name=\"aijobsearcch\"]').val() || '';\n\n                const category = jQuery('select[name=\"category[]\"]').val() || [];\n                const company = jQuery('select[name=\"company[]\"]').val() || [];\n\n                \/\/ NEW: Salary Values (PERFORMANCE FIX: using cached variables where applicable)\n                const salarytype = $salaryTypeDropdown.val() || '';\n                const salaryfixed = jQuery('.wpjp-joblisting-filter-salaryfixed').val() || '';\n                const salarymin = $hiddenMin.val() || '';\n                const salarymax = $hiddenMax.val() || '';\n                const salaryduration = jQuery('.wpjp-joblisting-filter-salaryduration').val() || '';\n                const salaryrangetype = jQuery('.wpjp-joblisting-filter-salaryrangetype').val() || ''; \/\/ LOGIC FIX: Replaced duplicate variable mapping\n\n                const tags = jQuery('#wpjp-active-tags').val() || '';\n                const selectedWorkplace = jQuery('.wpjp-joblisting-filter-workplace:checked').map(function() { return this.value; }).get();\n                const is_urgent = jQuery('#wpjp-is-urgent-filter').val() || ''; \/\/ <--- NEW\n\n                return {\n                    jobtype: selectedTypes,\n                    jobstatus: selectedStatus,\n                    careerlevel: selectedcareeers,\n                    salaries: selectedSalaries,\n                    dates: selectedDates,\n                    sort: sortBy,\n                    jobtitle: jobtitle,\n                    city: city,\n                    category: category,\n                    company: company,\n                    aijobsearcch: aijobsearcch,\n                    salarytype: salarytype,\n                    salaryfixed: salaryfixed,\n                    salarymin: salarymin,\n                    salarymax: salarymax,\n                    salaryduration: salaryduration,\n                    salaryrangetype: salaryrangetype, \/\/ LOGIC FIX: Was incorrectly mapped to salaryduration\n                    workplace_type: selectedWorkplace,\n                    tags: tags,\n                    is_urgent: is_urgent,\n                };\n            }\n\n            \/\/ --- 3. UI State Management ---\n            function updateGlobalClearVisibility(filters) {\n                const isAnyFilterActive =\n                    filters.jobtype.length > 0 ||\n                    filters.jobstatus.length > 0 ||\n                    filters.careerlevel.length > 0 ||\n                    filters.salaries.length > 0 ||\n                    filters.dates.length > 0 ||\n                    filters.jobtitle !== '' ||\n                    filters.city !== '' ||\n                    (Array.isArray(filters.category) && filters.category.length > 0) ||\n                    (Array.isArray(filters.company) && filters.company.length > 0) ||\n                    filters.aijobsearcch !== '' ||\n                    filters.tags !== '' ||\n                    filters.is_urgent == '1' ||\n                    filters.salarytype !== '';\n\n                if (isAnyFilterActive) {\n                    jQuery('#wpjp-joblisting-global-clear-container').css('display', 'block');\n                } else {\n                    jQuery('#wpjp-joblisting-global-clear-container').css('display', 'none');\n                }\n            }\n\n            function onFiltersChanged() {\n                var filters = getFilterData();\n                filters.pagenum = 1;\n\n                \/\/ Call the new extracted function\n                updateGlobalClearVisibility(filters);\n\n                updateActiveFilterTags();\n                printJobsByFilter(filters);\n            }\n\n            \/\/ --- 4. AJAX Call Execution ---\n            \/*\n            function printJobsByFilter(filters) {\n                var $wrapper = jQuery(' .wjportal-jobs-list-wrapper , .wjportal-elegant-addon-jobs-list-wrapper');\n                var ajaxurl = \"https:\/\/myndfultalk.com\/wp-admin\/admin-ajax.php\";\n                var jppage_id = \"16997\";\n\n                $wrapper.addClass('wpjp-ajax-loading-active');\n\n                if (jQuery('#wpjp-list-loader').length === 0) {\n                    $wrapper.append('<div id=\"wpjp-list-loader\"><div class=\"wpjp-spinner\"><\/div><\/div>');\n                }\n\n                var postData = {\n                    action: 'wpjobportal_ajax',\n                    wpjobportalme: 'job',\n                    task: 'getAjaxJobs',\n                    wpjobportalpageid: jppage_id,\n                    _wpnonce: 'b485970f23',\n                    current_url_for_pagination: \"\\\/en\\\/wp-json\\\/wp\\\/v2\\\/pages\\\/16997?pagenum=%#%\"                };\n\n                jQuery.extend(postData, filters);\n\n                jQuery.post(ajaxurl, postData, function(data) {\n                    $wrapper.html(data);\n                    $wrapper.removeClass('wpjp-ajax-loading-active');\n                }).fail(function() {\n                    $wrapper.removeClass('wpjp-ajax-loading-active');\n                    jQuery('#wpjp-list-loader').remove();\n                });\n            }\n            *\/\n            function printJobsByFilter(filters) {\n                var $wrapper = jQuery(' .wjportal-jobs-list-wrapper , .wjportal-elegant-addon-jobs-list-wrapper');\n                var $wrapper2 = jQuery('.wpj-jp-list-wrp.wpj-jp-main-job-list');\n                var ajaxurl = \"https:\/\/myndfultalk.com\/wp-admin\/admin-ajax.php\";\n                var jppage_id = \"16997\";\n\n                $wrapper.addClass('wpjp-ajax-loading-active');\n                $wrapper2.addClass('wpjp-ajax-loading-active');\n\n                if (jQuery('#wpjp-list-loader').length === 0) {\n                    $wrapper.append('<div id=\"wpjp-list-loader\"><div class=\"wpjp-spinner\"><\/div><\/div>');\n                    $wrapper2.append('<div id=\"wpjp-list-loader\"><div class=\"wpjp-spinner\"><\/div><\/div>');\n                }\n\n                var postData = {\n                    action: 'wpjobportal_ajax',\n                    wpjobportalme: 'job',\n                    task: 'getAjaxJobs',\n                    wpjobportalpageid: jppage_id,\n                    _wpnonce: 'b485970f23',\n                    current_url_for_pagination: \"\\\/en\\\/wp-json\\\/wp\\\/v2\\\/pages\\\/16997?pagenum=%#%\"                };\n\n                jQuery.extend(postData, filters);\n                jQuery.post(ajaxurl, postData, function(data) {\n                    $wrapper.html(data);\n                    $wrapper2.replaceWith(data);\n                    $wrapper.removeClass('wpjp-ajax-loading-active');\n                    $wrapper2.removeClass('wpjp-ajax-loading-active');\n                }).fail(function() {\n                    $wrapper.removeClass('wpjp-ajax-loading-active');\n                    $wrapper2.removeClass('wpjp-ajax-loading-active');\n                    jQuery('#wpjp-list-loader').remove();\n                });\n            }\n\n\n            \/\/ \/\/ --- 4.5 NEW: Intercept AJAX Pagination Clicks ---\n            \/\/ jQuery(document).on('click', '.wpjp-ajax-pagination-wrapper .page-numbers', function(e) {\n            \/\/     e.preventDefault();\n            \/\/     var $link = jQuery(this);\n\n            \/\/     if ($link.hasClass('current')) return;\n\n            \/\/     var href = $link.attr('href');\n            \/\/     if(!href) return;\n\n            \/\/     var pagenum = 1;\n            \/\/     var match = href.match(\/pagenum=(\\d+)\/);\n            \/\/     if(match && match[1]) {\n            \/\/         pagenum = match[1];\n            \/\/     }\n\n            \/\/     var filters = getFilterData();\n            \/\/     filters.pagenum = pagenum;\n\n            \/\/     printJobsByFilter(filters);\n\n            \/\/     jQuery('html, body').animate({\n            \/\/         scrollTop: jQuery(\".wjportal-jobs-list-top-filter\").offset().top - 20\n            \/\/     }, 400);\n            \/\/ });\n            \/\/ --- 4.5 NEW: Intercept AJAX Pagination Clicks ---\n            \/\/ Added #wpj-jp-pagination selectors to hijack the theme's UI pagination calls\n            jQuery(document).on('click', '.wpjp-ajax-pagination-wrapper .page-numbers, #wpj-jp-pagination a, #wpj-jp-pagination .page-numbers', function(e) {\n                e.preventDefault();\n                var $link = jQuery(this);\n\n                if ($link.hasClass('current')) return;\n\n                var href = $link.attr('href');\n                if(!href) return;\n\n                var pagenum = 1;\n\n                \/\/ Match standard query parameters (e.g., ?pagenum=2)\n                var match = href.match(\/pagenum=(\\d+)\/);\n\n                \/\/ Fallback: Match WordPress pretty permalinks (e.g., \/page\/2\/)\n                if (!match) {\n                    match = href.match(\/\\\/page\\\/(\\d+)\/);\n                }\n\n                if(match && match[1]) {\n                    pagenum = match[1];\n                }\n\n                var filters = getFilterData();\n                filters.pagenum = pagenum;\n\n                printJobsByFilter(filters);\n\n                \/\/ Scroll to top of filters when pagination is clicked\n                jQuery('html, body').animate({\n                    scrollTop: jQuery(\".wjportal-jobs-list-top-filter\").offset().top - 20\n                }, 400);\n            });\n\n            \/\/ --- 5. Intercept filter.php Form Submission & Reset ---\n            jQuery('#job_form').on('submit', function(e) {\n                e.preventDefault();\n                onFiltersChanged();\n            });\n\n            \/\/ --- Listen for Category & Company Select Change (Chosen Plugin Support) ---\n            jQuery('select[name=\"company[]\"]').on('change', function() {\n            \/\/jQuery('select[name=\"category[]\"], select[name=\"company[]\"]').on('change', function() {\n                onFiltersChanged();\n            });\n\n            jQuery('#reset-newest-jobfilter').on('click', function(e) {\n                setTimeout(function() {\n                    jQuery('input[name=\"aijobsearcch\"]').val('');\n                    jQuery('select[name=\"category[]\"]').val([]).trigger('chosen:updated');\n                    onFiltersChanged();\n                }, 50);\n            });\n\n            \/\/ --- 6. Remove individual tag click handler ---\n            jQuery(document).on('click', '.wpjp-filter-tag-remove', function() {\n                var $tag = jQuery(this).closest('.wpjp-filter-tag');\n\n                if ($tag.hasClass('wpjp-filter-tag-city')) {\n                    var cityIdToRemove = $tag.data('val');\n                    try {\n                        jQuery('.wpjobportal-job-listing-city-field').tokenInput(\"remove\", {id: parseInt(cityIdToRemove, 10)});\n                        jQuery('.wpjobportal-job-listing-city-field').tokenInput(\"remove\", {id: String(cityIdToRemove)});\n                    } catch(e) {\n                        jQuery('input[name=\"city\"]').val('');\n                    }\n                    setTimeout(function() { onFiltersChanged(); }, 100);\n\n                } else if ($tag.hasClass('wpjp-filter-tag-category')) {\n                    var catIdToRemove = $tag.data('val');\n                    var $select = jQuery('select[name=\"category[]\"]');\n                    $select.find('option[value=\"' + catIdToRemove + '\"]').prop('selected', false);\n                    $select.trigger('chosen:updated');\n                    onFiltersChanged();\n\n                } else if ($tag.hasClass('wpjp-filter-tag-salary')) {\n                    \/\/ PERFORMANCE FIX: Use cached variables\n                    $salaryTypeDropdown.val('');\n                    $salaryHiddenFields.val('').hide();\n\n                    $salaryRangeWrapper.hide();\n                    $inputMin.val(0);\n                    $inputMax.val(18);\n                    updateSalarySliderUI();\n\n                    jQuery('.wpjp-is-salary').removeClass('has-selections');\n                    jQuery('.wpjp-is-salary').siblings('.wpjp-joblisting-dropdown-toggle').removeClass('wpjp-has-active-filters');\n\n                    onFiltersChanged();\n\n                } else if ($tag.hasClass('wpjp-filter-tag-text')) {\n                    var inputName = $tag.data('input-name');\n                    \/\/ SECURITY FIX: escape inputName to prevent attribute injection\n                    jQuery('input[name=\"' + escapeHTML(inputName) + '\"]').val('');\n                    onFiltersChanged();\n                } else if ($tag.hasClass('wpjp-filter-tag-company')) {\n                    var compIdToRemove = $tag.data('val');\n                    var $compSelectTag = jQuery('select[name=\"company[]\"]');\n                    $compSelectTag.find('option[value=\"' + compIdToRemove + '\"]').prop('selected', false);\n                    $compSelectTag.trigger('chosen:updated');\n                    onFiltersChanged();\n                } else if ($tag.hasClass('wpjp-filter-tag-custom-tag')) {\n                    var tagToRemove = String($tag.data('val'));\n                    var currentTags = jQuery('#wpjp-active-tags').val().split(',').map(function(item) { return item.trim(); });\n                    var newTags = currentTags.filter(function(item) { return item !== tagToRemove && item !== ''; });\n                    jQuery('#wpjp-active-tags').val(newTags.join(','));\n                    onFiltersChanged();\n                } else if ($tag.hasClass('wpjp-filter-tag-workplace')) {\n                    var valToRemove = String($tag.data('val'));\n                    jQuery('.wpjp-joblisting-filter-workplace[value=\"' + valToRemove + '\"]').prop('checked', false);\n                    onFiltersChanged();\n                }else if ($tag.hasClass('wpjp-filter-tag-urgent')) {\n                    jQuery('#wpjp-is-urgent-filter').val('');\n                    onFiltersChanged();\n                } else {\n                    var inputClass = $tag.data('input-class');\n                    var val = $tag.data('val');\n                    \/\/ SECURITY FIX: Escape variables used in selectors\n                    jQuery('.' + escapeHTML(inputClass) + '[value=\"' + escapeHTML(String(val)) + '\"]').prop('checked', false).trigger('change');\n                }\n            });\n\n            \/\/ --- 7. Dropdown Toggle & Click-Outside Logic ---\n            jQuery('.wpjp-joblisting-dropdown-toggle').on('click', function(e) {\n                e.stopPropagation();\n                const $menu = jQuery(this).siblings('.wpjp-joblisting-dropdown-menu');\n                const $btn = jQuery(this);\n\n                jQuery('.wpjp-joblisting-dropdown-menu').not($menu).removeClass('is-open');\n                jQuery('.wpjp-joblisting-dropdown-toggle').not($btn).removeClass('is-active');\n\n                $menu.toggleClass('is-open');\n                $btn.toggleClass('is-active');\n\n                \/\/ A panel opened near the right edge would run off the screen:\n                \/\/ measure it once open and, if so, align it to the button's right.\n                $menu.removeClass('wpjp-align-end');\n                if ($menu.hasClass('is-open') && $menu[0].getBoundingClientRect().right > document.documentElement.clientWidth - 8) {\n                    $menu.addClass('wpjp-align-end');\n                }\n            });\n\n            jQuery(document).on('click', function(e) {\n                if (!jQuery(e.target).closest('.wpjp-joblisting-dropdown-container').length) {\n                    jQuery('.wpjp-joblisting-dropdown-menu').removeClass('is-open');\n                    jQuery('.wpjp-joblisting-dropdown-toggle').removeClass('is-active');\n                }\n            });\n\n            jQuery('.wpjp-joblisting-dropdown-menu').on('click', function(e) {\n                e.stopPropagation();\n            });\n\n            \/\/ --- 8. Checkbox Filters Change ---\n            jQuery('.wpjp-joblisting-dropdown-menu input[type=\"checkbox\"]').on('change', function() {\n                const $menu = jQuery(this).closest('.wpjp-joblisting-dropdown-menu');\n                const $toggleBtn = $menu.siblings('.wpjp-joblisting-dropdown-toggle');\n\n                if ($menu.find('input[type=\"checkbox\"]:checked').length > 0) {\n                    $menu.addClass('has-selections');\n                    $toggleBtn.addClass('wpjp-has-active-filters');\n                } else {\n                    $menu.removeClass('has-selections');\n                    $toggleBtn.removeClass('wpjp-has-active-filters');\n                }\n                onFiltersChanged();\n            });\n\n            \/\/ --- 8.5 Show\/Hide Fields in Salary Popup & Trigger AJAX ---\n            $salaryTypeDropdown.on('change', function() { \/\/ PERFORMANCE FIX: Used cached element\n                var salarytype = jQuery(this).val();\n                var $menu = jQuery(this).closest('.wpjp-joblisting-dropdown-menu');\n                var $toggleBtn = $menu.siblings('.wpjp-joblisting-dropdown-toggle');\n\n                if(salarytype == 1){ \/\/negotiable\n                    $menu.find('.wpjp-joblisting-filter-salaryfixed, #wpjp-salary-range-wrapper, .wpjp-joblisting-filter-salaryduration').hide();\n                } else if(salarytype == 2){ \/\/fixed\n                    $menu.find('.wpjp-joblisting-filter-salaryfixed, .wpjp-joblisting-filter-salaryduration').show();\n                    $salaryRangeWrapper.hide(); \/\/ PERFORMANCE FIX\n                } else if(salarytype == 3){ \/\/range\n                    $menu.find('#wpjp-salary-range-wrapper, .wpjp-joblisting-filter-salaryduration').show();\n                    $menu.find('.wpjp-joblisting-filter-salaryfixed').hide();\n                } else { \/\/not selected\n                    $menu.find('.wpjp-joblisting-filter-salaryfixed, #wpjp-salary-range-wrapper, .wpjp-joblisting-filter-salaryduration').hide();\n                }\n\n                if(salarytype !== '') {\n                    $menu.addClass('has-selections');\n                    $toggleBtn.addClass('wpjp-has-active-filters');\n                } else {\n                    $menu.removeClass('has-selections');\n                    $toggleBtn.removeClass('wpjp-has-active-filters');\n                }\n\n                \/\/ PERFORMANCE FIX: Use cached variables to clear hidden fields immediately\n                $salaryHiddenFields.val('');\n                $inputMin.val(0);\n                $inputMax.val(18);\n                if (typeof updateSalarySliderUI === \"function\") updateSalarySliderUI();\n\n                onFiltersChanged();\n            });\n\n            \/\/ Trigger filter update on changing fixed numbers\/duration\n            jQuery('.wpjp-joblisting-filter-salaryfixed, .wpjp-joblisting-filter-salaryduration').on('change', function() {\n                onFiltersChanged();\n            });\n\n            \/\/ --- 9. Individual Dropdown Clear Buttons ---\n            jQuery('.wpjp-joblisting-btn-clear').on('click', function(e) {\n                e.stopPropagation();\n                const $menu = jQuery(this).closest('.wpjp-joblisting-dropdown-menu');\n                const $toggleBtn = $menu.siblings('.wpjp-joblisting-dropdown-toggle');\n\n                if ($menu.hasClass('wpjp-is-salary')) {\n                    \/\/ PERFORMANCE FIX: Use cached variables\n                    $salaryTypeDropdown.val('');\n                    $salaryHiddenFields.val('').hide();\n                    $salaryRangeWrapper.hide();\n                    $inputMin.val(0);\n                    $inputMax.val(18);\n                    updateSalarySliderUI();\n                } else {\n                    $menu.find('input[type=\"checkbox\"]').prop('checked', false);\n                }\n\n                $menu.removeClass('has-selections');\n                $toggleBtn.removeClass('wpjp-has-active-filters');\n                onFiltersChanged();\n            });\n\n            \/\/ --- 10. Global \"Clear All\" Button ---\n            jQuery('#wpjp-joblisting-btn-clear-all , #reset-newest-jobfilter').on('click', function() {\n                jQuery('.wpjp-joblisting-dropdown-menu input[type=\"checkbox\"]').prop('checked', false);\n\n                \/\/ PERFORMANCE FIX: Clear salary fields safely using cache\n                $salaryTypeDropdown.val('');\n                $salaryHiddenFields.val('').hide();\n                $salaryRangeWrapper.hide();\n                $inputMin.val(0);\n                $inputMax.val(18);\n                updateSalarySliderUI();\n\n                jQuery('.wpjp-joblisting-dropdown-menu').removeClass('has-selections');\n                jQuery('.wpjp-joblisting-dropdown-toggle').removeClass('wpjp-has-active-filters');\n                jQuery('#wpjp-joblisting-sort').val('newest');\n\n                jQuery('input[name=\"jobtitle\"]').val('');\n                jQuery('input[name=\"aijobsearcch\"]').val('');\n\n                var $catSelect = jQuery('select[name=\"category[]\"]');\n                if($catSelect.length) {\n                    $catSelect.val([]).trigger('chosen:updated'); \/\/ Changed '' to []\n                }\n\n                var $compSelect = jQuery('select[name=\"company[]\"]');\n                if($compSelect.length) {\n                    $compSelect.val([]).trigger('chosen:updated'); \/\/ Changed '' to []\n                }\n\n                try {\n                    jQuery('.wpjobportal-job-listing-city-field').tokenInput('clear', {focus: false});\n                } catch(e) {\n                    jQuery('input[name=\"city\"]').val('');\n                }\n\n                jQuery('#wpjp-active-tags').val('');\n                jQuery('#wpjp-is-urgent-filter').val(''); \/\/ <--- NEW: Clear urgent value\n                jQuery('.wpjp-joblisting-dropdown-menu').removeClass('is-open');\n                jQuery('.wpjp-joblisting-dropdown-toggle').removeClass('is-active');\n                onFiltersChanged();\n            });\n\n            jQuery('#wpjp-joblisting-sort').on('change', onFiltersChanged);\n\n\n            \/\/ --- 11. Salary Slider Controller ---\n            const salarySteps = [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100, 120, 140, 160, 180, 200, 250, 300, 500];\n            const maxIdx = salarySteps.length - 1;\n\n            \/\/ (NOTE: $inputMin, $inputMax, etc., have been hoisted to the top of the ready function)\n\n            $inputMin.attr('max', maxIdx);\n            $inputMax.attr('max', maxIdx);\n\n            let phpMin = 0;\n            let phpMax = 500;\n\n            let initMinIdx = 0;\n            let initMaxIdx = maxIdx;\n\n            if (phpMin > 0) {\n                for(let i=0; i<salarySteps.length; i++) { if(salarySteps[i] >= phpMin) { initMinIdx = i; break; } }\n            }\n            if (phpMax > 0 && phpMax < 500) {\n                for(let i=0; i<salarySteps.length; i++) { if(salarySteps[i] >= phpMax) { initMaxIdx = i; break; } }\n            }\n\n            if ($inputMin.length > 0) {\n                $inputMin.val(initMinIdx);\n                $inputMax.val(initMaxIdx);\n            }\n\n            function updateSalarySliderUI() {\n                if ($inputMin.length === 0) return;\n\n                let minIdx = parseInt($inputMin.val());\n                let maxIdxVal = parseInt($inputMax.val());\n\n                if (minIdx >= maxIdxVal) {\n                    $inputMin.val(maxIdxVal - 1);\n                    minIdx = maxIdxVal - 1;\n                }\n\n                let minVal = salarySteps[minIdx];\n                let maxVal = salarySteps[maxIdxVal];\n\n                let minDisplay = minVal === 0 ? \"0\" : minVal + \"k\";\n                let maxDisplay = maxVal === 500 ? \"500k+\" : maxVal + \"k\";\n\n                $displayMin.val(minDisplay);\n                $displayMax.val(maxDisplay);\n\n                let actualMin = minVal === 0 ? \"\" : minVal * 1000;\n                let actualMax = maxVal === 500 ? \"\" : maxVal * 1000;\n\n                $hiddenMin.val(actualMin);\n                $hiddenMax.val(actualMax);\n\n                const minPercent = (minIdx \/ maxIdx) * 100;\n                const maxPercent = (maxIdxVal \/ maxIdx) * 100;\n\n                $trackFill.css({\n                    'left': minPercent + '%',\n                    'right': (100 - maxPercent) + '%'\n                });\n\n                $thumbMin.css('left', minPercent + '%');\n                $thumbMax.css('left', maxPercent + '%');\n            }\n\n            $rangeArea.on('mousedown touchstart', function(e) {\n                if (jQuery(e.target).hasClass('wpjp-range-input')) return;\n\n                const rect = this.getBoundingClientRect();\n                const x = (e.clientX || (e.originalEvent.touches ? e.originalEvent.touches[0].clientX : 0)) - rect.left;\n                const percent = Math.max(0, Math.min(100, (x \/ rect.width) * 100));\n                const clickedIdx = Math.round((percent \/ 100) * maxIdx);\n\n                const currentMin = parseInt($inputMin.val());\n                const currentMax = parseInt($inputMax.val());\n\n                if (Math.abs(clickedIdx - currentMin) < Math.abs(clickedIdx - currentMax)) {\n                    $inputMin.val(Math.min(clickedIdx, currentMax - 1)).trigger('mousedown');\n                } else {\n                    $inputMax.val(Math.max(clickedIdx, currentMin + 1)).trigger('mousedown');\n                }\n                updateSalarySliderUI();\n                onFiltersChanged();\n            });\n\n            $inputMin.on('input', updateSalarySliderUI);\n            $inputMax.on('input', updateSalarySliderUI);\n\n            $inputMin.on('change', onFiltersChanged);\n            $inputMax.on('change', onFiltersChanged);\n\n            $inputMin.on('mousedown touchstart', function() {\n                jQuery(this).css('z-index', 15);\n                $inputMax.css('z-index', 10);\n                $thumbMin.addClass('wpjp-is-active');\n            });\n\n            $inputMax.on('mousedown touchstart', function() {\n                jQuery(this).css('z-index', 15);\n                $inputMin.css('z-index', 10);\n                $thumbMax.addClass('wpjp-is-active');\n            });\n\n            jQuery(window).on('mouseup touchend', function() {\n                jQuery('.wpjp-custom-thumb').removeClass('wpjp-is-active');\n            });\n\n            updateSalarySliderUI();\n\n            \/\/ --- 12. Tag Click Integration from Job Listings ---\n            jQuery(document).on('click', '.wpjp-clickable-tag', function(e) {\n                e.preventDefault();\n                var newTag = jQuery(this).data('tag') || jQuery(this).text().trim();\n                if (!newTag) return;\n\n                var currentTagsStr = jQuery('#wpjp-active-tags').val();\n                var tagsArray = currentTagsStr ? currentTagsStr.split(',').map(function(item) { return item.trim(); }) : [];\n\n                if (tagsArray.indexOf(newTag) === -1) {\n                    tagsArray.push(newTag);\n                    jQuery('#wpjp-active-tags').val(tagsArray.join(','));\n                    onFiltersChanged();\n\n                    jQuery('html, body').animate({\n                        scrollTop: jQuery(\".wjportal-jobs-list-top-filter\").offset().top - 20\n                    }, 400);\n                }\n            });\n\n            \/\/ --- Boot Sequence ---\n            initializeButtonStates();\n            \/\/ Check visibility on load based on pre-populated PHP data\n            updateGlobalClearVisibility(getFilterData());\n            setTimeout(function() {\n                updateActiveFilterTags();\n            }, 100);\n\n        });\n    })(jQuery);\n<\/script>\n<style>\n    \/* ==========================================================================\n       The tokens are not restated here\n       ==========================================================================\n\n       This block declared the whole :root set - every colour and every font\n       size - inside the page. An inline <style> comes after every enqueued\n       stylesheet, so on any page carrying these filters it replaced the site\n       owner's saved theme with the shipped defaults: a site on Ruby Red went\n       cyan here and nowhere else, and a changed body size was ignored.\n\n       job_portal_variables.css already carries them, and is enqueued ahead of\n       this page.\n       ========================================================================== *\/\n\n    \/* ==========================================================================\n       Filter Component Scoped Styles (High Specificity)\n       ========================================================================== *\/\n     .wjportal-jobs-list-top-filter {\n        box-sizing: border-box;\n        \/* The site's typeface, like the rest of the portal. Naming Inter here\n           put a second sans on every jobs list - the filter bar in one face\n           and the cards beside it in another - and under a theme whose body\n           font is a serif it stood out further still. *\/\n        font-family: inherit;\n        color: var(--wpjp-body-font-color);\n        margin: 0 auto;\n        padding: 2rem 1rem;\n        background-color: transparent;\n        font-size: var(--wpjp-body-font-size);\n    }\n\n     .wjportal-jobs-list-top-filter *,\n     .wjportal-jobs-list-top-filter *::before,\n     .wjportal-jobs-list-top-filter *::after {\n        box-sizing: inherit;\n    }\n\n    \/* --- Filter Buttons --- *\/\n     .wjportal-jobs-list-top-filter .wpjp-joblisting-filters-row {\n        display: flex;\n        align-items: center;\n        gap: 1rem;\n        margin-bottom: 2rem;\n        flex-wrap: wrap;\n    }\n\n     .wjportal-jobs-list-top-filter .wpjp-joblisting-btn-filter {\n        padding: 0.5rem 1rem;\n        border: 1px solid var(--wpjp-border-color);\n        border-radius: 0.5rem;\n        font-size: 14px;\n        font-weight: 700;\n        color: var(--wpjp-body-font-color);\n        background: var(--wpjp-card-background);\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        gap: 0.5rem;\n        transition: all 0.2s ease;\n        font-family: inherit;\n    }\n\n     .wjportal-jobs-list-top-filter .wpjp-joblisting-btn-filter svg {\n        transition: transform 0.2s ease;\n    }\n\n     .wjportal-jobs-list-top-filter .wpjp-joblisting-btn-filter:hover {\n        background: var(--wpjp-background-color);\n        color: var(--wpjp-secondary-color);\n    }\n\n     .wjportal-jobs-list-top-filter .wpjp-joblisting-btn-filter.is-active {\n        background: var(--wpjp-background-color);\n        border-color: var(--wpjp-border-color);\n        color: var(--wpjp-secondary-color);\n    }\n\n     .wjportal-jobs-list-top-filter .wpjp-joblisting-btn-filter.is-active svg {\n        transform: rotate(180deg);\n    }\n\n    \/* --- Dropdown Menus --- *\/\n     .wjportal-jobs-list-top-filter .wpjp-joblisting-dropdown-container {\n        position: relative;\n        display: inline-block;\n    }\n\n     \/*\n      * A closed filter panel takes no space.\n      *\n      * Closed panels used to be hidden with visibility and opacity only, so the\n      * fade could run - which left each one laid out at 220px under its button.\n      * On a phone the right-most (Date Posted) reached past the screen and made\n      * the whole jobs page scroll sideways, open or not. They are now removed\n      * from layout when closed, and fade in on opening with an animation, which\n      * unlike a transition runs when display changes.\n      *\/\n     .wjportal-jobs-list-top-filter .wpjp-joblisting-dropdown-menu {\n        display: none;\n        visibility: hidden;\n        opacity: 0;\n        transform: translateY(10px);\n        position: absolute;\n        top: 100%;\n        left: 0;\n        margin-top: 0.75rem;\n        background: var(--wpjp-card-background);\n        border: 1px solid var(--wpjp-border-color);\n        border-radius: 1rem;\n        padding: 0.75rem;\n        box-shadow: var(--wpjp-card-shadow);\n        z-index: 50;\n        min-width: 220px;\n        max-width: calc(100vw - 30px);\n        transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n\n     .wjportal-jobs-list-top-filter .wpjp-joblisting-dropdown-menu.is-open {\n        display: block;\n        visibility: visible;\n        opacity: 1;\n        transform: translateY(0);\n        animation: wpjpJoblistingDropdownIn 0.2s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n\n     \/* Opened near the right edge, a panel lines up with its button's right side instead. *\/\n     .wjportal-jobs-list-top-filter .wpjp-joblisting-dropdown-menu.wpjp-align-end {\n        left: auto;\n        right: 0;\n    }\n\n    @keyframes wpjpJoblistingDropdownIn {\n        from { opacity: 0; transform: translateY(10px); }\n        to   { opacity: 1; transform: translateY(0); }\n    }\n\n    \/* --- Colorful Dropdown Themes --- *\/\n    \/*\n     * Sizes, not ratios, and none below the plugin's floor.\n     *\n     * This panel sized its labels in rem and small px - 0.7rem, 0.75rem, 11px,\n     * 10px - which rendered as 11.2, 12, 11 and 10 beside a page whose\n     * smallest size is 13. The rem ones are worse than small: they are read\n     * against the root, so they ignore the body size the site owner set.\n     *\/\n     .wjportal-jobs-list-top-filter .wpjp-joblisting-dropdown-header {\n        font-size: 13px;\n        text-transform: uppercase;\n        letter-spacing: 0.05em;\n        font-weight: 900;\n        margin-bottom: 0.5rem;\n        padding: 0 0.5rem;\n    }\n\n     .wjportal-jobs-list-top-filter .wpjp-joblisting-dropdown-menu.wpjp-is-status { border-top: 4px solid var(--wpjp-primary-color); }\n     .wjportal-jobs-list-top-filter .wpjp-joblisting-dropdown-menu.wpjp-is-status .wpjp-joblisting-dropdown-header { color: var(--wpjp-primary-color); }\n     .wjportal-jobs-list-top-filter .wpjp-joblisting-dropdown-menu.wpjp-is-status .wpjp-joblisting-checkbox-label:hover { background: var(--wpjp-background-color); color: var(--wpjp-primary-color); }\n\n     .wjportal-jobs-list-top-filter .wpjp-joblisting-dropdown-menu.wpjp-is-career { border-top: 4px solid var(--wpjp-success-color); }\n     .wjportal-jobs-list-top-filter .wpjp-joblisting-dropdown-menu.wpjp-is-career .wpjp-joblisting-dropdown-header { color: var(--wpjp-success-color); }\n     .wjportal-jobs-list-top-filter .wpjp-joblisting-dropdown-menu.wpjp-is-career .wpjp-joblisting-checkbox-label:hover { background: var(--wpjp-background-color); color: var(--wpjp-success-color); }\n\n     .wjportal-jobs-list-top-filter .wpjp-joblisting-dropdown-menu.wpjp-is-type { border-top: 4px solid var(--wpjp-secondary-color); }\n     .wjportal-jobs-list-top-filter .wpjp-joblisting-dropdown-menu.wpjp-is-type .wpjp-joblisting-dropdown-header { color: var(--wpjp-secondary-color); }\n     .wjportal-jobs-list-top-filter .wpjp-joblisting-dropdown-menu.wpjp-is-type .wpjp-joblisting-checkbox-label:hover { background: var(--wpjp-background-color); color: var(--wpjp-secondary-color); }\n\n     .wjportal-jobs-list-top-filter .wpjp-joblisting-dropdown-menu.wpjp-is-workplace { border-top: 4px solid var(--wpjp-primary-color); }\n     .wjportal-jobs-list-top-filter .wpjp-joblisting-dropdown-menu.wpjp-is-workplace .wpjp-joblisting-dropdown-header { color: var(--wpjp-primary-color); }\n     .wjportal-jobs-list-top-filter .wpjp-joblisting-dropdown-menu.wpjp-is-workplace .wpjp-joblisting-checkbox-label:hover { background: var(--wpjp-background-color); color: var(--wpjp-primary-color); }\n\n     .wjportal-jobs-list-top-filter .wpjp-joblisting-dropdown-menu.wpjp-is-date { border-top: 4px solid var(--wpjp-danger-color); }\n     .wjportal-jobs-list-top-filter .wpjp-joblisting-dropdown-menu.wpjp-is-date .wpjp-joblisting-dropdown-header { color: var(--wpjp-danger-color); }\n     .wjportal-jobs-list-top-filter .wpjp-joblisting-dropdown-menu.wpjp-is-date .wpjp-joblisting-checkbox-label:hover { background: var(--wpjp-background-color); color: var(--wpjp-danger-color); }\n\n     .wjportal-jobs-list-top-filter .wpjp-joblisting-dropdown-menu.wpjp-is-salary { border-top: 4px solid var(--wpjp-warning-color, #f59e0b); }\n     .wjportal-jobs-list-top-filter .wpjp-joblisting-dropdown-menu.wpjp-is-salary .wpjp-joblisting-dropdown-header { color: var(--wpjp-warning-color, #f59e0b); }\n\n     .wjportal-jobs-list-top-filter .wpjp-joblisting-dropdown-footer {\n        border-top: 1px solid var(--wpjp-border-color);\n        margin-top: 0.5rem;\n        padding-top: 0.5rem;\n        display: none;\n        justify-content: flex-end;\n    }\n\n     .wjportal-jobs-list-top-filter .wpjp-joblisting-dropdown-menu.has-selections .wpjp-joblisting-dropdown-footer {\n        display: flex;\n    }\n\n    \/* --- Actions \/ Sort \/ Clear All --- *\/\n     .wjportal-jobs-list-top-filter .wpjp-joblisting-actions-right {\n        margin-left: auto;\n        display: flex;\n        align-items: center;\n        gap: 1.5rem;\n        flex-wrap: wrap;\n    }\n\n     .wjportal-jobs-list-top-filter .wpjp-joblisting-global-clear-container {\n        display: none;\n    }\n\n     .wjportal-jobs-list-top-filter .wpjp-joblisting-btn-clear-all {\n        background: transparent;\n        border: none;\n        color: var(--wpjp-danger-color);\n        font-size: 14px;\n        font-weight: 700;\n        cursor: pointer;\n        padding: 0;\n        transition: opacity 0.2s;\n        text-decoration: underline;\n    }\n\n     .wjportal-jobs-list-top-filter .wpjp-joblisting-btn-clear-all:hover {\n        opacity: 0.8;\n    }\n\n     .wjportal-jobs-list-top-filter .wpjp-joblisting-sort-container {\n        display: flex;\n        align-items: center;\n        gap: 0.5rem;\n    }\n\n     .wjportal-jobs-list-top-filter .wpjp-joblisting-sort-label {\n        font-size: 14px;\n        font-weight: 700;\n        color: var(--wpjp-body-font-color);\n        min-width: fit-content;\n    }\n\n     .wjportal-jobs-list-top-filter .wpjp-joblisting-select {\n        padding: 0.5rem 2.25rem 0.5rem 1rem;\n        border: 1px solid var(--wpjp-border-color);\n        border-radius: 0.5rem;\n        font-size: 14px;\n        font-weight: 700;\n        color: var(--wpjp-secondary-color);\n        background-color: var(--wpjp-card-background);\n        appearance: none;\n        -webkit-appearance: none;\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23575757' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'\/%3E%3C\/svg%3E\");\n        background-repeat: no-repeat;\n        background-position: right 0.75rem center;\n        cursor: pointer;\n        outline: none;\n        transition: all 0.2s ease;\n        font-family: inherit;\n    }\n\n     .wjportal-jobs-list-top-filter .wpjp-joblisting-select:hover {\n        background-color: var(--wpjp-background-color);\n    }\n\n     .wjportal-jobs-list-top-filter .wpjp-joblisting-select:focus {\n        border-color: var(--wpjp-primary-color);\n    }\n\n     .wjportal-jobs-list-top-filter .wpjp-joblisting-btn-clear {\n        font-size: 13px;\n        font-weight: 700;\n        color: var(--wpjp-danger-color);\n        background: var(--wpjp-background-color);\n        border: 1px solid var(--wpjp-border-color);\n        padding: 0.375rem 0.75rem;\n        border-radius: 0.375rem;\n        cursor: pointer;\n        transition: all 0.2s;\n        font-family: inherit;\n    }\n\n     .wjportal-jobs-list-top-filter .wpjp-joblisting-btn-clear:hover {\n        background: var(--wpjp-danger-color);\n        color: var(--wpjp-card-background);\n        border-color: var(--wpjp-danger-color);\n    }\n\n    \/* --- Checkboxes --- *\/\n     .wjportal-jobs-list-top-filter .wpjp-joblisting-checkbox-label {\n        display: flex;\n        align-items: center;\n        gap: 0.75rem;\n        padding: 0.625rem 0.75rem;\n        cursor: pointer;\n        font-size: 14px;\n        font-weight: 600;\n        color: var(--wpjp-body-font-color);\n        border-radius: 0.5rem;\n        transition: background-color 0.2s, color 0.2s;\n    }\n\n     .wjportal-jobs-list-top-filter .wpjp-joblisting-checkbox-label input[type=\"checkbox\"] {\n        appearance: none;\n        -webkit-appearance: none;\n        background-color: var(--wpjp-card-background);\n        margin: 0;\n        \/* style.css pads every portal checkbox by 1rem; this one is a 1.25rem box. *\/\n        padding: 0;\n        box-sizing: border-box;\n        font: inherit;\n        color: currentColor;\n        width: 1.25rem;\n        height: 1.25rem;\n        border: 2px solid var(--wpjp-border-color);\n        border-radius: 0.375rem;\n        display: grid;\n        place-content: center;\n        transition: all 0.2s ease-in-out;\n        cursor: pointer;\n    }\n\n     .wjportal-jobs-list-top-filter .wpjp-joblisting-checkbox-label input[type=\"checkbox\"]::before {\n        content: \"\";\n        width: 0.65em;\n        height: 0.65em;\n        transform: scale(0);\n        transition: 120ms transform ease-in-out;\n        box-shadow: inset 1em 1em var(--wpjp-card-background);\n        background-color: var(--wpjp-card-background);\n        transform-origin: center;\n        clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);\n    }\n\n    \/* Colorful Checkbox Active States using User Vars *\/\n     .wjportal-jobs-list-top-filter .wpjp-joblisting-dropdown-menu.wpjp-is-status input[type=\"checkbox\"]:checked { background-color: var(--wpjp-primary-color); border-color: var(--wpjp-primary-color); }\n     .wjportal-jobs-list-top-filter .wpjp-joblisting-dropdown-menu.wpjp-is-career input[type=\"checkbox\"]:checked { background-color: var(--wpjp-success-color); border-color: var(--wpjp-success-color); }\n     .wjportal-jobs-list-top-filter .wpjp-joblisting-dropdown-menu.wpjp-is-type input[type=\"checkbox\"]:checked { background-color: var(--wpjp-secondary-color); border-color: var(--wpjp-secondary-color); }\n     .wjportal-jobs-list-top-filter .wpjp-joblisting-dropdown-menu.wpjp-is-date input[type=\"checkbox\"]:checked { background-color: var(--wpjp-danger-color); border-color: var(--wpjp-danger-color); }\n\n     .wjportal-jobs-list-top-filter .wpjp-joblisting-checkbox-label input[type=\"checkbox\"]:checked::before {\n        transform: scale(1);\n    }\n\n    \/* Specific AJAX Loading Styles *\/\n     .wjportal-jobs-list-wrapper {\n        position: relative;\n        min-height: 200px;\n        transition: opacity 0.3s ease, filter 0.3s ease;\n    }\n    .wjportal-elegant-addon-jobs-list-wrapper {\n        position: relative;\n        min-height: 200px;\n        transition: opacity 0.3s ease, filter 0.3s ease;\n    }\n\n\n     .wjportal-jobs-list-wrapper.wpjp-ajax-loading-active {\n        filter: blur(3px);\n        opacity: 0.8;\n        pointer-events: none;\n    }\n\n     .wjportal-elegant-addon-jobs-list-wrapper.wpjp-ajax-loading-active {\n        filter: blur(3px);\n        opacity: 0.8;\n        pointer-events: none;\n    }\n\n     #wpjp-list-loader {\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background: rgba(255, 255, 255, 0.2);\n        display: flex;\n        justify-content: center;\n        align-items: flex-start;\n        padding-top: 150px;\n        z-index: 999;\n    }\n\n     .wpjp-spinner {\n        width: 50px;\n        height: 50px;\n        border: 5px solid var(--wpjp-border-color);\n        border-top: 5px solid var(--wpjp-primary-color);\n        border-radius: 50%;\n        animation: wpjp-spin-loader 1s linear infinite;\n    }\n\n    @keyframes wpjp-spin-loader {\n        0% { transform: rotate(0deg); }\n        100% { transform: rotate(360deg); }\n    }\n\n    \/* --- Active State for Trigger Buttons --- *\/\n     .wpjp-joblisting-btn-filter.has-active-filters {\n        border-color: var(--wpjp-primary-color);\n        background-color: rgba(59, 174, 218, 0.05);\n        color: var(--wpjp-primary-color);\n    }\n\n     .wpjp-joblisting-btn-filter.wpjp-has-active-filters {\n        border-color: var(--wpjp-primary-color);\n        color: #fff;\n        background: var(--wpjp-primary-color);\n    }\n\n    \/* --- Active Filter Tags & UI --- *\/\n     .wpjp-active-filters-display {\n        display: flex;\n        align-items: center;\n        gap: 1rem;\n        margin-top: 1.5rem;\n        flex-wrap: wrap;\n        padding-top: 1rem;\n        border-top: 1px dashed var(--wpjp-border-color);\n    }\n\n     .wpjp-active-filters-label {\n        font-size: 14px;\n        font-weight: 700;\n        color: var(--wpjp-secondary-color);\n        display: block;\n        margin-bottom: 0.75rem;\n    }\n\n     .wpjp-active-filters-list {\n        display: flex;\n        flex-direction: column;\n        gap: 0.5rem;\n        flex-wrap: wrap;\n    }\n\n     .wpjp-filter-group {\n        display: inline-flex;\n        align-items: center;\n        flex-wrap: wrap;\n        gap: 0.5rem;\n        background-color: var(--wpjp-background-color, #f8fafc);\n        border: 1px solid var(--wpjp-border-color, #e9ecef);\n        border-radius: 4px;\n        padding: 0 0.25rem 0 0.75rem;\n    }\n\n     .wpjp-filter-group-name {\n        font-size: 13px;\n        font-weight: 600;\n        color: var(--wpjp-body-font-color, #333);\n        margin-right: 0.25rem;\n    }\n\n     .wpjp-filter-tag {\n        background-color: var(--wpjp-background-color, #f8fafc);\n        color: var(--wpjp-primary-color, #3baeda);\n        border: 1px solid var(--wpjp-primary-color, #3baeda);\n        font-size: 13px;\n        font-weight: 600;\n        padding: 0.25rem 0.5rem 0.25rem 0.75rem;\n        border-radius: 5px;\n        display: inline-flex;\n        align-items: center;\n        gap: 0.35rem;\n    }\n\n     .wpjp-filter-tag-sort {\n        padding-right: 0.75rem;\n    }\n\n     .wpjp-filter-tag-remove {\n        cursor: pointer;\n        font-size: 1rem;\n        line-height: 1;\n        font-weight: normal;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        opacity: 0.6;\n        transition: opacity 0.2s;\n    }\n\n     .wpjp-filter-tag-remove:hover {\n        opacity: 1;\n        color: var(--wpjp-danger-color, #dc3545);\n    }\n\n    \/* --- FIXED SLIDER CSS --- *\/\n     .wpjp-inputs-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-bottom: 20px; }\n     .wpjp-input-wrapper { position: relative; }\n     .wpjp-currency-symbol { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: #94a3b8; font-weight: 700; z-index: 2; }\n     .wpjp-display-input { width: 100%; padding: 10px 10px 10px 25px; background: var(--wpjp-background-color, #f8fafc); border: 1px solid var(--wpjp-border-color, #e2e8f0); border-radius: 8px; font-size: 14px; font-weight: 800; color: var(--wpjp-secondary-color, #1e293b); outline: none; box-sizing: border-box; }\n     .wpjp-slider-label { display: block; font-size: 13px; font-weight: 700; color: #94a3b8; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px; }\n\n     .wpjp-range-area { position: relative; width: 100%; height: 35px; margin-top: 15px; margin-bottom: 10px; display: block; }\n     .wpjp-track-bg { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; height: 6px; background-color: #d1d5db; border-radius: 4px; z-index: 1; }\n     .wpjp-track-fill { position: absolute; top: 50%; transform: translateY(-50%); height: 6px; background-color: var(--wpjp-primary-color, #007bff); border-radius: 4px; z-index: 2; }\n\n     .wpjp-range-input { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%; height: 100%; pointer-events: none; appearance: none; -webkit-appearance: none; background: transparent !important; margin: 0; z-index: 10; opacity: 0; cursor: pointer; }\n     .wpjp-range-input::-webkit-slider-thumb { pointer-events: all; width: 28px; height: 28px; appearance: none; -webkit-appearance: none; cursor: pointer; border-radius: 50%; }\n     .wpjp-range-input::-moz-range-thumb { pointer-events: all; width: 28px; height: 28px; cursor: pointer; border-radius: 50%; border: none; }\n\n     .wpjp-custom-thumb { position: absolute; top: 50%; transform: translate(-50%, -50%); width: 20px; height: 20px; background-color: #ffffff; border: 2px solid var(--wpjp-primary-color, #007bff); border-radius: 50%; z-index: 5; pointer-events: none; box-shadow: 0 1px 4px rgba(0,0,0,0.3); transition: transform 0.1s; }\n     .wpjp-custom-thumb.wpjp-is-active { transform: translate(-50%, -50%) scale(1.2); z-index: 6; }\n\n    \/* Fix Chosen Plugin Width in AJAX Filters *\/\n     .wpjp-joblisting-dropdown-container .chosen-container {\n        width: 100% !important;\n    }\n\n    \/* ==========================================================================\n       WP Job Portal - Badges & Tags (Highly Specific)\n       ========================================================================== *\/\n     .wjportal-jobs-list .wjportal-job-title.wpjp-job-title-flex {\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n\n     .wjportal-jobs-list .wpjp-badge-new {\n        background-color: var(--wpjp-success-color, #28a745);\n        color: #ffffff;\n        font-size: 13px;\n        font-weight: 800;\n        padding: 5px 8px;\n        border-radius: 5px;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n        line-height: 1;\n        margin-left: 10px;\n        display: inline-flex;\n        align-items: center;\n        box-sizing: border-box;\n    }\n\n     .wjportal-jobs-list .wpjp-badge-urgent-flag {\n        position: absolute;\n        top: 0;\n        left: 50%;\n        transform: translateX(-50%);\n        background-color: var(--wpjp-danger-color, #dc3545);\n        color: #ffffff;\n        font-size: 13px;\n        font-weight: 800;\n        padding: 4px 14px;\n        border-bottom-left-radius: 6px;\n        border-bottom-right-radius: 6px;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        line-height: 1;\n        box-shadow: 0 4px 12px rgba(220, 53, 69, 0.4);\n        display: flex;\n        align-items: center;\n        z-index: 10;\n    }\n\n     .wjportal-jobs-list .wpjp-badge-urgent-flag svg {\n        margin-right: 4px;\n    }\n\n    \/* --- Clickable Job Tags (main.php) --- *\/\n     .wpjp-job-tags-list {\n        display: flex;\n        gap: 8px;\n        flex-wrap: wrap;\n        margin-top: 12px;\n        width: 100%;\n    }\n\n     .wpjp-clickable-tag {\n        font-size: 14px;\n        padding: 1px 2px;\n        \/*border-radius: 4px;*\/\n        \/*background: #eff6ff;*\/\n        color: var(--wpjp-primary-color, #3baeda);\n        \/*border: 1px solid var(--wpjp-primary-color, #e9ecef);*\/\n        border-bottom: 1px solid var(--wpjp-primary-color, #e9ecef);\n        text-decoration: none !important;\n        font-weight: 600;\n        transition: all 0.2s;\n    }\n\n    .wpjp-clickable-tag:hover {\n        background-color: var(--wpjp-primary-color, #3baeda);\n        color: #ffffff;\n    }\n\n    \/* --- Salary Filter specific input layout additions --- *\/\n     .wjportal-jobs-list-top-filter .wpjp-filter-salary-fields .wjportal-form-input-field,\n     .wjportal-jobs-list-top-filter .wpjp-filter-salary-fields .wpjp-joblisting-select {\n        width: 100%;\n        margin-bottom: 0.5rem;\n        box-sizing: border-box;\n    }\n\n     .wjportal-jobs-list-top-filter .wpjp-company-filter-container {\n        min-width: 220px;\n    }\n\n    \/* ==========================================================================\n       WP Job Portal - Chosen Plugin Field Standardization\n       ========================================================================== *\/\n     .wjportal-jobs-list-top-filter .chosen-container-multi .chosen-choices,\n     .wjportal-jobs-list-top-filter .chosen-container-single .chosen-single {\n        border: 1px solid var(--wpjp-border-color, #e2e8f0) !important;\n        border-radius: 6px !important;\n        background: var(--wpjp-background-color, #ffffff) !important;\n        background-image: none !important;\n        box-shadow: none !important;\n        min-height: 48px !important;\n        padding: 4px 8px !important;\n        box-sizing: border-box !important;\n        transition: border-color 0.2s ease;\n    }\n\n     .wjportal-jobs-list-top-filter .chosen-container-active .chosen-choices,\n     .wjportal-jobs-list-top-filter .chosen-container-active .chosen-single {\n        border-color: var(--wpjp-primary-color, #3baeda) !important;\n    }\n\n     .chosen-container-multi .chosen-choices li.search-field input[type=\"text\"] {\n        height: 38px !important;\n        line-height: 38px !important;\n        color: var(--wpjp-body-font-color, #333) !important;\n        font-family: inherit !important;\n        margin: 0 !important;\n    }\n\n    \/* The company filter sits in the row of filter buttons, so it takes their\n       size and surface: it was 48px tall (45px under themes that size every\n       Chosen field like a form input), grey, with its own corners and an\n       extra 10px after it, and stood above the buttons beside it. Picked\n       companies still wrap and the box grows to show them. *\/\n     .wjportal-jobs-list-top-filter .wpjp-company-filter-container .chosen-container {\n        height: auto;\n        vertical-align: top;\n    }\n\n     .wjportal-jobs-list-top-filter .chosen-container-multi .chosen-choices {\n        min-height: 0 !important;\n        padding: 0 1rem !important;\n        background: var(--wpjp-card-background, #ffffff) !important;\n        border-radius: 0.5rem !important;\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n    }\n\n     .wjportal-jobs-list-top-filter .chosen-container-multi .chosen-choices li.search-field input[type=\"text\"] {\n        height: calc(1rem + 14px) !important;\n        line-height: calc(1rem + 14px) !important;\n        padding: 0 !important;\n        font-size: 14px !important;\n    }\n\n     .wjportal-jobs-list-top-filter .chosen-container-single .chosen-single span {\n        line-height: 38px !important;\n        color: var(--wpjp-body-font-color, #333) !important;\n    }\n\n     .wjportal-jobs-list-top-filter .chosen-container-multi .chosen-choices li.search-choice {\n        background: var(--wpjp-background-color, #f8fafc) !important;\n        border: 1px solid var(--wpjp-primary-color, #3baeda) !important;\n        color: var(--wpjp-primary-color, #3baeda) !important;\n        border-radius: 4px !important;\n        padding: 6px 22px 6px 10px !important;\n        margin: 5px 5px 0 0 !important;\n        box-shadow: none !important;\n        font-weight: 600;\n    }\n\n     .wjportal-jobs-list-top-filter .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {\n        top: 7px !important;\n        right: 5px !important;\n    }\n\n     .wjportal-jobs-list-top-filter .chosen-container .chosen-drop {\n        border: 1px solid var(--wpjp-primary-color, #3baeda) !important;\n        border-top: 0 !important;\n        border-radius: 0 0 6px 6px !important;\n        box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;\n    }\n\n     .wjportal-jobs-list-top-filter .wpjp-joblisting-dropdown-menu.wpjp-is-workplace input[type=\"checkbox\"]:checked { background-color: var(--wpjp-primary-color); border-color: var(--wpjp-primary-color); }\n    \/*                *\/\n    \/*                *\/\n    \/*                *\/\n    \/*                *\/\n    \/*                *\/\n    \/* -------------------------------------------------------------\n       Extraordinary Elegant Design for Job Filters (filters.php)\n    ------------------------------------------------------------- *\/\n\n    \/* Main Filter Section Wrapper *\/\n    .wjportal-elegant-addon-main-up-wrapper .wjportal-jobs-list-top-filter {\n        background-color: #ffffff;\n        border-radius: 12px;\n        padding: 20px 5px;\n        box-shadow: 0 10px 30px rgba(35, 40, 45, 0.08);\n        margin-bottom: 30px;\n        border-left: 4px solid #4f46e5;\n    }\n\n    .wjportal-elegant-addon-main-up-wrapper .wjportal-jobs-list-top-filter h3 {\n        color: #23282d;\n        font-size: 22px;\n        font-weight: 700;\n        margin-bottom: 20px;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n    }\n\n    \/* Flex Container for Filter Items *\/\n    .wjportal-elegant-addon-main-up-wrapper .wpjp-joblisting-filters-row {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 15px;\n        align-items: center;\n    }\n\n    .wjportal-elegant-addon-main-up-wrapper .wpjp-joblisting-dropdown-container {\n        position: relative;\n        flex: 1 1 auto;\n        min-width: 160px;\n    }\n\n    \/* Modern Filter Buttons *\/\n    .wjportal-elegant-addon-main-up-wrapper .wpjp-joblisting-btn-filter {\n        width: 100%;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        background-color: #f8fafc;\n        border: 1px solid #e2e8f0;\n        padding: 12px 18px;\n        border-radius: 8px;\n        color: #23282d;\n        font-weight: 600;\n        font-size: 15px;\n        cursor: pointer;\n        transition: all 0.3s ease;\n    }\n\n    .wjportal-elegant-addon-main-up-wrapper .wpjp-joblisting-btn-filter:hover,\n    .wjportal-elegant-addon-main-up-wrapper .wpjp-joblisting-btn-filter:focus {\n        border-color: #4f46e5;\n        background-color: #ffffff;\n        box-shadow: 0 4px 12px rgba(79, 70, 229, 0.15);\n    }\n\n    .wjportal-elegant-addon-main-up-wrapper .wpjp-joblisting-btn-filter svg {\n        transition: transform 0.3s ease;\n        stroke: #f79312;\n    }\n\n    .wjportal-elegant-addon-main-up-wrapper .wpjp-joblisting-dropdown-container:hover .wpjp-joblisting-btn-filter svg {\n        transform: rotate(180deg);\n    }\n\n    \/* Floating Dropdown Menus *\/\n    .wjportal-elegant-addon-main-up-wrapper .wpjp-joblisting-dropdown-menu {\n        position: absolute;\n        top: calc(100% + 10px);\n        left: 0;\n        width: 280px;\n        background: #ffffff;\n        border-radius: 12px;\n        box-shadow: 0 15px 35px rgba(35, 40, 45, 0.1);\n        border: 1px solid #e2e8f0;\n        padding: 15px;\n        z-index: 99;\n        opacity: 0;\n        visibility: hidden;\n        transform: translateY(10px);\n        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    \/* Hover trigger for desktop - fallback to click if necessary via JS *\/\n    .wjportal-elegant-addon-main-up-wrapper .wpjp-joblisting-dropdown-container:hover .wpjp-joblisting-dropdown-menu {\n        opacity: 1;\n        visibility: visible;\n        transform: translateY(0);\n    }\n\n    \/* Dropdown Content *\/\n    .wjportal-elegant-addon-main-up-wrapper .wpjp-joblisting-dropdown-header {\n        font-weight: 700;\n        color: #4f46e5;\n        margin-bottom: 15px;\n        padding-bottom: 10px;\n        border-bottom: 1px dashed #e2e8f0;\n    }\n\n    .wjportal-elegant-addon-main-up-wrapper .wpjp-joblisting-checkbox-label {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        padding: 8px 0;\n        cursor: pointer;\n        color: #23282d;\n        transition: color 0.2s ease;\n    }\n\n    .wjportal-elegant-addon-main-up-wrapper .wpjp-joblisting-checkbox-label:hover {\n        color: #f79312;\n    }\n\n    \/* Custom Salary Range Filter Elements *\/\n    .wjportal-elegant-addon-main-up-wrapper .wpjp-filter-salary-fields {\n        display: flex;\n        flex-direction: column;\n        gap: 10px;\n    }\n\n    .wjportal-elegant-addon-main-up-wrapper .wpjp-slider-label {\n        font-size: 13px;\n        font-weight: 600;\n        color: #23282d;\n    }\n\n    \/* Dropdown Footer & Clear Buttons *\/\n    .wjportal-elegant-addon-main-up-wrapper .wpjp-joblisting-dropdown-footer {\n        margin-top: 15px;\n        padding-top: 10px;\n        border-top: 1px solid #e2e8f0;\n        display: flex;\n        justify-content: flex-end;\n    }\n\n    .wjportal-elegant-addon-main-up-wrapper .wpjp-joblisting-btn-clear {\n        background: transparent;\n        border: none;\n        color: #4f46e5;\n        font-weight: 600;\n        cursor: pointer;\n        transition: color 0.2s;\n    }\n\n    .wjportal-elegant-addon-main-up-wrapper .wpjp-joblisting-btn-clear:hover {\n        color: #f79312;\n    }\n\n    \/* Global Actions (Clear All & Sorting) *\/\n    .wjportal-elegant-addon-main-up-wrapper .wpjp-joblisting-actions-right {\n        display: flex;\n        justify-content: flex-end;\n        align-items: center;\n        flex-wrap: wrap;\n        gap: 20px;\n        margin-top: 20px;\n        width: 100%;\n    }\n\n    .wjportal-elegant-addon-main-up-wrapper .wpjp-joblisting-btn-clear-all {\n        background: #23282d;\n        color: #ffffff;\n        padding: 10px 20px;\n        border-radius: 8px;\n        border: none;\n        font-weight: bold;\n        cursor: pointer;\n        transition: background 0.3s;\n    }\n\n    .wjportal-elegant-addon-main-up-wrapper .wpjp-joblisting-btn-clear-all:hover {\n        background: #f79312;\n    }\n\n    \/* Sorting Dropdown Tweaks *\/\n    .wjportal-elegant-addon-main-up-wrapper .wpjp-joblisting-sort-container {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n    }\n\n    .wjportal-elegant-addon-main-up-wrapper .wpjp-joblisting-sort-label {\n        font-weight: 600;\n        color: #23282d;\n    }\n\n    .wjportal-elegant-addon-main-up-wrapper .wpjp-joblisting-select {\n        padding: 10px;\n        border-radius: 8px;\n        border: 1px solid #e2e8f0;\n        background: #ffffff;\n        color: #23282d;\n        outline: none;\n        font-weight: 600;\n        cursor: pointer;\n        transition: border-color 0.2s;\n    }\n\n    .wjportal-elegant-addon-main-up-wrapper .wpjp-joblisting-select:focus {\n        border-color: #4f46e5;\n    }\n\n\n    \/* -------------------------------------------------------------\n       Extraordinary Elegant Design for Job Filters (filters.php)\n    ------------------------------------------------------------- *\/\n\n    \/* Main Filter Section Wrapper *\/\n    .wjportal-elegant-addon-main-up-wrapper .wjportal-jobs-list-top-filter {\n        background-color: #ffffff;\n        border-radius: 12px;\n        padding: 25px;\n        box-shadow: 0 10px 30px rgba(35, 40, 45, 0.08);\n        margin-bottom: 30px;\n        border-left: 4px solid #4f46e5;\n    }\n\n    .wjportal-elegant-addon-main-up-wrapper .wjportal-jobs-list-top-filter h3 {\n        color: #23282d;\n        font-size: 22px;\n        font-weight: 700;\n        margin-bottom: 20px;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n    }\n\n    \/* Flex Container for Filter Items *\/\n    .wjportal-elegant-addon-main-up-wrapper .wpjp-joblisting-filters-row {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 15px;\n        align-items: center;\n    }\n\n    .wjportal-elegant-addon-main-up-wrapper .wpjp-joblisting-dropdown-container {\n        position: relative;\n        flex: 1 1 auto;\n        min-width: 160px;\n    }\n\n    \/* Modern Filter Buttons *\/\n    .wjportal-elegant-addon-main-up-wrapper .wpjp-joblisting-btn-filter {\n        width: 100%;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        background-color: #f8fafc;\n        border: 1px solid #e2e8f0;\n        padding: 12px 18px;\n        border-radius: 8px;\n        color: #23282d;\n        font-weight: 600;\n        font-size: 15px;\n        cursor: pointer;\n        transition: all 0.3s ease;\n    }\n\n    .wjportal-elegant-addon-main-up-wrapper .wpjp-joblisting-btn-filter:hover,\n    .wjportal-elegant-addon-main-up-wrapper .wpjp-joblisting-btn-filter:focus {\n        border-color: #4f46e5;\n        background-color: #ffffff;\n        box-shadow: 0 4px 12px rgba(79, 70, 229, 0.15);\n    }\n\n    .wjportal-elegant-addon-main-up-wrapper .wpjp-joblisting-btn-filter svg {\n        transition: transform 0.3s ease;\n        stroke: #f79312;\n    }\n\n    .wjportal-elegant-addon-main-up-wrapper .wpjp-joblisting-dropdown-container:hover .wpjp-joblisting-btn-filter svg {\n        transform: rotate(180deg);\n    }\n\n    \/* Floating Dropdown Menus *\/\n    .wjportal-elegant-addon-main-up-wrapper .wpjp-joblisting-dropdown-menu {\n        position: absolute;\n        top: calc(100% + 10px);\n        left: 0;\n        width: 280px;\n        background: #ffffff;\n        border-radius: 12px;\n        box-shadow: 0 15px 35px rgba(35, 40, 45, 0.1);\n        border: 1px solid #e2e8f0;\n        padding: 15px;\n        z-index: 99;\n        opacity: 0;\n        visibility: hidden;\n        transform: translateY(10px);\n        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    \/* Hover trigger for desktop - fallback to click if necessary via JS *\/\n    .wjportal-elegant-addon-main-up-wrapper .wpjp-joblisting-dropdown-container:hover .wpjp-joblisting-dropdown-menu {\n        opacity: 1;\n        visibility: visible;\n        transform: translateY(0);\n    }\n\n    \/* Dropdown Content *\/\n    .wjportal-elegant-addon-main-up-wrapper .wpjp-joblisting-dropdown-header {\n        font-weight: 700;\n        color: #4f46e5;\n        margin-bottom: 15px;\n        padding-bottom: 10px;\n        border-bottom: 1px dashed #e2e8f0;\n    }\n\n    .wjportal-elegant-addon-main-up-wrapper .wpjp-joblisting-checkbox-label {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        padding: 8px 0;\n        cursor: pointer;\n        color: #23282d;\n        transition: color 0.2s ease;\n    }\n\n    .wjportal-elegant-addon-main-up-wrapper .wpjp-joblisting-checkbox-label:hover {\n        color: #f79312;\n    }\n\n    \/* Custom Salary Range Filter Elements *\/\n    .wjportal-elegant-addon-main-up-wrapper .wpjp-filter-salary-fields {\n        display: flex;\n        flex-direction: column;\n        gap: 10px;\n    }\n\n    .wjportal-elegant-addon-main-up-wrapper .wpjp-slider-label {\n        font-size: 13px;\n        font-weight: 600;\n        color: #23282d;\n    }\n\n    \/* Dropdown Footer & Clear Buttons *\/\n    .wjportal-elegant-addon-main-up-wrapper .wpjp-joblisting-dropdown-footer {\n        margin-top: 15px;\n        padding-top: 10px;\n        border-top: 1px solid #e2e8f0;\n        display: flex;\n        justify-content: flex-end;\n    }\n\n    .wjportal-elegant-addon-main-up-wrapper .wpjp-joblisting-btn-clear {\n        background: transparent;\n        border: none;\n        color: #4f46e5;\n        font-weight: 600;\n        cursor: pointer;\n        transition: color 0.2s;\n    }\n\n    .wjportal-elegant-addon-main-up-wrapper .wpjp-joblisting-btn-clear:hover {\n        color: #f79312;\n    }\n\n    \/* Global Actions (Clear All & Sorting) *\/\n    .wjportal-elegant-addon-main-up-wrapper .wpjp-joblisting-actions-right {\n        display: flex;\n        justify-content: flex-end;\n        align-items: center;\n        flex-wrap: wrap;\n        gap: 20px;\n        margin-top: 20px;\n        width: 100%;\n    }\n\n    .wjportal-elegant-addon-main-up-wrapper .wpjp-joblisting-btn-clear-all {\n        background: #23282d;\n        color: #ffffff;\n        padding: 10px 20px;\n        border-radius: 8px;\n        border: none;\n        font-weight: bold;\n        cursor: pointer;\n        transition: background 0.3s;\n    }\n\n    .wjportal-elegant-addon-main-up-wrapper .wpjp-joblisting-btn-clear-all:hover {\n        background: #f79312;\n    }\n\n    \/* Sorting Dropdown Tweaks *\/\n    .wjportal-elegant-addon-main-up-wrapper .wpjp-joblisting-sort-container {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n    }\n\n    .wjportal-elegant-addon-main-up-wrapper .wpjp-joblisting-sort-label {\n        font-weight: 600;\n        color: #23282d;\n    }\n\n    .wjportal-elegant-addon-main-up-wrapper .wpjp-joblisting-select {\n        padding: 10px;\n        border-radius: 8px;\n        border: 1px solid #e2e8f0;\n        background: #ffffff;\n        color: #23282d;\n        outline: none;\n        font-weight: 600;\n        cursor: pointer;\n        transition: border-color 0.2s;\n    }\n\n    .wjportal-elegant-addon-main-up-wrapper .wpjp-joblisting-select:focus {\n        border-color: #4f46e5;\n    }\n\n<\/style>\n            <div class=\"wjportal-jobs-list-wrapper\">\n                <div class=\"wpjp-ds-empty-state wpjp-ds-empty-state--card\" role=\"status\"><span class=\"wpjp-ds-empty-state__icon\" aria-hidden=\"true\"><\/span><p class=\"wpjp-ds-empty-state__title\">No Records Found<\/p><\/div>            <\/div>\n            <div id=\"wjportal-popup-background\"><\/div>\n            <div id=\"wjportal-listpopup\" class=\"wjportal-popup-wrp wjportal-job-by-catg-popup\">\n                <div class=\"wjportal-popup-cnt\">\n                    <img decoding=\"async\" id=\"wjportal-popup-close-btn\" alt=\"Close\" src=\"https:\/\/myndfultalk.com\/wp-content\/plugins\/wp-job-portal\/includes\/images\/popup-close.png\">\n                    <div class=\"wjportal-popup-title\">\n                        <span class=\"wjportal-popup-title2\"><\/span>\n                    <\/div>\n                    <div class=\"wjportal-popup-contentarea\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CAREERS<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"class_list":["post-16997","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Jobs | MyndfulTalk<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/myndfultalk.com\/en\/careers\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Careers - MyndfulTalk\" \/>\n<meta property=\"og:description\" content=\"CAREERS\" \/>\n<meta property=\"og:url\" content=\"https:\/\/myndfultalk.com\/en\/careers\/\" \/>\n<meta property=\"og:site_name\" content=\"MyndfulTalk\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/MyndfulTalkGR\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-16T12:18:56+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/myndfultalk.com\\\/en\\\/careers\\\/\",\"url\":\"https:\\\/\\\/myndfultalk.com\\\/en\\\/careers\\\/\",\"name\":\"Careers - MyndfulTalk\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/myndfultalk.com\\\/en\\\/#website\"},\"datePublished\":\"2025-05-02T06:33:03+00:00\",\"dateModified\":\"2025-06-16T12:18:56+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/myndfultalk.com\\\/en\\\/careers\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/myndfultalk.com\\\/en\\\/careers\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/myndfultalk.com\\\/en\\\/careers\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/myndfultalk.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Careers\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/myndfultalk.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/myndfultalk.com\\\/en\\\/\",\"name\":\"MyndfulTalk\",\"description\":\"More than therapy \u2014 A New 360\u00b0 Holistic Experience\",\"publisher\":{\"@id\":\"https:\\\/\\\/myndfultalk.com\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/myndfultalk.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/myndfultalk.com\\\/en\\\/#organization\",\"name\":\"MyndfulTalk\",\"url\":\"https:\\\/\\\/myndfultalk.com\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/myndfultalk.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/myndfultalk.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/1.jpg\",\"contentUrl\":\"https:\\\/\\\/myndfultalk.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/1.jpg\",\"width\":1446,\"height\":421,\"caption\":\"MyndfulTalk\"},\"image\":{\"@id\":\"https:\\\/\\\/myndfultalk.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/MyndfulTalkGR\\\/\",\"https:\\\/\\\/www.instagram.com\\\/myndfultalk\\\/\",\"https:\\\/\\\/www.youtube.com\\\/@MyndfulTalkSpace\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/myndfultalk\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Jobs | MyndfulTalk","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/myndfultalk.com\/en\/careers\/","og_locale":"en_US","og_type":"article","og_title":"Careers - MyndfulTalk","og_description":"CAREERS","og_url":"https:\/\/myndfultalk.com\/en\/careers\/","og_site_name":"MyndfulTalk","article_publisher":"https:\/\/www.facebook.com\/MyndfulTalkGR\/","article_modified_time":"2025-06-16T12:18:56+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/myndfultalk.com\/en\/careers\/","url":"https:\/\/myndfultalk.com\/en\/careers\/","name":"Careers - MyndfulTalk","isPartOf":{"@id":"https:\/\/myndfultalk.com\/en\/#website"},"datePublished":"2025-05-02T06:33:03+00:00","dateModified":"2025-06-16T12:18:56+00:00","breadcrumb":{"@id":"https:\/\/myndfultalk.com\/en\/careers\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/myndfultalk.com\/en\/careers\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/myndfultalk.com\/en\/careers\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/myndfultalk.com\/en\/"},{"@type":"ListItem","position":2,"name":"Careers"}]},{"@type":"WebSite","@id":"https:\/\/myndfultalk.com\/en\/#website","url":"https:\/\/myndfultalk.com\/en\/","name":"MyndfulTalk","description":"More than therapy \u2014 A New 360\u00b0 Holistic Experience","publisher":{"@id":"https:\/\/myndfultalk.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/myndfultalk.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/myndfultalk.com\/en\/#organization","name":"MyndfulTalk","url":"https:\/\/myndfultalk.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/myndfultalk.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/myndfultalk.com\/wp-content\/uploads\/2025\/08\/1.jpg","contentUrl":"https:\/\/myndfultalk.com\/wp-content\/uploads\/2025\/08\/1.jpg","width":1446,"height":421,"caption":"MyndfulTalk"},"image":{"@id":"https:\/\/myndfultalk.com\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/MyndfulTalkGR\/","https:\/\/www.instagram.com\/myndfultalk\/","https:\/\/www.youtube.com\/@MyndfulTalkSpace","https:\/\/www.linkedin.com\/company\/myndfultalk\/"]}]}},"_links":{"self":[{"href":"https:\/\/myndfultalk.com\/en\/wp-json\/wp\/v2\/pages\/16997","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/myndfultalk.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/myndfultalk.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/myndfultalk.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/myndfultalk.com\/en\/wp-json\/wp\/v2\/comments?post=16997"}],"version-history":[{"count":0,"href":"https:\/\/myndfultalk.com\/en\/wp-json\/wp\/v2\/pages\/16997\/revisions"}],"wp:attachment":[{"href":"https:\/\/myndfultalk.com\/en\/wp-json\/wp\/v2\/media?parent=16997"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}