/*
    Theme Name: JobCareer Child Theme
    Theme URI: https://jobcareer.chimpgroup.com/
    Author: ChimpStudio
    Author URI: http://chimpgroup.com/
    Template: jobcareer
    Version: 1.0
    License: GNU General Public License
    License URI: license.txt
*/

/* --------------------------------------------
        JobCareer CSS IMPORT
-------------------------------------------- */

@import url("../jobcareer/style.css");

/* --------------------------------------------
        GOOGLE FONTS IMPORT
        Montserrat for English
        IBM Plex Arabic for Arabic
-------------------------------------------- */

/* Import Montserrat (English font) */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');

/* Import IBM Plex Arabic (Arabic font) */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Arabic:wght@300;400;500;600;700&display=swap');




/* --------------------------------------------
        CHILD THEME CSS
-------------------------------------------- */

/* Registration Form Customizations */

/* Specialism dropdown styling for registration forms */
.select-holder .chosen-container-multi {
    width: 100% !important;
}

.select-holder .chosen-container-multi .chosen-choices {
    border: 1px solid #ddd;
    border-radius: 8px;
    min-height: 43px;
    padding: 5px;
}

.select-holder .chosen-container-multi .chosen-choices .search-choice {
    background: #f0f0f0;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin: 3px 0 3px 5px;
    padding: 3px 20px 3px 5px;
}

.select-holder .chosen-container-multi .chosen-choices .search-choice .search-choice-close {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path d="M6 4.586L10.293.293a1 1 0 1 1 1.414 1.414L7.414 6l4.293 4.293a1 1 0 0 1-1.414 1.414L6 7.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L4.586 6 .293 1.707A1 1 0 0 1 1.707.293L6 4.586z" fill="%23999"/></svg>') no-repeat center;
    background-size: 12px 12px;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
}

/* Ensure dropdown placeholder text is visible */
.select-holder .chosen-container-multi .chosen-choices .search-field input[type="text"] {
    color: #999 !important;
    font-style: italic;
}

