.elementor-30113 .elementor-element.elementor-element-ff4ff3b{--display:flex;}.elementor-30113 .elementor-element.elementor-element-0b84fcb .elementor-button{background-color:transparent;fill:var( --e-global-color-59d9a91d );color:var( --e-global-color-59d9a91d );background-image:linear-gradient(90deg, var( --e-global-color-9fa136d ) 0%, var( --e-global-color-1e523a3 ) 100%);}.elementor-30113 .elementor-element.elementor-element-0b84fcb .elementor-button-content-wrapper{flex-direction:row;}/* Start custom CSS *//* ==========================================================================
   FILE 6: POST A JOB FORM (Refined & Fixed)
   ========================================================================== */

/* --- 1. THE PAGE CONTAINER --- */
.wpjb-page-add {
    max-width: 100% !important;
    margin: 0 auto !important;
}

/* Breadcrumbs */
.wpjb-breadcrumb {
    background: transparent !important;
    border: none !important;
    padding: 0 0 25px 0 !important;
    color: #888 !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
}
.wpjb-breadcrumb a {
    color: #0C479D !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}
.wpjb-breadcrumb .wpjb-glyphs {
    margin: 0 8px !important;
    opacity: 0.5 !important;
    font-size: 0.8rem !important;
}

/* --- 2. FORM LAYOUT & SECTIONS --- */
.wpjb-form {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

/* Turn Fieldsets into Cards */
.wpjb-fieldset-job,
.wpjb-fieldset-company,
.wpjb-fieldset-location,
.wpjb-fieldset-coupon,
.wpjb-fieldset-wpjobboard-am,
.wpjb-fieldset-required_field,
.wpjb-fieldset-group_1 {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 30px !important;
    margin-bottom: 30px !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.02) !important;
    
    margin-top: 1.5rem !important;
}

/* Section Titles (Legends) - FIXED OVERFLOW */
.wpjb-form legend {
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    color: #0C479D !important;
    border-bottom: 0 !important;
    
    /* Fix for creeping out of border */
    width: auto !important;
    box-sizing: border-box !important; /* Keeps padding inside width */
    padding: 0 0 0 0 !important;
    margin: 10px 0 25px 0 !important;
    display: block !important;
    float: none !important; /* Prevents weird floating behavior */
}

/* --- 3. INPUT FIELDS --- */
.wpjb-label {
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    color: #333 !important;
    margin-bottom: 8px !important;
    display: block !important;
}

/* Standard Inputs */
input[type="text"], 
input[type="email"], 
input[type="url"], 
select, 
textarea {
    width: 100% !important;
    height: 48px !important;
    padding: 10px 15px !important;
    border: 1px solid #e2e8f0 !important; /* Added border back for definition */
    border-radius: 8px !important;
    background-color: #fcfcfc !important;
    font-size: 1rem !important;
    color: #333 !important;
    transition: all 0.2s ease !important;
    box-shadow: none !important;
}

/* Textarea height override */
textarea { height: auto !important; min-height: 120px !important; }

/* Focus State */
input:focus, select:focus, textarea:focus {
    border-color: #0C479D !important;
    background-color: #ffffff !important;
    outline: none !important;
}

/* Bigger Checkboxes */
input[type="checkbox"] {
    transform: scale(1.3); /* Make them 30% bigger */
    margin-right: 10px !important;
    cursor: pointer !important;
}

/* Fix the WYSIWYG Editor Container */
.wp-editor-wrap {
    border: 2px solid #e2e8f0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}
.wp-editor-container { border: none !important; }

/* --- 4. LISTING TYPE (Pricing Cards) - FIXED ALIGNMENT --- */
/* Grid Layout */
.wpjb-fieldset-coupon .wpjb-field {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
    gap: 20px !important;
}

/* The Card Wrapper */
.wpjb-listing-type-x {
    display: flex !important;
    flex-direction: column !important;
    border: 2px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 20px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    background: #fff !important;
    position: relative !important;
}

/* Hover & Selected States */
.wpjb-listing-type-x:hover,
.wpjb-listing-type-x:has(input:checked) {
    border-color: #0C479D !important;
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(12, 71, 157, 0.1) !important;
}
.wpjb-listing-type-x:has(input:checked) {
    background-color: #f0f7ff !important;
}

/* Hide the ugly default radio button container */
.wpjb-listing-type.wpjb-listing-radio {
    display: none !important; /* We use the card border to show selection */
}

/* Header Row (Title + Price) */
.wpjb-listing-type-name {
    display: flex !important;
    justify-content: space-between !important; /* Push apart */
    align-items: center !important;
    width: 100% !important;
    margin-bottom: 15px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px dashed #e2e8f0 !important;
}

.wpjb-listing-type-title {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    color: #333 !important;
    margin: 0 !important;
}

.wpjb-listing-type-cost {
    font-size: 1.4rem !important;
    font-weight: 800 !important;
    color: #0C479D !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Features Row (Inline) */
.wpjb-listing-type-features {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    align-items: center !important;
}

.wpjb-listing-type-features span {
    display: inline-flex !important;
    align-items: center !important;
    font-size: 0.85rem !important;
    color: #666 !important;
}

/* The "Featured" Pill */
.wpjb-listing-type-feature-featured {
    background-color: #e3f2fd !important;
    color: #0C479D !important;
    border: 1px solid #cce4f7 !important;
    border-radius: 50px !important;
    padding: 2px 10px !important;
    font-size: 0.75rem !important;
    text-transform: uppercase;
    font-weight: 700 !important;
}

/* --- 5. APPLICATION METHODS - FIXED CLICK TARGETS --- */
.wpjb-am-methods-box {
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;
}

.wpjb-am-box-method {
    border: 2px solid #e2e8f0 !important;
    border-radius: 8px !important;
    padding: 20px !important;
    background: #fff !important;
    cursor: pointer !important; /* Make whole box show pointer */
    transition: all 0.2s !important;
}
.wpjb-am-box-method:hover {
    border-color: #0C479D !important;
}

/* Label next to checkbox */
.wpjb-am-chbox-label {
    display: inline-block !important;
    font-weight: 700 !important;
    color: #333 !important;
}

/* Fix Email Input Row (Button on same line) */
.wpjb-am-box-config-email > div {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-top: 10px !important;
}

.wpjb-am-box-config input[type="text"] {
    margin: 0 !important;
    width: 100% !important;
    flex-grow: 1 !important; /* Take up available space */
}

/* Plus/Minus Buttons */
a.wpjb_am_remove_email, 
a#wpjb_am_add_email {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background: #f1f5f9 !important;
    color: #555 !important;
    text-decoration: none !important;
    border: 1px solid #e2e8f0 !important;
}
a.wpjb_am_remove_email:hover, 
a#wpjb_am_add_email:hover {
    background: #0C479D !important;
    color: #fff !important;
}

/* --- 6. FILE UPLOAD --- */
.wpjb-upload {
    border: 2px dashed #cbd5e1 !important;
    border-radius: 8px !important;
    background: #f8fafc !important;
    padding: 30px 0 !important;
    text-align: center !important;
    transition: border 0.2s !important;
}
.wpjb-upload:hover {
    border-color: #0C479D !important;
    background: #f0f7ff !important;
}
.wpjb-upload-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
}
.wpjb-upload-file.wpjb-button {
    background-color: #ffffff !important;
    color: #0C479D !important;
    border: 1px solid #0C479D !important;
    border-radius: 50px !important;
    padding: 8px 20px !important;
    font-size: 0.9rem !important;
    box-shadow: none !important;
}

