.elementor-140 .elementor-element.elementor-element-b03e860{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-140 .elementor-element.elementor-element-38ec97d{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-140 .elementor-element.elementor-element-2a26534{text-align:center;}.elementor-140 .elementor-element.elementor-element-2a26534 .elementor-heading-title{color:#242429;}.elementor-140 .elementor-element.elementor-element-0dc22a3{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-140 .elementor-element.elementor-element-0dc22a3 .elementor-heading-title{font-size:18px;font-weight:400;color:#898989;}.elementor-140 .elementor-element.elementor-element-084e6c5 > .elementor-widget-container{margin:40px 0px 0px 0px;}@media(max-width:1024px){.elementor-140 .elementor-element.elementor-element-b03e860{--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}@media(max-width:767px){.elementor-140 .elementor-element.elementor-element-b03e860{--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}/* Start custom CSS for case27-add-listing-widget, class: .elementor-element-084e6c5 *//* ========================================
   ADD LISTING FORM - MINIMAL STYLING
   ONLY: Colors, Fonts, Borders, Shadows
   NO: Padding, Margin, Layout changes
   ======================================== */

/* ============================================
   FORM CONTAINER - Colors & Borders Only
   ============================================ */

    box-shadow: 0 4px 20px -2px rgba(0,0,0,0.08) !important;
    border: 2px solid #f1f5f9 !important;
}

/* ============================================
   FORM SECTION HEADERS
   ============================================ */

.form-section .pf-head {
    background: linear-gradient(to right, #f8fafc, #eff6ff) !important;
    border-bottom: 2px solid #e0e7ff !important;
}

.form-section .pf-head h3 {
    color: #1E40AF !important;
    font-family: 'Playfair Display', serif !important;
    font-weight: 700 !important;
}

/* ============================================
   FIELD LABELS
   ============================================ */

.field-head label {
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    color: #334155 !important;
    font-size: 0.875rem !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Field Descriptions */
.field-head .description,
.field-head small {
    color: #64748b !important;
    font-size: 0.8rem !important;
}

/* Required Field Asterisk */
.required-field label::after {
    content: " *" !important;
    color: #DC2626 !important;
}

/* ============================================
   INPUT FIELDS - Colors & Borders ONLY
   ============================================ */

.input-text,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
textarea {
    background: #f8fafc !important;
    border: 2px solid #e2e8f0 !important;
    border-radius: 0.75rem !important;
    font-family: 'Inter', sans-serif !important;
    color: #0F172A !important;
    transition: all 0.3s ease !important;
}

.input-text:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus {
    background: white !important;
    border-color: #1E40AF !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(30, 64, 175, 0.1) !important;
}

/* Placeholder */
::placeholder {
    color: #94a3b8 !important;
}

/* Category field spacing */
.fieldset-job_category {
    margin-bottom: 2rem !important;
    padding-bottom: 2rem !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

/* ============================================
   RICH TEXT EDITOR - FIXED BORDERS
   ============================================ */

/* Remove wrapper border, style TinyMCE directly */
#wp-job_description-wrap {
    border: none !important;
    border-radius: 0 !important;
}

/* Style the actual TinyMCE container */
.mce-tinymce {
    border: 2px solid #e2e8f0 !important;
    border-radius: 0.75rem !important;
    overflow: hidden !important;
}

/* Toolbar styling */
.mce-toolbar-grp {
    background: #f8fafc !important;
    border-bottom: 2px solid #e2e8f0 !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
}

/* Edit area - remove conflicting borders */
.mce-edit-area {
    border: none !important;
}

.mce-btn:hover {
    background: white !important;
    border-radius: 0.5rem !important;
}

.mce-btn.mce-active {
    background: #1E40AF !important;
    border-radius: 0.5rem !important;
}

.mce-btn.mce-active .mce-ico {
    color: white !important;
}

/* ============================================
   SELECT2 DROPDOWNS - Colors Only
   ============================================ */

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    background: #f8fafc !important;
    border: 2px solid #e2e8f0 !important;
    border-radius: 0.75rem !important;
}

.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    background: white !important;
    border-color: #1E40AF !important;
    box-shadow: 0 0 0 3px rgba(30, 64, 175, 0.1) !important;
}

/* Selected Tags */
.select2-selection__choice {
    background: linear-gradient(to right, #1E40AF, #3B82F6) !important;
    border: none !important;
    border-radius: 0.5rem !important;
    color: white !important;
}

.select2-selection__choice__remove {
    color: white !important;
}

.select2-selection__choice__remove:hover {
    color: #FCA5A5 !important;
}

/* Dropdown Menu */
.select2-dropdown {
    border: 2px solid #e2e8f0 !important;
    border-radius: 0.75rem !important;
    box-shadow: 0 10px 40px -10px rgba(0,0,0,0.15) !important;
}

.select2-results__option--highlighted {
    background: linear-gradient(to right, #1E40AF, #3B82F6) !important;
    color: white !important;
}

/* Time picker dropdown hover */
.ui-timepicker-list li:hover,
.ui-menu-item:hover,
.select2-results__option:hover {
    color: white !important;
}

/* ============================================
   LOCATION MAP
   ============================================ */

.location-picker-custom-map {
    border-radius: 1rem !important;
    border: 2px solid #e2e8f0 !important;
    box-shadow: 0 4px 20px -2px rgba(0,0,0,0.08) !important;
}

/* Add Location Button */
.add-location {
    background: white !important;
    border: 2px dashed #D97706 !important;
    color: #D97706 !important;
    border-radius: 0.75rem !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

.add-location:hover {
    background: #FFFBEB !important;
    border-color: #B45309 !important;
    color: #B45309 !important;
}

/* ============================================
   SUBMIT BUTTONS
   ============================================ */

/* Primary Button - Submit */
.skip-preview-btn,
button[value="submit--no-preview"] {
    background: linear-gradient(to right, #1E40AF, #3B82F6) !important;
    border: none !important;
    border-radius: 0.75rem !important;
    font-weight: 700 !important;
    color: white !important;
    box-shadow: 0 10px 30px -5px rgba(30, 64, 175, 0.3) !important;
    transition: all 0.3s ease !important;
}

.skip-preview-btn:hover,
button[value="submit--no-preview"]:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 15px 40px -5px rgba(30, 64, 175, 0.4) !important;
}

/* Secondary Button - Preview */
.preview-btn,
button[value="submit"] {
    background: white !important;
    border: 2px solid #D97706 !important;
    color: #D97706 !important;
    border-radius: 0.75rem !important;
    font-weight: 700 !important;
    transition: all 0.3s ease !important;
}

.preview-btn:hover,
button[value="submit"]:hover {
    background: #D97706 !important;
    color: white !important;
    transform: translateY(-2px) !important;
}

/* Tertiary Button - Save Draft */
.save-listing-button,
button[value="save--no-preview"] {
    background: #f8fafc !important;
    border: 2px solid #cbd5e1 !important;
    color: #475569 !important;
    border-radius: 0.75rem !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

.save-listing-button:hover,
button[value="save--no-preview"]:hover {
    background: white !important;
    border-color: #64748b !important;
    color: #0F172A !important;
}

/* ============================================
   TYPOGRAPHY - Text Elements Only
   ============================================ */

#submit-job-form p,
#submit-job-form span:not([class*="icon"]):not([class*="mi"]):not([class*="fa"]):not([class*="mce-ico"]),
#submit-job-form label,
#submit-job-form input:not([type="checkbox"]):not([type="radio"]),
#submit-job-form textarea,
#submit-job-form select {
    font-family: 'Inter', sans-serif !important;
}

#submit-job-form h1,
#submit-job-form h2,
#submit-job-form h3,
#submit-job-form h4 {
    font-family: 'Playfair Display', serif !important;
}

/* ============================================
   LINKS
   ============================================ */

#submit-job-form a {
    color: #1E40AF !important;
    transition: color 0.3s ease !important;
}

#submit-job-form a:hover {
    color: #D97706 !important;
}

/* ============================================
   ERROR & SUCCESS MESSAGES
   ============================================ */

.field-error,
.error {
    color: #DC2626 !important;
}

.field-success,
.success {
    color: #047857 !important;
}

/* ============================================
   ✅ MINIMAL VERSION
   
   WHAT THIS DOES:
   - Changes colors (blue/gold brand)
   - Styles borders & shadows
   - Updates fonts (Playfair/Inter)
   - Preserves ALL original spacing
   - Keeps dropdown arrows in place
   - Icons untouched
   
   WHAT THIS DOESN'T DO:
   - Change padding
   - Change margins
   - Break layouts
   - Move elements
   ============================================ */
   
input, textarea {
       padding: 15px !important;
   }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b03e860 */.add-listing-step {
    background-color: #DCEEFF;
}
#submit-job-form .form-section-wrapper.active+.form-footer .form-section, #submit-job-form .form-section-wrapper.active .form-section, body.elementor-editor-active #submit-job-form .form-section {
    margin-top: 60px;
}/* End custom CSS */