/* Native MyListing add/edit form only. Keep field nodes, conditions and submit actions intact. */
#submit-job-form.c27-submit-listing-form {
 box-sizing:border-box;
 width:100%;
 min-width:0;
}
#submit-job-form.c27-submit-listing-form > .form-section-wrapper > .form-section {
 box-sizing:border-box;
 width:100%!important;
 max-width:none;
 margin:0 0 20px!important;
}
#submit-job-form.c27-submit-listing-form > .form-section-wrapper:not(.form-footer) > .form-section {
 border:1px solid #dde1e5;
 border-top:3px solid #ffcc00;
 border-radius:12px;
 background:#fff;
 box-shadow:0 3px 12px #19212a08;
}
#submit-job-form.c27-submit-listing-form > .form-section-wrapper > .form-section > .pf-head {
 box-sizing:border-box;
 padding:14px 18px!important;
 margin:0;
 border-bottom:1px solid #e9ecef;
 border-radius:9px 9px 0 0;
 background:#fff;
 color:#24282e;
}
#submit-job-form.c27-submit-listing-form > .form-section-wrapper > .form-section > .pf-head .title-style-1 {
 margin:0;
}
#submit-job-form.c27-submit-listing-form > .form-section-wrapper > .form-section > .pf-head h5 {
 margin:0;
 color:#24282e!important;
 font-size:17px!important;
 line-height:1.4;
}
#submit-job-form.c27-submit-listing-form > .form-section-wrapper:not(.form-footer) > .form-section > .pf-body {
 display:grid;
 grid-template-columns:repeat(12,minmax(0,1fr));
 gap:16px 18px;
 box-sizing:border-box;
 padding:18px!important;
 min-width:0;
}
/* Unknown/complex fields and hook-inserted notices stay full width by default.
   Do not override a field's display: conditional hidden fields remain hidden. */