/* Saudi Arabia Flag for Phone Field */
.phone-country-code .flag {
    background-image: url('https://careers.qeyadasa.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/ar.png') !important;
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 15px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

/* Employment Agreement Note */
.employment-agreement-note {
    background: #e3f2fd !important;
    border: 1px solid #2196f3 !important;
    border-radius: 5px !important;
    padding: 15px !important;
    margin-bottom: 20px !important;
    color: #1976d2 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
}

.employment-agreement-note strong {
    color: #0d47a1 !important;
}

/* Job Title Dropdown */
.job-title-dropdown {
    width: 100% !important;
    padding: 10px 15px !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    background-color: #fff !important;
    font-size: 14px !important;
}

.job-title-dropdown:focus {
    border-color: #007cba !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(0, 124, 186, 0.2) !important;
}

/* Company Name Field */
.company-name-field {
    font-weight: 500 !important;
}

/* CR Number Field */
.cr-number-field {
    font-weight: 500 !important;
}

.cr-number-field:focus {
    border-color: #007cba !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(0, 124, 186, 0.2) !important;
}

/* Disabled Submit Button - Gray with red prohibited sign on hover */
/* ONLY for registration forms, NOT for profile update buttons */
.submit-disabled:not(.cs-section-update),
.acc-submit:disabled:not(.cs-section-update),
input[type="submit"]:disabled,
button[type="submit"]:disabled,
input.submit-disabled:not(.cs-section-update),
button.submit-disabled:not(.cs-section-update) {
    background-color: #ccc !important;
    color: #666 !important;
    cursor: not-allowed !important;
    position: relative !important;
    border: 1px solid #ccc !important;
    opacity: 0.7 !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    pointer-events: auto !important; /* Allow hover events */
}

/* Show red prohibited sign ONLY on hover when disabled */
/* ONLY for registration forms, NOT for profile update buttons */
.submit-disabled:not(.cs-section-update):hover::before,
.acc-submit:disabled:not(.cs-section-update):hover::before,
input[type="submit"]:disabled:hover::before,
button[type="submit"]:disabled:hover::before,
input.submit-disabled:not(.cs-section-update):hover::before,
button.submit-disabled:not(.cs-section-update):hover::before {
    content: '';
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-color: #dc3545;
    border-radius: 50%;
    z-index: 1;
}

/* Diagonal bar through the circle */
.submit-disabled:not(.cs-section-update):hover::after,
.acc-submit:disabled:not(.cs-section-update):hover::after,
input[type="submit"]:disabled:hover::after,
button[type="submit"]:disabled:hover::after,
input.submit-disabled:not(.cs-section-update):hover::after,
button.submit-disabled:not(.cs-section-update):hover::after {
    content: '';
    position: absolute;
    right: 19px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 16px;
    height: 3px;
    background-color: white;
    z-index: 2;
}

/* Keep button background gray on hover when disabled */
.submit-disabled:not(.cs-section-update):hover,
.acc-submit:disabled:not(.cs-section-update):hover,
input[type="submit"]:disabled:hover,
button[type="submit"]:disabled:hover {
    background-color: #ccc !important;
    color: #666 !important;
    cursor: not-allowed !important;
}

/* Enabled Submit Button - Using Global Button Style */
input[type="submit"]:not(:disabled),
button[type="submit"]:not(:disabled),
.submit-enabled {
    background-color: #7CB4C4 !important;
    color: #FFFFFF !important;
    cursor: pointer !important;
    border: 2px solid #7CB4C4 !important;
    border-radius: 70px !important;
}

input[type="submit"]:not(:disabled):hover,
button[type="submit"]:not(:disabled):hover,
.submit-enabled:hover {
    background-color: #FFFFFFDE !important;
    color: #7CB4C4 !important;
    border-color: #7CB4C4 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0px 4px 8px rgba(124, 180, 196, 0.3) !important;
}

/* Hide old JobHunt error messages */
.cs-error-msg,
.error-msg,
.alert-danger {
    display: none !important;
}

/* Hide old validation notifications */
.cs-remove-msg,
.cs-alert {
    display: none !important;
}

/* Phone Field Container */
.phone-field-container {
    display: flex;
    align-items: center;
    width: 100%;
}

.phone-country-code {
    display: flex;
    align-items: center;
    background: #f8f9fa;
    border: 1px solid #efefef;
    border-right: 1px solid #e4e4e4;
    border-radius: 4px 0 0 4px;
    padding: 8px 12px;
    padding-right:25px;
    height:40px;
    color: #495057;
    white-space: nowrap; 
}

.phone-input {
    flex: 1;
    border-radius: 0 4px 4px 0 !important;
    border-left: none !important;
}

.phone-input:focus {
    border-left: none !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
}

/* Error Message Styling */
.field-error {
    color: #d63384 !important;
    font-size: 12px;
    margin-top: 5px;
    display: block;
    font-weight: normal;
}

.error-field {
    border-color: #d63384 !important;
    box-shadow: 0 0 0 0.2rem rgba(214, 51, 132, 0.25) !important;
}

/* Terms and Conditions Checkbox Styling */
.terms label {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 14px;
    line-height: 1.6;
}

.terms input[type="checkbox"] {
    margin-top: 4px;
    min-width: 16px;
    min-height: 16px;
    cursor: pointer;
}

.terms input[type="checkbox"]:required {
    accent-color: #007cba;
}

/* Make terms checkbox label more prominent */
.terms label a {
    color: #007cba;
    text-decoration: underline;
    font-weight: 500;
}

.terms label a:hover {
    color: #005a8b;
}

/* Full Name Field Styling */
.full-name-field {
    text-transform: capitalize;
}

/* =======================================
 * Hide specific candidate profile fields
 * ======================================= */

/* Hide Description/Content Editor field by ID - IMMEDIATE HIDING */
/* Direct ID targeting - safest approach */
#wp-cs_candidate_content_editor-wrap {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* Hide Description/Content Editor field and its label - kept for backup */
.cs-profile-info .input-info .row .col-lg-12:has(label:contains("Description")) {
    display: none !important;
}

/* Hide Complete Address field by ID - IMMEDIATE HIDING */
/* Direct ID targeting - safest approach */
#autocomplete_address,
input#autocomplete_address {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* Hide label and parent containers for address field */
label[for="autocomplete_address"],
.cs-social-network label[for="autocomplete_address"],
.cs-profile-info label[for="autocomplete_address"] {
    display: none !important;
}

/* Hide parent social-input container only if it contains autocomplete_address */
.cs-social-network .social-input:has(#autocomplete_address),
.cs-profile-info .social-input:has(#autocomplete_address) {
    display: none !important;
}

/* Hide Complete Address field specifically */
label:contains("Complete Address"),
.cs-social-network .social-media-info .social-input:has(#autocomplete_address),
.col-lg-12:has(label:contains("Complete Address")),
.input-info label:contains("Complete Address"),
.cs-social-network label:contains("Complete Address"),
.social-media-info label:contains("Complete Address") {
    display: none !important;
}

/* Hide Website field */
input#user_url,
label:contains("Website"),
.social-input:has(input#user_url) {
    display: none !important;
}

/* Hide Cover Image field */
#cs_cover_candidate_img_box,
.cs-cover-img,
.cs-img-detail:has(#cs_cover_candidate_img_box),
.upload-btn-div:has(input[name="cand_cover_media_upload"]) {
    display: none !important;

}

/* Hide CV section from CV & Cover Letter tab */
.cs-cover-letter .resume-upload,
.cs-cover-letter .inner-title:contains("Your CV"),
.cs-cover-letter .upload-btn-div:has(.cs-uploadimg),
.cs-cover-letter #selecteduser-cv {
    display: none !important;
}

/* Hide Portfolio section from My Resume tab */
.cs-portfolio,
#portfolio,
.cs-tabs.cs-portfolio {
    display: none !important;
}

/* Hide specific dashboard tabs */
li:has(a:contains("Packages")),
li:has(a:contains("CV & Cover Letter")),
li:has(a:contains("CV & cover letter")),
li:has(a:contains("Job Alerts")),
li:has(a:contains("Shortlisted jobs")) {
    display: none !important;
}

/* Hide from dropdown menus */
.dropdown-menu li:has(a:contains("Packages")),
.dropdown-menu li:has(a:contains("CV & Cover Letter")),
.dropdown-menu li:has(a:contains("CV & cover letter")),
.dropdown-menu li:has(a:contains("Job Alerts")),
.dropdown-menu li:has(a:contains("Shortlisted jobs")) {
    display: none !important;
}

/* Hide Arabic translations of the same tabs */
li:has(a:contains("تنبيهات الوظائف")),
li:has(a:contains("القائمة المختصرة")),
li:has(a:contains("الوظائف المحفوظة")),
li:has(a:contains("Shortlisted Jobs")),
li:has(a:contains("Job Alerts")) {
    display: none !important;
}

/* Hide Arabic translations from dropdown menus */
.dropdown-menu li:has(a:contains("تنبيهات الوظائف")),
.dropdown-menu li:has(a:contains("القائمة المختصرة")),
.dropdown-menu li:has(a:contains("الوظائف المحفوظة")),
.dropdown-menu li:has(a:contains("Shortlisted Jobs")),
.dropdown-menu li:has(a:contains("Job Alerts")) {
    display: none !important;
}


/* Style CV section in My Resume tab */
.cs-cv-upload {
    margin-top: 20px;
}

.cs-cv-upload .upload-btn-div {
    margin-bottom: 15px;
}

/* CV Update button - Using Global Button Style */
.cs-cv-upload .cs-update-btn .acc-submit.cs-section-update.cs-color.csborder-color {
    background-color: #7CB4C4 !important;
    border-color: #7CB4C4 !important;
    font-family: "Montserrat", "IBM Plex Arabic", sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    color: #FFFFFF !important;
    border-style: solid !important;
    border-width: 2px !important;
    border-radius: 70px !important;
    text-transform: none !important;
    padding: 12px 30px !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    display: inline-block !important;
    cursor: pointer !important;
}

.cs-cv-upload .cs-update-btn .acc-submit.cs-section-update.cs-color.csborder-color:hover {
    background-color: #FFFFFFDE !important;
    color: #7CB4C4 !important;
    border-color: #7CB4C4 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0px 4px 8px rgba(124, 180, 196, 0.3) !important;
}

.wp-jobhunt .upload-btn-div .upload-btn,
.wp-jobhunt .upload-btn-div .uplaod-btn {
    background-color: #7CB4C4 !important;
    border: 1px solid #7CB4C4 !important;
    color: #FFFFFF !important;
}

.wp-jobhunt .upload-btn-div .upload-btn span,
.wp-jobhunt .upload-btn-div .uplaod-btn span {
    color: #FFFFFF !important;
}

.wp-jobhunt .upload-btn-div .upload-btn:hover,
.wp-jobhunt .upload-btn-div .uplaod-btn:hover {
    background-color: #7CB4C4 !important;
    border-color: #7CB4C4 !important;
    color: #FFFFFF !important;
}

/* Hide Minimum Salary field */
.col-lg-6:has(#minimum_salary),
#minimum_salary {
    display: none !important;
}

/* Secondary Buttons (Update/Save buttons in forms) - Keep minimal style */
.wp-jobhunt input.acc-submit.cs-section-update,
.cs-update-btn .acc-submit {
    background-color: #7CB4C4 !important;
    color: #FFFFFF !important;
    border: 2px solid #7CB4C4 !important;
    border-radius: 70px !important;
    font-family: "Montserrat", "IBM Plex Arabic", sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    padding: 12px 30px !important;
}

.wp-jobhunt .resumes-list input.acc-submit[type="button"]:hover,
.cs-update-btn .acc-submit:hover {
    background-color: #FFFFFFDE !important;
    color: #7CB4C4 !important;
    border-color: #7CB4C4 !important;
}


.navigation li a span{
    position:relative;
}

#header .navigation > ul > li > a, #header .navigation > ul > li{
    font-family: "Montserrat", "IBM Plex Arabic", sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
}


.navigation > ul {
margin-top:12px !important;
}

.main-head {
    padding: 10px !important;
}

html[lang^="ar"] .wp-jobhunt .dasborad-fancy .account-menu li{
  text-align: right;
}

html[lang^="ar"] .wp-jobhunt #inner-links{
        padding-right:70px;
}

/* not working here but in additional css it is */
.wp-jobhunt .signup-form{
    margin-top:100px;
}

/* =======================================
 * RESPONSIVE NAVIGATION - HIDE HAMBURGER ON DESKTOP
 * ======================================= */

/* Hide hamburger menu icon on desktop and tablet landscape */
@media (min-width: 768px) {
    .navicon,
    .hamburger,
    .menu-toggle,
    .mobile-menu-toggle,
    .navbar-toggle,
    .btn-navbar,
    .menu-icon,
    [class*="navicon"],
    [class*="hamburger"],
    [class*="menu-toggle"] {
        display: none !important;
        visibility: hidden !important;
    }
}

/* Show hamburger menu icon only on mobile devices */
@media (max-width: 767px) {
    .navicon,
    .hamburger,
    .menu-toggle,
    .mobile-menu-toggle,
    .navbar-toggle,
    .btn-navbar,
    .menu-icon,
    [class*="navicon"],
    [class*="hamburger"],
    [class*="menu-toggle"] {
        display: block !important;
        visibility: visible !important;
    }
}

/* Additional specific targeting for common hamburger menu classes */
@media (min-width: 768px) {
    /* Common hamburger menu selectors */
    .cs-menu-toggle,
    .cs-navicon,
    .cs-hamburger,
    .main-navigation .menu-toggle,
    .site-navigation .menu-toggle,
    .header .menu-toggle,
    .navbar .navbar-toggle,
    .mobile-menu-btn,
    .mobile-nav-toggle,
    .toggle-menu,
    .menu-btn,
    .nav-toggle {
        display: none !important;
        visibility: hidden !important;
    }
}

/* Ensure it shows on mobile */
@media (max-width: 767px) {
    .cs-menu-toggle,
    .cs-navicon,
    .cs-hamburger,
    .main-navigation .menu-toggle,
    .site-navigation .menu-toggle,
    .header .menu-toggle,
    .navbar .navbar-toggle,
    .mobile-menu-btn,
    .mobile-nav-toggle,
    .toggle-menu,
    .menu-btn,
    .nav-toggle {
        display: block !important;
        visibility: visible !important;
    }
}

/* ========================================
   INLINE FIELD VALIDATION ERROR STYLING
======================================== */

/* Field error messages */
.field-error {
    color: #dc3545 !important;
    font-size: 12px !important;
    margin-top: 5px !important;
    display: block !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
}

/* Error field styling */
.error-field {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}

/* Phone field error styling */
.phone-field-container .field-error {
    margin-top: 8px !important;
}

/* Terms and conditions error styling */
.terms .field-error {
    margin-top: 10px !important;
    font-weight: 600 !important;
}

/* Specialism field error styling */
.select-holder .field-error {
    margin-top: 8px !important;
}

/* Organization name field error styling */
.field-holder .field-error {
    margin-top: 5px !important;
}

/* Make sure error messages are visible */
.field-error:not(:empty) {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Hide error messages when field is valid */
.field-error:empty {
    display: none !important;
}

/* ========================================
   GLOBAL FONT STANDARDIZATION
   Montserrat for English + IBM Plex Arabic for Arabic
   Original font weights preserved: Headings = 600 (Bold)
======================================== */

/* Body and HTML - Default font stack */
html, body {
    font-family: "Montserrat", "IBM Plex Arabic", sans-serif !important;
    font-weight: 400 !important;
}

/* Preserve icomoon icon font - MUST come before global override */
[class^="icon-"],
[class*=" icon-"],
[class^="icon-"]:before,
[class*=" icon-"]:before,
[class^="icon-"]:after,
[class*=" icon-"]:after,
i[class^="icon-"],
i[class*=" icon-"],
.icomoon,
[class*="fa-"],
[class*="glyphicon"] {
    font-family: 'icomoon' !important;
}

/* Headings - Bold weight (600) - Original weight preserved */
h1, h2, h3, h4,
.h1, .h2, .h3, .h4,
.elementor-heading-title {
    font-family: "Montserrat", "IBM Plex Arabic", sans-serif !important;
    font-weight: 600 !important;
}

/* Paragraphs - Regular weight */
p, .paragraph,
body *:not([class^="icon-"]):not([class*=" icon-"]):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
    font-family: "Montserrat", "IBM Plex Arabic", sans-serif !important;
}

/* Global font override for all other elements */
span, div, a, li, label,
input, textarea, select, button {
    font-family: "Montserrat", "IBM Plex Arabic", sans-serif !important;
}

/* H5 and H6 keep regular styling */
h5, h6, .h5, .h6 {
    font-family: "Montserrat", "IBM Plex Arabic", sans-serif !important;
}

/* Ensure text transforms to sentence case, not uppercase */
h1, h2, h3, h4, h5, h6,
.elementor-heading-title,
section .title,
.section-title {
    text-transform: none !important;
}

/* ========================================
   GLOBAL BUTTON STANDARDIZATION
   All buttons across the website (EXCEPT Elementor buttons)
   Elementor buttons keep their custom styling from Elementor editor
======================================== */
button:not(.elementor-button), 
.button:not(.elementor-button), 
.btn:not(.elementor-button),
input[type="submit"]:not(.elementor-button),
input[type="button"]:not(.elementor-button),
.acc-submit:not(.elementor-button),
a.button:not(.elementor-button),
a.btn:not(.elementor-button),
.wp-block-button__link,
.cs-button:not(.elementor-button),
.submit-btn:not(.elementor-button) {
    background-color: #7CB4C4 !important;
    font-family: "Montserrat", "IBM Plex Arabic", sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3) !important;
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5) !important;
    border-style: solid !important;
    border-width: 2px !important;
    border-color: #7CB4C4 !important;
    border-radius: 70px !important;
    text-transform: none !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
    text-align: center !important;
    cursor: pointer !important;
}