/* --- 7. BUTTONS (Preview & Reset) --- */
/* Wrapper for buttons */
.wpjb-form fieldset:last-of-type > div > div {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
}

/* Preview Button */
.wpjb-submit {
    background-color: #0C479D !important;
    color: white !important;
    border: none !important;
    padding: 15px 40px !important;
    border-radius: 50px !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
}
.wpjb-submit:hover {
    background-color: #004487 !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 15px rgba(12, 71, 157, 0.2) !important;
}

/* Reset Link -> Secondary Button */
.wpjb-form a[href*="reset"] {
    margin: 0 !important;
    display: inline-block !important;
    padding: 13px 30px !important;
    border: 2px solid #e2e8f0 !important;
    border-radius: 50px !important;
    color: #666 !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    background: transparent !important;
    transition: all 0.2s !important;
}
.wpjb-form a[href*="reset"]:hover {
    border-color: #cbd5e1 !important;
    background: #f8fafc !important;
    color: #333 !important;
    transform: translateY(-2px);
}
/* Hide the word "or" between buttons if possible (Tricky in CSS, assuming it's loose text) */
.wpjb-form fieldset:last-of-type > div > div {
    font-size: 0 !important; /* Hides loose text */
}
/* Restore font size for buttons */
.wpjb-submit, .wpjb-form a[href*="reset"] {
    font-size: 1rem !important;
}/* End custom CSS */