#submit-job-form.c27-submit-listing-form > .form-section-wrapper > .form-section > .pf-body > * {
 grid-column:1/-1;
 min-width:0;
}
#submit-job-form.c27-submit-listing-form > .form-section-wrapper > .form-section > .pf-body > .form-group {
 box-sizing:border-box;
 width:auto;
 max-width:100%;
 margin:0!important;
 padding:0!important;
}
#submit-job-form.c27-submit-listing-form .form-group > .field-head {
 flex-wrap:wrap;
 align-items:baseline;
 gap:4px 8px;
 margin:0 0 7px;
}
#submit-job-form.c27-submit-listing-form .form-group > .field-head > label {
 margin:0;
 color:#24282e;
 font-size:14px;
 line-height:1.45;
}
#submit-job-form.c27-submit-listing-form .form-group > .field-head > small.description {
 flex-basis:100%;
 font-size:12px;
 line-height:1.5;
}
#submit-job-form.c27-submit-listing-form .form-group > .field {
 min-width:0;
 max-width:100%;
}
#submit-job-form.c27-submit-listing-form .field > :is(input[type="text"],input[type="email"],input[type="tel"],input[type="url"],input[type="number"],input[type="date"],input[type="time"],textarea,select:not(.select2-hidden-accessible)) {
 box-sizing:border-box;
 width:100%;
 max-width:100%;
 min-width:0;
 min-height:44px;
 height:44px;
 padding:10px 12px!important;
 margin:0;
 border:1px solid #b9c1c8!important;
 border-radius:6px!important;
 background:#fff;
 color:#24282e;
 font:inherit;
 font-size:14px;
 line-height:22px;
 box-shadow:none;
}
#submit-job-form.c27-submit-listing-form .field > textarea {
 height:120px;
 min-height:120px;
 resize:vertical;
}
#submit-job-form.c27-submit-listing-form .field > :is(input,textarea,select:not(.select2-hidden-accessible)):focus-visible {
 outline:2px solid #9a7a00;
 outline-offset:2px;
}
/* Top-level Select2 only: leave repeaters, hours, datepickers and map controls alone. */
#submit-job-form.c27-submit-listing-form .field > .select2-container,
#submit-job-form.c27-submit-listing-form .field > .cts-term-multiselect > .select2-container {
 width:100%!important;
 max-width:100%;
 min-width:0;
}
#submit-job-form.c27-submit-listing-form .field > .select2-container .select2-selection,
#submit-job-form.c27-submit-listing-form .field > .cts-term-multiselect > .select2-container .select2-selection {
 box-sizing:border-box;
 min-height:44px;
 height:auto;
 border:1px solid #b9c1c8!important;
 border-radius:6px;
 background:#fff;
}
#submit-job-form.c27-submit-listing-form .field > .select2-container .select2-selection--single,
#submit-job-form.c27-submit-listing-form .field > .cts-term-multiselect > .select2-container .select2-selection--single {
 height:44px;
}
#submit-job-form.c27-submit-listing-form .field > .select2-container .select2-selection--single .select2-selection__rendered,
#submit-job-form.c27-submit-listing-form .field > .cts-term-multiselect > .select2-container .select2-selection--single .select2-selection__rendered {
 padding:0 34px 0 12px;
 line-height:42px;
}
#submit-job-form.c27-submit-listing-form .field > .select2-container .select2-selection--single .select2-selection__arrow,
#submit-job-form.c27-submit-listing-form .field > .cts-term-multiselect > .select2-container .select2-selection--single .select2-selection__arrow {
 top:1px;
 right:10px;
 height:42px;
}
#submit-job-form.c27-submit-listing-form .field > .select2-container .select2-selection--multiple .select2-selection__rendered,
#submit-job-form.c27-submit-listing-form .field > .cts-term-multiselect > .select2-container .select2-selection--multiple .select2-selection__rendered {
 display:flex!important;
 flex-wrap:wrap;
 align-items:center;
 gap:4px;
 width:100%;
 white-space:normal;
}
#submit-job-form.c27-submit-listing-form .field > .select2-container .select2-selection__choice,
#submit-job-form.c27-submit-listing-form .field > .cts-term-multiselect > .select2-container .select2-selection__choice {
 display:inline-flex;
 flex:0 1 auto!important;
 width:auto!important;
 max-width:100%;
 margin:0!important;
 padding:2px 7px!important;
 line-height:22px;
 white-space:normal;
 overflow-wrap:anywhere;
}
#submit-job-form.c27-submit-listing-form .field > .select2-container .select2-search--inline,
#submit-job-form.c27-submit-listing-form .field > .cts-term-multiselect > .select2-container .select2-search--inline {
 flex:1 1 50px!important;
 min-width:0;
 max-width:100%;
 margin:0!important;
}
#submit-job-form.c27-submit-listing-form .field > .select2-container .select2-search--inline input,
#submit-job-form.c27-submit-listing-form .field > .cts-term-multiselect > .select2-container .select2-search--inline input {
 box-sizing:border-box;
 width:100%!important;
 min-width:0;
 max-width:100%;
 margin:0!important;
 border:0!important;
}
/* One existing edit submit; add forms retain their native Submit/Preview/Draft actions. */
#submit-job-form.c27-submit-listing-form > .form-footer > .form-section {
 border:0;
 background:transparent;
 box-shadow:none;
}
#submit-job-form.c27-submit-listing-form > .form-footer > .form-section > .pf-body {
 padding:0!important;
}
#submit-job-form.c27-submit-listing-form .listing-form-submit-btn {
 display:flex;
 flex-wrap:wrap;
 justify-content:flex-end;
 gap:10px;
 margin:0;
}
#submit-job-form.c27-submit-listing-form .listing-form-submit-btn > button[type="submit"] {
 box-sizing:border-box;
 flex:0 0 auto;
 width:auto!important;
 min-height:44px;
 height:auto;
 margin:0!important;
 padding:10px 18px!important;
 border:1px solid #b9c1c8;
 border-radius:6px;
 font-size:14px;
 line-height:22px;
}
body.edit-listing-form #submit-job-form.c27-submit-listing-form .listing-form-submit-btn > button[type="submit"] {
 border-color:#ffcc00;
 background:#ffcc00;
 color:#171717;
}
@media(min-width:768px){
 #submit-job-form.c27-submit-listing-form > .form-section-wrapper > .form-section > .pf-body > :is(.field-type-text,.field-type-email,.field-type-url,.field-type-number,.field-type-select,.field-type-date,.field-type-time,.field-type-term-select,.field-type-select-products,.fieldset-job_logo,.fieldset-job_cover) {grid-column:span 6;}
}
@media(min-width:1200px){
 #submit-job-form.c27-submit-listing-form > .form-section-wrapper > .form-section > .pf-body > :is(.field-type-text,.field-type-email,.field-type-url,.field-type-number,.field-type-select,.field-type-time) {grid-column:span 3;}
 #submit-job-form.c27-submit-listing-form > .form-section-wrapper > .form-section > .pf-body > :is(.fieldset-job_title,.fieldset-job_tagline,.fieldset-job_video_url) {grid-column:span 6;}
 #submit-job-form.c27-submit-listing-form > #form-section-contact-information > .form-section > .pf-body {align-items:end;}
}
@media(max-width:767px){
 #submit-job-form.c27-submit-listing-form > .form-section-wrapper > .form-section {margin-bottom:16px!important;}
 #submit-job-form.c27-submit-listing-form > .form-section-wrapper > .form-section > .pf-head {padding:12px 14px!important;}
 #submit-job-form.c27-submit-listing-form > .form-section-wrapper:not(.form-footer) > .form-section > .pf-body {padding:14px!important;gap:14px;}
 #submit-job-form.c27-submit-listing-form .field > :is(input[type="text"],input[type="email"],input[type="tel"],input[type="url"],input[type="number"],input[type="date"],input[type="time"],textarea,select:not(.select2-hidden-accessible)) {font-size:16px;}
}