/* Button hover state (excluding Elementor buttons) */
button:not(.elementor-button):hover, 
.button:not(.elementor-button):hover, 
.btn:not(.elementor-button):hover,
input[type="submit"]:not(.elementor-button):hover,
input[type="button"]:not(.elementor-button):hover,
.acc-submit:not(.elementor-button):hover,
a.button:not(.elementor-button):hover,
a.btn:not(.elementor-button):hover {
    background-color: #FFFFFFDE !important;
    color: #7CB4C4 !important;
    border-color: #7CB4C4 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0px 4px 8px rgba(124, 180, 196, 0.3) !important;
}

/* Elementor buttons - Apply only font family, keep all other Elementor styling */
.elementor-button {
    font-family: "Montserrat", "IBM Plex Arabic", sans-serif !important;
}

/* ========================================
   SIGNUP & LOGIN FORMS SPECIFIC STYLING
   Border-radius: 8px for buttons and labels
======================================== */

/* Signup and Login Form Buttons - 8px border radius */
.signup-form button,
.signup-form input[type="submit"],
.signup-form input[type="button"],
.signup-form .button,
.signup-form .acc-submit,
.login-form button,
.login-form input[type="submit"],
.login-form input[type="button"],
.login-form .button,
.login-form .acc-submit,
.wp-jobhunt .signup-form button,
.wp-jobhunt .signup-form input[type="submit"],
.wp-jobhunt .login-form button,
.wp-jobhunt .login-form input[type="submit"],
form[name="signup"] button,
form[name="signup"] input[type="submit"],
form[name="login"] button,
form[name="login"] input[type="submit"],
.registration-form button,
.registration-form input[type="submit"],
.woocommerce-form-login button,
.woocommerce-form-login input[type="submit"],
.woocommerce-form-register button,
.woocommerce-form-register input[type="submit"] {
    border-radius: 8px !important;
}

/* Signup and Login Form Labels - 8px border radius */
.signup-form label,
.login-form label,
.wp-jobhunt .signup-form label,
.wp-jobhunt .login-form label,
form[name="signup"] label,
form[name="login"] label,
.registration-form label,
.woocommerce-form-login label,
.woocommerce-form-register label {
    border-radius: 8px !important;
    padding: 8px 12px !important;
    display: inline-block !important;
}

/* Signup and Login Form Input Fields - 8px border radius */
.signup-form input[type="text"],
.signup-form input[type="email"],
.signup-form input[type="password"],
.signup-form input[type="tel"],
.signup-form textarea,
.signup-form select,
.login-form input[type="text"],
.login-form input[type="email"],
.login-form input[type="password"],
.login-form input[type="tel"],
.login-form textarea,
.login-form select,
.wp-jobhunt .signup-form input[type="text"],
.wp-jobhunt .signup-form input[type="email"],
.wp-jobhunt .signup-form input[type="password"],
.wp-jobhunt .signup-form input[type="tel"],
.wp-jobhunt .signup-form textarea,
.wp-jobhunt .signup-form select,
.wp-jobhunt .login-form input[type="text"],
.wp-jobhunt .login-form input[type="email"],
.wp-jobhunt .login-form input[type="password"],
.wp-jobhunt .login-form input[type="tel"],
.wp-jobhunt .login-form textarea,
.wp-jobhunt .login-form select,
form[name="signup"] input[type="text"],
form[name="signup"] input[type="email"],
form[name="signup"] input[type="password"],
form[name="signup"] input[type="tel"],
form[name="signup"] textarea,
form[name="signup"] select,
form[name="login"] input[type="text"],
form[name="login"] input[type="email"],
form[name="login"] input[type="password"],
form[name="login"] input[type="tel"],
form[name="login"] textarea,
form[name="login"] select,
.registration-form input[type="text"],
.registration-form input[type="email"],
.registration-form input[type="password"],
.registration-form input[type="tel"],
.registration-form textarea,
.registration-form select,
.woocommerce-form-login input[type="text"],
.woocommerce-form-login input[type="email"],
.woocommerce-form-login input[type="password"],
.woocommerce-form-login input[type="tel"],
.woocommerce-form-login textarea,
.woocommerce-form-login select,
.woocommerce-form-register input[type="text"],
.woocommerce-form-register input[type="email"],
.woocommerce-form-register input[type="password"],
.woocommerce-form-register input[type="tel"],
.woocommerce-form-register textarea,
.woocommerce-form-register select {
    border-radius: 8px !important;
}

/* Form inputs and textareas */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
textarea,
select {
    font-family: "Montserrat", "IBM Plex Arabic", sans-serif !important;
    font-weight: 400 !important;
}

/* Navigation menu items */
.navigation a,
.menu a,
nav a {
    font-family: "Montserrat", "IBM Plex Arabic", sans-serif !important;
    font-weight: 400 !important;
}

/* Ensure registration error messages are visible to users */
.status-message {
    margin-top: 15px;
    margin-bottom: 15px;
    width: 100%;
    display: block !important;
}

.status-message.error,
.status-message.success {
    display: block !important;
    width: 100%;
    visibility: visible !important;
    opacity: 1 !important;
    padding-top: 10px;
}

.status-message.error .alert-danger,
.status-message.success .alert-success {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin-bottom: 10px;
}

/* Make sure error messages are prominent */
.status-message.error {
    color: #a94442;
}

.status-message.success {
    color: #3c763d;
}

.employer-dashboard.dasborad-fancy{
    padding-top: 50px;
}

/* ========================================
   HIDE APPLICATION COLUMN IN EMPLOYER DASHBOARD
   Manage Jobs Tab - Dashboard List
======================================== */

/* Hide Applications header count in dashboard-list (the "Applications 0" at top) */
.employer-dashboard .dashboard-list li:nth-child(2),
.employer-dashboard ul.dashboard-list li:nth-child(2),
.wp-jobhunt .employer-dashboard .dashboard-list li:nth-child(2) {
    display: none !important;
    visibility: hidden !important;
}

/* Hide Application(s) column in each job entry (the "Application(s) 0" per job) */
.employer-dashboard .list-holder .shortlist,
.employer-dashboard .managment-list .list-holder .shortlist,
.wp-jobhunt .employer-dashboard .list-holder .shortlist,
.managment-list li .list-holder .shortlist {
    display: none !important;
    visibility: hidden !important;
    max-width: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
}