/* ============================================================================
   ESLROK DJ CLASSIFIEDS CSS
   Load only on pages with DJ Classifieds content.
   VIP/crown/slider section lives in custom.css (global — appears on all pages).

   SECTIONS:
   1.  Global DJ Link & Font Styling
   2.  Job Search Form (form_search116)
   3.  Quick Search Widget
   4.  Resume Search Form (form_search135)
   5.  Shortlist / Alerts Module
   6.  Job Listings Table (dj-items-table2)
   7.  Promotion Rows (in-list crowned items)
   8.  Single Job View
   9.  Teacher / Resume Profile View (dj-classifieds.teachers)
   10. CF Box Field Label Emoji Icons
   11. Application / Contact Form
   12. Job Posting / Add Item Form
   13. User Dashboard (dj-useradverts)
   14. Payment / Pricing Tables
   15. Application Status Badges & Resume Tags
   16. Search Results Header
   17. Mobile Overrides
   ============================================================================ */


/* ============================================================================
   1. GLOBAL DJ LINK & FONT STYLING
   ============================================================================ */

#dj-classifieds a,
.djcf_menu a,
.djcf_user_menu a,
.djcf_regions a,
.mod_djclassifieds_cattree a,
.mod_djclassifieds_items a,
.dj_cf_search a {
  font-family: 'Space Grotesk', sans-serif !important;
}

.mod_djclassifieds_items a {
  color: #9277a3;
  text-decoration: none !important;
}

.mod_djclassifieds_items .date_cat { font-size: 12px; }

.mod_djcf_slider .items-content .item-box .item {
  margin: 0;
  padding: 20px;
  background: rgb(255 255 255 / 0%);
  backdrop-filter: blur(10px);
  border-radius: 10px;
}

.djcf-item-bottom.clearfix { max-width: 1200px; margin: auto; }

div#confirm_delete { z-index: 9999; }


/* ============================================================================
   2. JOB SEARCH FORM (form_search116)
   ============================================================================ */

#form_search116::before {
  content: '';
  position: absolute;
  inset: -2px;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(255,182,193,.18) 0%, rgba(251,191,193,.12) 40%, rgba(255,160,180,.15) 70%, rgba(168,85,247,.1) 100%);
  animation: eslrok-warmBlush 6s ease-in-out infinite;
  z-index: 0;
  pointer-events: none;
}

#form_search116::after {
  content: '';
  position: absolute;
  inset: -4px;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(255,182,193,.12) 0%, rgba(251,191,193,.08) 40%, rgba(255,160,180,.1) 70%, rgba(168,85,247,.06) 100%);
  filter: blur(10px);
  animation: eslrok-warmBlush 6s ease-in-out infinite;
  opacity: .4;
  z-index: 0;
  pointer-events: none;
}

#form_search116 > div[style*="clear:both"] { display: none; }
#form_search116 .joomla-modal.modal { z-index: 1055 !important; }

#form_search116 .modal.show {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 20px 0 !important;
}

#form_search116 .modal.show .modal-dialog { margin: auto; max-height: calc(100vh - 40px); }

#form_search116 .modal-content {
  border: none;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 30px 80px rgba(0,0,0,.08), 0 0 0 1px rgba(168,85,247,.06);
  overflow: hidden;
  position: relative;
}

#form_search116 .modal-content::before {
  content: '';
  position: absolute;
  inset: -2px;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(244,114,182,.4), rgba(168,85,247,.4), rgba(96,165,250,.4));
  filter: blur(1px);
  z-index: -1;
}

#form_search116 .modal-header {
  padding: 16px 24px;
  background: linear-gradient(135deg, rgba(252,231,243,.5), rgba(243,232,255,.5), rgba(219,234,254,.5));
  border-bottom: none;
}

#form_search116 .modal-title {
  font-size: .85rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .15em;
  background: linear-gradient(135deg, #ec4899, #a855f7, #3b82f6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

#form_search116 .modal-header .btn-close { opacity: .3; transition: all .2s; }
#form_search116 .modal-header .btn-close:hover { opacity: 1; transform: rotate(90deg); }
#form_search116 .modal-body { padding: 20px 24px; }

#form_search116 .se_checkbox_v {
  align-items: center;
  gap: 10px;
  padding: 6px 10px;
  margin-bottom: 2px;
  border-radius: 8px;
  transition: all .2s;
  cursor: pointer;
}

#form_search116 .se_checkbox_v:hover {
  background: linear-gradient(135deg, rgba(243,232,255,.3), rgba(252,231,243,.2));
}

#form_search116 .se_checkbox_v .form-check-input {
  width: 18px;
  height: 18px;
  border-radius: 6px;
  border: 2px solid rgba(168,85,247,.15);
  cursor: pointer;
  transition: all .2s;
  accent-color: #a855f7;
  flex-shrink: 0;
}

#form_search116 .se_checkbox_v .form-check-input:checked {
  background: linear-gradient(135deg, #ec4899, #a855f7);
  border-color: transparent;
}

#form_search116 .se_checkbox_v .radio_label {
    font-size: var(--type-ui-lg);
  font-weight: 500;
  color: #6b7280;
  cursor: pointer;
  transition: color .2s;
}

#form_search116 .se_checkbox_v:hover .radio_label { color: #7c3aed; }
#form_search116 .se_checkbox_v .form-check-input:checked + .radio_label { color: #7c3aed; font-weight: 600; }

#form_search116 .modal-footer {
  border-top: none;
  padding: 12px 24px;
  background: linear-gradient(135deg, rgba(252,231,243,.3), rgba(243,232,255,.3), rgba(219,234,254,.3));
}

#form_search116 .modal-footer .btn {
  border-radius: 12px;
  background: linear-gradient(135deg, #ec4899, #a855f7, #3b82f6);
  border: none;
  color: #fff;
  font-weight: 600;
  font-size: .85rem;
  padding: 8px 28px;
  box-shadow: 0 4px 15px rgba(168,85,247,.25);
  transition: all .3s;
}

#form_search116 .modal-footer .btn:hover { transform: translateY(-1px); box-shadow: 0 6px 20px rgba(168,85,247,.35); }

input#input_search116 { background: none; border: 1px solid #c9c9e6; }

.djjobform { display: flex; }
form.djjobform { flex-wrap: wrap !important; align-items: flex-start; }

div#search116_ex_fields {
  display: flex;
  position: relative;
  z-index: auto !important;
  background: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-radius: 0;
  padding: 6px 10px;
  width: auto !important;
  flex: 1 1 0 !important;
  min-width: 0;
  overflow: hidden;
  margin-right: 10px;
}

.search-box-div-last-row {
  max-width: 100% !important;
  width: 100% !important;
  flex: 0 0 100% !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: -10px !important;
  padding-bottom: 10px;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.search_cats.djcf_se_row { width: 200px; margin-right: 10px; }
select#se116_cat_0 { font-size: 14px; }

.djseform_field .label {
font-size: var(--type-ui-sm);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #a855f7;
}

.djmodal_trigger { text-decoration: none !important; color: #374151 !important; font-weight: 600; font-size: 1rem; transition: color .2s; }
.djmodal_trigger:hover { color: #a855f7 !important; }
span.djmodal_trigger.active { color: inherit !important; }
.djmodal_trigger_wrapper { padding-right: 20px; }

/* Field widths — form_search116 */
.djseform_field.djse_type_checkbox.djse_field_5.djse_location.djshow_in_modal { width: 30%; }
.djseform_field.djse_type_checkbox.djse_field_2.djse_contract_type.djshow_in_modal,
.djseform_field.djse_type_checkbox.djse_field_1.djse_student_type.djshow_in_modal,
.djseform_field.djse_type_checkbox.djse_field_8.djse_start_time.djshow_in_modal,
.djseform_field.djse_type_select.djse_field_3.djse_visa_sponsorship { width: 20%; }
.djseform_field.djse_type_select.djse_field_3.djse_visa_sponsorship select.form-select { width: 150px; }
.djseform_field.djse_type_checkbox.djse_field_11.djse_start_time.djshow_in_modal { width: 20%; }

.djse_search_btn {
  border-radius: 10px !important;
  background: linear-gradient(135deg, #a855f7, #7c3aed) !important;
  border: none !important;
  box-shadow: 0 4px 15px rgba(168,85,247,.3) !important;
  transition: all .3s !important;
}
.djse_search_btn:hover { transform: translateY(-2px) !important; box-shadow: 0 6px 20px rgba(168,85,247,.4) !important; }

button.djclose.close.novalidate.button.btn.btn-secondary.btn-sm {
  background: red;
  width: 15px;
  height: 15px;
  line-height: 0;
  color: #fff;
  margin: 0;
  padding: 0 0 1px 0;
}

.searchmodulebutton {
  background: linear-gradient(135deg, #ff9a9e, #a855f7) !important;
  margin-left: 10px;
  color: #fff !important;
  border: none !important;
  padding: 8px 15px !important;
  border-radius: 14px !important;
  font-weight: 700 !important;
  font-size: .88rem !important;
  cursor: pointer !important;
  box-shadow: 0 4px 20px rgba(255,154,158,.2) !important;
  font-family: 'Space Grotesk', sans-serif !important;
  transition: all .3s ease !important;
  letter-spacing: .3px !important;
}

.search_buttons { display: flex; }
a.reset.reset_button { margin-left: 10px; margin-top: 5px; }

.dj_cf_search .djcf_se_row label {
  display: block;
  margin: 6px 0 3px 0;
  font-weight: bold;
font-size: var(--type-ui-sm);
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #a855f7;
}

div#menu-item_9746815301771778689639291 { display: none !important; }


/* ============================================================================
   3. QUICK SEARCH WIDGET
   ============================================================================ */

.quicksearch-wrapper {
  line-height: 15px;
  align-items: stretch !important;
  background: rgba(255,255,255,0) !important;
  backdrop-filter: blur(4px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
  transition: all .3s ease !important;
  position: relative !important;
  margin-top: 10px;
}

.quicksearch-table {width: 85%;margin: auto;}
.quicksearch-table tr { vertical-align: top; }

.quicksearch-col {
  width: 33%;
  padding: 25px 10px 10px 0;
  font-weight: normal;
  text-align: center;
}

.quicksearch-col-seoul,
.quicksearch-col-cities { padding-left: 20px; padding-right: 15px; }
.quicksearch-col p { margin: 0 0 5px 0; }

.quicksearch-wrapper .quicksearchtitle {
    font-family: 'Space Grotesk', sans-serif;
    display: block;
    font-size: var(--type-ui);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: #9e88b9;
    margin-bottom: 10px;
}

.quicksearch-wrapper .quicksearchtitle-spaced { margin-top: 10px; }

.quicksearch-sublabel {
  display: inline-block;
  font-size: 14px;
  font-weight: 300;
  margin-right: 10px;
  color: #9e88b9;
}

.quicksearch-btn-wrap { display: inline-block; margin-bottom: 7px; }

.quicksearch-wrapper a.quicksearch {
  display: inline-block;
  padding: 7px 8px;
  border-radius: 10px;
    font-size: var(--type-ui);
    line-height: var(--type-xs);
  font-weight: 300;
  color: #825ca1;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: none;
  cursor: pointer;
  text-decoration: none;
  transition: all .25s ease;
  margin: 0;
      font-family: 'Space Grotesk', sans-serif;
}

.quicksearch-wrapper a.quicksearch:hover {
  background: rgba(168,85,247,.1);
  border-color: rgba(168,85,247,.3);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(168,85,247,.12);
  color: #6b21a8;
  text-decoration: none;
}

.quicksearch-province a.quicksearch { color: #9333ea; font-style: italic; }

div#mod_djclassifieds_items169 {
  max-width: 800px;
  font-size: 20px;
  background: rgb(255 255 255 / 0%);
  backdrop-filter: blur(10px);
  border-radius: 10px;
  padding: 10px;
}


/* ============================================================================
   4. RESUME SEARCH FORM (form_search135)
   ============================================================================ */

form#form_search135 {
  word-break: keep-all;
  position: relative;
  border: 2px solid rgb(247,228,255);
  border-radius: 14px;
  padding: 10px 10px 10px 15px;
  overflow: visible !important;
}

#form_search135::before {
  content: '';
  position: absolute;
  inset: -2px;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(255,182,193,.18) 0%, rgba(251,191,193,.12) 40%, rgba(255,160,180,.15) 70%, rgba(168,85,247,.1) 100%);
  animation: eslrok-warmBlush 6s ease-in-out infinite;
  z-index: 0;
  pointer-events: none;
}

input#input_search135 { background: none; border: 1px solid #c9c9e6; box-shadow: 1px 1px black; }
div#search135_ex_fields { display: flex !important; }

/* Field widths — form_search135 */
.djseform_field.djse_type_checkbox.djse_field_6.djse_location.djshow_in_modal { width: 20%; }
.djseform_field.djse_type_checkbox.djse_field_3.djse_previous_experience.djshow_in_modal { width: 20%; }
.djseform_field.djse_type_checkbox.djse_field_4.djse_nationality.djshow_in_modal { width: 20%; }
.djseform_field.djse_type_checkbox.djse_field_5.djse_qualifications.djshow_in_modal { width: 20%; }
.djseform_field.djse_type_checkbox.djse_field_1.djse_visa_type.djshow_in_modal { width: 10%; }
.djseform_field.djse_type_checkbox.djse_field_2.djse_gender.djshow_in_modal { width: 10%; }

.search_word.djcf_se_row {
  width: 200px;
  box-shadow: 1px 1px 8px -1px #0000001c;
  border-radius: 7px;
  height: 37px;
  margin: 0;
}

.dj2searchbox { display: flex; margin: auto; width: 420px; }

#form_search135 .joomla-modal.modal { z-index: 1055 !important; }

#form_search135 .modal.show {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 20px 0 !important;
}

#form_search135 .modal.show .modal-dialog { margin: auto; max-height: calc(100vh - 40px); }

#form_search135 .modal-content {
  border: none;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 30px 80px rgba(0,0,0,.08), 0 0 0 1px rgba(168,85,247,.06);
  overflow: hidden;
  position: relative;
}

#form_search135 .modal-content::before {
  content: '';
  position: absolute;
  inset: -2px;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(244,114,182,.4), rgba(168,85,247,.4), rgba(96,165,250,.4));
  filter: blur(1px);
  z-index: -1;
}

#form_search135 .modal-header {
  padding: 16px 24px;
  background: linear-gradient(135deg, rgba(252,231,243,.5), rgba(243,232,255,.5), rgba(219,234,254,.5));
  border-bottom: none;
}

#form_search135 .modal-title {
  font-size: .85rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .15em;
  background: linear-gradient(135deg, #ec4899, #a855f7, #3b82f6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

#form_search135 .modal-header .btn-close { opacity: .3; transition: all .2s; }
#form_search135 .modal-header .btn-close:hover { opacity: 1; transform: rotate(90deg); }
#form_search135 .modal-body { padding: 20px 24px; }

#form_search135 .se_checkbox_v {
  align-items: center;
  gap: 10px;
  padding: 6px 10px;
  margin-bottom: 2px;
  border-radius: 8px;
  transition: all .2s;
  cursor: pointer;
}

#form_search135 .se_checkbox_v:hover {
  background: linear-gradient(135deg, rgba(243,232,255,.3), rgba(252,231,243,.2));
}

#form_search135 .se_checkbox_v .form-check-input {
  width: 18px;
  height: 18px;
  border-radius: 6px;
  border: 2px solid rgba(168,85,247,.15);
  cursor: pointer;
  transition: all .2s;
  accent-color: #a855f7;
  flex-shrink: 0;
}

#form_search135 .se_checkbox_v .form-check-input:checked {
  background: linear-gradient(135deg, #ec4899, #a855f7);
  border-color: transparent;
}

#form_search135 .se_checkbox_v .radio_label { font-size: 1.05rem; font-weight: 500; color: #6b7280; cursor: pointer; transition: color .2s; }
#form_search135 .se_checkbox_v:hover .radio_label { color: #7c3aed; }
#form_search135 .se_checkbox_v .form-check-input:checked + .radio_label { color: #7c3aed; font-weight: 600; }

#form_search135 .modal-footer {
  border-top: none;
  padding: 12px 24px;
  background: linear-gradient(135deg, rgba(252,231,243,.3), rgba(243,232,255,.3), rgba(219,234,254,.3));
}

#form_search135 .modal-footer .btn {
  border-radius: 12px;
  background: linear-gradient(135deg, #ec4899, #a855f7, #3b82f6);
  border: none;
  color: #fff;
  font-weight: 600;
  font-size: .85rem;
  padding: 8px 28px;
  box-shadow: 0 4px 15px rgba(168,85,247,.25);
  transition: all .3s;
}

#form_search135 .modal-footer .btn:hover { transform: translateY(-1px); box-shadow: 0 6px 20px rgba(168,85,247,.35); }

div#mod_djcf_search196 { text-align: center; }


/* ============================================================================
   5. SHORTLIST / ALERTS MODULE
   ============================================================================ */

form#ms_131_af { margin: auto; width: 300px; }
form#ms_131_df { margin: auto; width: 300px; text-align: center; }
.myshortlist_button_wrapper { float: right; }


/* ============================================================================
   6. JOB LISTINGS TABLE (dj-items-table2)
   ============================================================================ */

.dj-items-table2 {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  padding: 12px !important;
  margin-bottom: 40px;
}

.dj-items-table2 > .item_row.item_header { display: none !important; }

.dj-items-table2 > .item_row:not(.item_header) {
  display: flex !important;
  align-items: stretch !important;
  background: rgba(255,255,255,.45) !important;
  backdrop-filter: blur(16px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
    border: 2px solid #f7edff;
  border-radius: 14px !important;
  padding: 0;
  transition: all .3s ease !important;
  position: relative !important;
  box-shadow: 0 2px 8px rgba(168,85,247,.04), 0 1px 3px rgba(0,0,0,.03) !important;
}

.dj-items-table2 > .item_row:not(.item_header):hover {
  background: rgba(255,255,255,.6) !important;
  backdrop-filter: blur(20px) saturate(200%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(200%) !important;
  box-shadow: 0 8px 24px rgba(168,85,247,.08), 0 2px 6px rgba(0,0,0,.04) !important;
  transform: translateY(-1px) !important;
  border-color: rgba(168,85,247,.15) !important;
}

.dj-items-table2 > .item_row:not(.item_header) > .item_col.name.first {
  flex: 0 0 40% !important;
  width: 40% !important;
  padding: 20px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.dj-items-table2 > .item_row:not(.item_header) > .item_col:not(.name):not(.date_startnormal) {
  display: inherit;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px 16px !important;
  padding-left: 20px !important;
  flex: 0 0 60% !important;
  width: 60% !important;
}

.dj-items-table2 .catname {
  display: inline-block !important;
  background: linear-gradient(135deg, rgba(168,85,247,.12), rgba(96,165,250,.12)) !important;
  color: #7c3aed !important;
  padding: 2px 10px !important;
  border-radius: 20px !important;
  font-size: .75rem !important;
  font-weight: 600 !important;
  letter-spacing: .02em !important;
  margin-left: 0 !important;
  margin-right: 5px;
}

.dj-items-table2 .DJ1title {
  color: #1e1b4b !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: color .2s ease !important;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
      font-size: var(--type-body-lg);
}

.dj-items-table2 .DJ1title:hover { color: #7c3aed !important; }

.dj-items-table2 .label_title {
  font-weight: 400;
  font-size: 15px !important;
  color: #9e88bb !important;
  margin-right: 5px;
}

.dj-items-table2 .cf_box {
  display: inline-block;
font-size: var(--type-ui-sm);
  color: #66498d !important;
  font-family: 'Space Grotesk', sans-serif;
  line-height: 2rem;
  margin-right: 20px;
}

#dj-classifieds .dj-items-table2 .item_row .item_col.first {
  border-radius: 12px 0 0 12px;
  border: none !important;
  border-right: 1px solid #b896f23b !important;
  text-align: left;
  padding: 13px 20px 20px 20px;
}

#dj-classifieds .dj-items-table2 .item_row .item_col:last-child {
  text-align: left;
  vertical-align: middle;
  padding: 20px !important;
  border: none !important;
}

.item_col.date_startnormal {
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  position: absolute;
  top: 3px;
  left: 5px;
}

span.job_date {
  font-size: 0.85rem;
  background: #e2dfdf66;
  color: grey;
  padding: 2px 10px !important;
  border-radius: 20px !important;
}

.cf_box { margin-right: 0; }

.dj-items-table2 h3 a.title { color: #1e1b4b !important;    font-weight: 600 !important;    text-decoration: none !important;    transition: color .2s ease !important;    display: -webkit-box;    -webkit-line-clamp: 3;    -webkit-box-orient: vertical;    overflow: hidden;    font-size: var(--type-body-lg);}
.dj-items-table2 h3 a.title:hover { color: rgb(124,58,237) !important; }
.resumeupdated { font-size: 12px; color: #808080cf; }

h2.jobtitleh2 { margin: 0 !important; padding: 23px 0 0 10px !important; text-align: left; }
#dj-classifieds .dj-items-table2 { margin-bottom: 40px; }


/* ============================================================================
   7. PROMOTION ROWS (in-list crowned items)
   ============================================================================ */

.dj-items-table2 > .item_row.promotion {
  position: relative;
  background: linear-gradient(135deg, rgba(255,251,235,.9), rgba(255,255,255,.85)) !important;
  background-image: linear-gradient(135deg, rgba(255,251,235,.9), rgba(255,255,255,.85)) !important;
  border: 2px solid rgba(245,158,11,.25) !important;
  border-left: 2px solid rgba(245,158,11,.25) !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 20px rgba(245,158,11,.1), 0 2px 8px rgba(0,0,0,.04) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  margin-bottom: 12px;
  overflow: visible;
}

.dj-items-table2 > .item_row.promotion::before {
  content: '👑';
  position: absolute;
  top: -22px;
  left: -14px;
  font-size: 1.4rem;
  filter: drop-shadow(0 2px 4px rgba(212,175,55,.3));
  animation: eslrok-crownBob 3s ease-in-out infinite;
  z-index: 2;
}

.dj-items-table2 > .item_row.promotion .catname {
  background: linear-gradient(135deg, #f59e0b, #eab308) !important;
  color: #fff !important;
}

.dj-items-table2 > .item_row.promotion .item_col:first-child a { color: #92400e !important; }
.dj-items-table2 > .item_row.promotion .company_name,
.dj-items-table2 > .item_row.promotion .company_name a { color: #b45309 !important; }
.dj-items-table2 > .item_row.promotion .label_title { color: #92400e !important; }
.dj-items-table2 > .item_row.promotion .item_col.name.first { border-right: 2px solid rgba(245,158,11,.15) !important; }

.dj-items-table2 > .item_row.promotion:hover {
  background: linear-gradient(135deg, rgba(255,251,235,.9), rgba(255,255,255,.85)) !important;
  background-image: linear-gradient(135deg, rgba(255,251,235,.9), rgba(255,255,255,.85)) !important;
  border-color: rgba(245,158,11,.25) !important;
  box-shadow: 0 8px 30px rgba(245,158,11,.15), 0 2px 8px rgba(0,0,0,.06) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  transform: translateY(-1px) !important;
  transition: all .3s ease !important;
}


/* ============================================================================
   8. SINGLE JOB VIEW
   ============================================================================ */

#dj-classifieds:is(.standard-single-jobs,.recruiter-jobs-jobs-lists,.recruiter-single-job) .dj-item {
  background: linear-gradient(160deg, #fff5f7 0%, #ffffff 40%, #f8f4ff 100%) !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255,154,158,.2) !important;
  box-shadow: 0 16px 48px rgba(255,107,107,.08), 0 4px 12px rgba(168,85,247,.04) !important;
  overflow: hidden !important;
  position: relative !important;
  padding: 0 !important;
  margin: 0 auto 30px !important;
  max-width: 1200px !important;
  font-family: 'Space Grotesk', sans-serif !important;
}

#dj-classifieds:is(.standard-single-jobs,.recruiter-jobs-jobs-lists,.recruiter-single-job) .dj-item::after {
  content: '' !important;
  position: absolute !important;
  top: 44px !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 5px !important;
  background: linear-gradient(to bottom, #ff9a9e, #a855f7, #60a5fa) !important;
  border-radius: 0 0 0 16px !important;
  z-index: 5 !important;
  pointer-events: none !important;
  height: auto !important;
  display: block !important;
}

#dj-classifieds:is(.standard-single-jobs,.recruiter-jobs-jobs-lists,.recruiter-single-job) .dj-item::before {
  content: '';
  display: block;
  width: 100%;
  height: 44px;
  border-bottom: 1px solid rgba(255,154,158,.12);
  background:
    radial-gradient(circle 10px at 24px 22px, rgba(255,95,87,.15) 0%, transparent 100%),
    radial-gradient(circle 10px at 44px 22px, rgba(255,189,46,.15) 0%, transparent 100%),
    radial-gradient(circle 10px at 64px 22px, rgba(40,200,64,.15) 0%, transparent 100%),
    radial-gradient(circle 5.5px at 24px 22px, #ff5f57 5px, transparent 5.5px),
    radial-gradient(circle 5.5px at 44px 22px, #ffbd2e 5px, transparent 5.5px),
    radial-gradient(circle 5.5px at 64px 22px, #28c840 5px, transparent 5.5px),
    linear-gradient(90deg, rgba(255,154,158,.1) 0%, rgba(255,240,245,.6) 30%, rgba(255,255,255,.5) 100%);
  background-repeat: no-repeat;
}

#dj-classifieds:is(.standard-single-jobs,.recruiter-jobs-jobs-lists,.recruiter-single-job) .dj-item .title_top::before {
  content: '🌸 eslrok.com';
  display: block;
  text-align: center;
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 600;
  font-size: .78rem;
  color: #e8a0b4;
  letter-spacing: .5px;
  margin-bottom: 16px;
  margin-top: -44px;
  height: 44px;
  line-height: 44px;
  pointer-events: none;
}

#dj-classifieds:is(.standard-single-jobs,.recruiter-jobs-jobs-lists,.recruiter-single-job) .dj-item-in {
  border-left: none !important;
  border-image: none !important;
  padding: 0 30px 28px !important;
}

#dj-classifieds:is(.standard-single-jobs,.recruiter-jobs-jobs-lists,.recruiter-single-job) .dj-item .title_top {
  background: linear-gradient(135deg, rgba(255,240,245,.7) 0%, rgba(250,245,255,.5) 50%, rgba(240,248,255,.4) 100%) !important;
  padding: 0 30px 20px !important;
  margin: 0 !important;
  border-bottom: 1px solid rgba(168,85,247,.06) !important;
  position: relative !important;
}

#dj-classifieds:is(.standard-single-jobs,.recruiter-jobs-jobs-lists,.recruiter-single-job) .dj-item .title_top::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 30px;
  right: 30px;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(255,154,158,.3), rgba(168,85,247,.3), rgba(96,165,250,.3), transparent);
  border-radius: 2px;
}

#dj-classifieds:is(.standard-single-jobs,.recruiter-jobs-jobs-lists,.recruiter-single-job) .dj-item .title_top h1 {
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 1.65rem !important;
  font-weight: 700 !important;
  color: #1a1a2e !important;
  letter-spacing: -.3px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.4 !important;
  background: none !important;
  -webkit-text-fill-color: #1a1a2e !important;
}

#dj-classifieds:is(.standard-single-jobs,.recruiter-jobs-jobs-lists,.recruiter-single-job) .custom_det h2 { display: none !important; }

#dj-classifieds:is(.standard-single-jobs,.recruiter-jobs-jobs-lists,.recruiter-single-job) .custom_det_content {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-bottom: 24px !important;
}

#dj-classifieds:is(.standard-single-jobs,.recruiter-jobs-jobs-lists,.recruiter-single-job) .custom_det_content > .row {
  display: flex !important;
  flex-direction: column !important;
  background: rgba(168,85,247,.03) !important;
  border: 1px solid rgba(168,85,247,.08) !important;
  border-radius: 10px !important;
  padding: 10px 16px !important;
  min-width: 180px !important;
  flex: 1 1 calc(33% - 10px) !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  transition: all .2s ease !important;
}

#dj-classifieds:is(.standard-single-jobs,.recruiter-jobs-jobs-lists,.recruiter-single-job) .custom_det_content > .row:hover {
  background: rgba(168,85,247,.06) !important;
  border-color: rgba(168,85,247,.15) !important;
}

#dj-classifieds:is(.standard-single-jobs,.recruiter-jobs-jobs-lists,.recruiter-single-job) .custom_det_content > .row > .row_label {
  display: block !important;
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  color: #c4b5fd !important;
  margin-bottom: 3px !important;
}

#dj-classifieds:is(.standard-single-jobs,.recruiter-jobs-jobs-lists,.recruiter-single-job) .custom_det_content > .row > .row_value {
  display: block !important;
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: .98rem !important;
  font-weight: 600 !important;
  color: #1a1a2e !important;
}

#dj-classifieds:is(.standard-single-jobs,.recruiter-jobs-jobs-lists,.recruiter-single-job) #ask_form_button {
  background: linear-gradient(135deg, #ff9a9e, #a855f7) !important;
  color: #fff !important;
  border: none !important;
  padding: 13px 30px !important;
  border-radius: 14px !important;
  font-weight: 700 !important;
  font-size: .88rem !important;
  cursor: pointer !important;
  box-shadow: 0 4px 20px rgba(255,154,158,.2) !important;
  font-family: 'Space Grotesk', sans-serif !important;
  transition: all .3s ease !important;
  letter-spacing: .3px !important;
}

#dj-classifieds:is(.standard-single-jobs,.recruiter-jobs-jobs-lists,.recruiter-single-job) #ask_form_button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 30px rgba(255,154,158,.3) !important;
}

#dj-classifieds:is(.standard-single-jobs,.recruiter-jobs-jobs-lists,.recruiter-single-job) .dj-item .item_desc,
#dj-classifieds:is(.standard-single-jobs,.recruiter-jobs-jobs-lists,.recruiter-single-job) .dj-item .description {
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: .9rem !important;
  line-height: 1.85 !important;
  color: #475569 !important;
  padding-top: 20px !important;
  border-top: none;
}

#dj-classifieds:is(.standard-single-jobs,.recruiter-jobs-jobs-lists,.recruiter-single-job) .dj-item .general_det h2,
#dj-classifieds:is(.standard-single-jobs,.recruiter-jobs-jobs-lists,.recruiter-single-job) .dj-item .general_det_in h2 {
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: .72rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  color: #a855f7 !important;
  margin-bottom: 8px !important;
}

#dj-classifieds:is(.standard-single-jobs,.recruiter-jobs-jobs-lists,.recruiter-single-job) .general_det { border: none !important; background: none !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; }
#dj-classifieds:is(.standard-single-jobs,.recruiter-jobs-jobs-lists,.recruiter-single-job) .general_det_in { padding: 0 !important; font-family: 'Space Grotesk', sans-serif !important; }
#dj-classifieds:is(.standard-single-jobs,.recruiter-jobs-jobs-lists,.recruiter-single-job) .general_det_in .row_label { font-family: 'Space Grotesk', sans-serif !important; font-size: .92rem !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 1px !important; color: #a855f7 !important; }
#dj-classifieds:is(.standard-single-jobs,.recruiter-jobs-jobs-lists,.recruiter-single-job) .general_det_in .row_value { font-family: 'Space Grotesk', sans-serif !important; font-size: .88rem !important; color: #475569 !important; }
#dj-classifieds:is(.standard-single-jobs,.recruiter-jobs-jobs-lists,.recruiter-single-job) .custom_det { border: none !important; background: none !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; }
#dj-classifieds:is(.standard-single-jobs,.recruiter-jobs-jobs-lists,.recruiter-single-job) .clear_both { height: 0 !important; margin: 0 !important; padding: 0 !important; }
#dj-classifieds:is(.standard-single-jobs,.recruiter-jobs-jobs-lists,.recruiter-single-job) .djcf_images_generaldet_box { padding: 0 !important; margin: 0 0 20px 0 !important; }
#dj-classifieds:is(.standard-single-jobs,.recruiter-jobs-jobs-lists,.recruiter-single-job) .profile_item_box { display: none !important; }
#dj-classifieds:is(.standard-single-jobs,.recruiter-jobs-jobs-lists,.recruiter-single-job) .ask_form_abuse_outer { margin: 0 !important; padding: 0 !important; }

#dj-classifieds:is(.standard-single-jobs,.recruiter-jobs-jobs-lists,.recruiter-single-job) .dj-item,
#dj-classifieds:is(.standard-single-jobs,.recruiter-jobs-jobs-lists,.recruiter-single-job) .dj-item p,
#dj-classifieds:is(.standard-single-jobs,.recruiter-jobs-jobs-lists,.recruiter-single-job) .dj-item span,
#dj-classifieds:is(.standard-single-jobs,.recruiter-jobs-jobs-lists,.recruiter-single-job) .dj-item div,
#dj-classifieds:is(.standard-single-jobs,.recruiter-jobs-jobs-lists,.recruiter-single-job) .dj-item a,
#dj-classifieds:is(.standard-single-jobs,.recruiter-jobs-jobs-lists,.recruiter-single-job) .dj-item h1,
#dj-classifieds:is(.standard-single-jobs,.recruiter-jobs-jobs-lists,.recruiter-single-job) .dj-item h2,
#dj-classifieds:is(.standard-single-jobs,.recruiter-jobs-jobs-lists,.recruiter-single-job) .dj-item h3,
#dj-classifieds:is(.standard-single-jobs,.recruiter-jobs-jobs-lists,.recruiter-single-job) .dj-item button { font-family: 'Space Grotesk', sans-serif !important; }

#dj-classifieds .dj-item .custom_det.loc_det_wide { width: 100%; padding: 0 0 10px 0 !important; }


/* ============================================================================
   9. TEACHER / RESUME PROFILE VIEW (dj-classifieds.teachers)
   ============================================================================ */

#dj-classifieds.teachers .dj-item {
  background: linear-gradient(160deg, #fff5f7 0%, #ffffff 40%, #f8f4ff 100%) !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255,154,158,.2) !important;
  box-shadow: 0 16px 48px rgba(255,107,107,.08), 0 4px 12px rgba(168,85,247,.04) !important;
  overflow: hidden !important;
  position: relative !important;
  padding: 0 !important;
  margin: 0 auto 30px !important;
  max-width: 1000px !important;
  font-family: 'Space Grotesk', sans-serif !important;
}

#dj-classifieds.teachers .dj-item::after {
  content: '' !important;
  position: absolute !important;
  top: 44px !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 5px !important;
  background: linear-gradient(to bottom, #ff9a9e, #a855f7, #60a5fa) !important;
  border-radius: 0 0 0 16px !important;
  z-index: 5 !important;
  pointer-events: none !important;
  height: auto !important;
  display: block !important;
}

#dj-classifieds.teachers .dj-item::before {
  content: '';
  display: block;
  width: 100%;
  height: 44px;
  border-bottom: 1px solid rgba(255,154,158,.12);
  background:
    radial-gradient(circle 10px at 24px 22px, rgba(255,95,87,.15) 0%, transparent 100%),
    radial-gradient(circle 10px at 44px 22px, rgba(255,189,46,.15) 0%, transparent 100%),
    radial-gradient(circle 10px at 64px 22px, rgba(40,200,64,.15) 0%, transparent 100%),
    radial-gradient(circle 5.5px at 24px 22px, #ff5f57 5px, transparent 5.5px),
    radial-gradient(circle 5.5px at 44px 22px, #ffbd2e 5px, transparent 5.5px),
    radial-gradient(circle 5.5px at 64px 22px, #28c840 5px, transparent 5.5px),
    linear-gradient(90deg, rgba(255,154,158,.1) 0%, rgba(255,240,245,.6) 30%, rgba(255,255,255,.5) 100%);
  background-repeat: no-repeat;
}

#dj-classifieds.teachers .dj-item .title_top::before {
  content: '🌸 eslrok.com';
  display: block;
  text-align: center;
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 600;
  font-size: .78rem;
  color: #e8a0b4;
  letter-spacing: .5px;
  margin-bottom: 16px;
  margin-top: -100px;
  height: 44px;
  line-height: 44px;
  pointer-events: none;
}

#dj-classifieds.teachers .dj-item-in { border-left: none !important; border-image: none !important; padding: 0 30px 28px !important; }

#dj-classifieds.teachers .dj-item .title_top {
  background: linear-gradient(135deg, rgba(255,240,245,.7) 0%, rgba(250,245,255,.5) 50%, rgba(240,248,255,.4) 100%) !important;
  padding: 58px 30px 20px !important;
  margin: 0 !important;
  border-bottom: 1px solid rgba(168,85,247,.06) !important;
  position: relative !important;
}

#dj-classifieds.teachers .dj-item .title_top::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 30px;
  right: 30px;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(255,154,158,.3), rgba(168,85,247,.3), rgba(96,165,250,.3), transparent);
  border-radius: 2px;
}

#dj-classifieds.teachers .dj-item .title_top h2 {
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 1.45rem !important;
  font-weight: 700 !important;
  color: #1a1a2e !important;
  letter-spacing: -.3px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.4 !important;
  background: none !important;
  -webkit-text-fill-color: #1a1a2e !important;
}

#dj-classifieds.teachers .row_gd.added,
#dj-classifieds.teachers .row_gd.user_name { display: none !important; }
#dj-classifieds.teachers .custom_det h2:first-child { display: none !important; }

#dj-classifieds.teachers .custom_det_content {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-bottom: 24px !important;
}

#dj-classifieds.teachers .custom_det_content .row {
  display: flex !important;
  flex-direction: column !important;
  background: rgba(168,85,247,.03) !important;
  border: 1px solid rgba(168,85,247,.08) !important;
  border-radius: 10px !important;
  padding: 10px 16px !important;
  min-width: 180px !important;
  flex: 1 1 calc(50% - 10px) !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  transition: all .2s ease !important;
}

#dj-classifieds.teachers .custom_det_content .row:hover { background: rgba(168,85,247,.06) !important; border-color: rgba(168,85,247,.15) !important; }

#dj-classifieds.teachers .custom_det_content .row .row_label {
  display: block !important;
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: .68rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  color: #c4b5fd !important;
  margin-bottom: 3px !important;
}

#dj-classifieds.teachers .custom_det_content .row .row_value {
  display: block !important;
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: .88rem !important;
  font-weight: 600 !important;
  color: #1a1a2e !important;
}

#dj-classifieds.teachers #ask_form_button {
  background: linear-gradient(135deg, #ff9a9e, #a855f7) !important;
  color: #fff !important;
  border: none !important;
  padding: 13px 30px !important;
  border-radius: 14px !important;
  font-weight: 700 !important;
  font-size: .88rem !important;
  cursor: pointer !important;
  box-shadow: 0 4px 20px rgba(255,154,158,.2) !important;
  font-family: 'Space Grotesk', sans-serif !important;
  transition: all .3s ease !important;
  letter-spacing: .3px !important;
}

#dj-classifieds.teachers #ask_form_button:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 30px rgba(255,154,158,.3) !important; }

#dj-classifieds.teachers .dj-item .description {
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: .9rem !important;
  line-height: 1.85 !important;
  color: #475569 !important;
  padding-top: 50px !important;
  border-top: none;
}

#dj-classifieds.teachers .dj-item .description h2 {
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: .92rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  color: #a855f7 !important;
  margin-bottom: 8px !important;
}

#dj-classifieds .dj-item .description h2 {
    background: url(../images/description.svg) no-repeat left 20%;
    border-bottom: 1px solid #EAEAEA;
    color: #a959f0;
    margin: bold;
    padding: 0 0 10px 25px;
    font-size: .92rem !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 1px !important;
}

#dj-classifieds.teachers .general_det { border: none !important; background: none !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; }
#dj-classifieds.teachers .general_det_in { padding: 0 !important; font-family: 'Space Grotesk', sans-serif !important; }
#dj-classifieds.teachers .general_det_in .row_label { font-family: 'Space Grotesk', sans-serif !important; font-size: .72rem !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 1px !important; color: #a855f7 !important; }
#dj-classifieds.teachers .general_det_in .row_value { font-family: 'Space Grotesk', sans-serif !important; font-size: .88rem !important; color: #475569 !important; }
#dj-classifieds.teachers .custom_det { border: none !important; background: none !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; }
#dj-classifieds.teachers .clear_both { height: 0 !important; margin: 0 !important; padding: 0 !important; }
#dj-classifieds.teachers .djcf_images_generaldet_box { padding: 0 !important; margin: 0 0 20px 0 !important; }
#dj-classifieds.teachers .ask_form_abuse_outer { margin: 0 !important; padding: 0 !important; }

#dj-classifieds.teachers .dj-item,
#dj-classifieds.teachers .dj-item p,
#dj-classifieds.teachers .dj-item span,
#dj-classifieds.teachers .dj-item div,
#dj-classifieds.teachers .dj-item a,
#dj-classifieds.teachers .dj-item h2,
#dj-classifieds.teachers .dj-item h3,
#dj-classifieds.teachers .dj-item button { font-family: 'Space Grotesk', sans-serif !important; }

#dj-classifieds .profile_img img { display: none; }
div#profile_items { display: none; }


/* ============================================================================
   10. CF BOX FIELD LABEL EMOJI ICONS
   ============================================================================ */

#dj-classifieds .dj-items-table2 .item_row .item_col .cf_box .label_title { font-size: 0 !important; }

.cf_box.company_school .label_title { font-size: 0; }
.cf_box.company_school .label_title::before { content: "🏫"; font-size: 1rem; }
.cf_box.location .label_title { font-size: 0; }
.cf_box.location .label_title::before { content: "📍"; font-size: 1rem; }
.cf_box.nearest_subway_city .label_title { font-size: 0; }
.cf_box.nearest_subway_city .label_title::before { content: "🎯"; font-size: 1rem; }
.cf_box.contract_type .label_title { font-size: 0; }
.cf_box.contract_type .label_title::before { content: "📄"; font-size: 1rem; }
.cf_box.student_type .label_title { font-size: 0; }
.cf_box.student_type .label_title::before { content: "🎓"; font-size: 1rem; }
.cf_box.salary .label_title { font-size: 0; }
.cf_box.salary .label_title::before { content: "💰"; font-size: 1rem; }
.cf_box.benefits .label_title { font-size: 0; }
.cf_box.benefits .label_title::before { content: "➕"; font-size: 1rem; }
.cf_box.start_time .label_title { font-size: 0; }
.cf_box.start_time .label_title::before { content: "🕐"; font-size: 1rem; }
.cf_box.visa_sponsorship .label_title { font-size: 0; }
.cf_box.visa_sponsorship .label_title::before { content: "🛂"; font-size: 1rem; }
.cf_box.previous_experience .label_title { font-size: 0; }
.cf_box.previous_experience .label_title::before { content: "🎓"; font-size: 1rem; }
.cf_box.nationality .label_title { font-size: 0; }
.cf_box.nationality .label_title::before { content: "🪪"; font-size: 1.2rem; vertical-align: super; }
.cf_box.qualifications .label_title { font-size: 0; }
.cf_box.qualifications .label_title::before { content: "📜"; font-size: 1rem; }
.cf_box.visa_type .label_title { font-size: 0; }
.cf_box.visa_type .label_title::before { content: "🛂"; font-size: 1rem; }
.cf_box.gender .label_title { font-size: 0; }
.cf_box.gender .label_title::before { content: "⚥"; font-size: 1rem; }
.cf_box.start_date .label_title { font-size: 0; }
.cf_box.start_date .label_title::before { content: "📅"; font-size: 1rem; }


/* ============================================================================
   11. APPLICATION / CONTACT FORM
   ============================================================================ */

form#askForm { max-width: 400px; padding-top: 10px; padding-bottom: 30px; }
.djform_row.ask_name.d-block { visibility: hidden; height: 1px; margin: 0 !important; }
.djform_row.ask_email.d-block { visibility: hidden; height: 1px; margin: 0 !important; }
.row_gd.djcf_contact { width: 50%; margin-right: 10px; padding-right: 10px; }
.general_det_in { display: flex; }
.ask_form_abuse_outer { width: 50%; }


/* ============================================================================
   12. JOB POSTING / ADD ITEM FORM
   ============================================================================ */

.dj-additem.clearfix { max-width: 1200px; margin: auto; }

#dj-classifieds .dj-additem .additem_djform .additem_djform_in {
  background: rgb(255 255 255 / 0%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 16px;
  padding: 20px;
}

.postingeditor { clear: both; width: 100%; margin-top: 20px; }
.mceBranding { display: none !important; }
.djform_row.duration { display: none !important; }
.djform_prom_img { display: none; }
span.type_label.typeapply { display: none; }
span.djc_filesize.small { display: none; }
#dj-classifieds .dj-additem .djform_row .label { width: 300px; font-size: 20px; }
.tox-toolbar { display: none !important; }
.tox-pop__dialog { display: none !important; }
.tox .tox-pop.tox-pop--bottom:before { display: none; }
.toggle-editor.btn-toolbar.float-end.clearfix.mt-3 { display: none; }

.eslrok-rules-a {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  font-family: -apple-system, 'Segoe UI', sans-serif;
  margin-bottom: 20px;
}
.eslrok-rules-warning-a { background: #fffbeb; border: 1px solid rgba(245,158,11,.3); border-radius: 10px; padding: 10px 16px; font-size: var(--type-ui-sm); color: #92400e; text-align: center; margin-bottom: 14px; font-weight: 500; }
.eslrok-rule-card-a { background: white; border: 3px solid #ede8f8; border-radius: 12px; padding: 16px 14px; display: flex; flex-direction: column; gap: 10px; }
.eslrok-rule-header-a { display: flex; align-items: center; gap: 10px; }
.eslrok-rule-icon-a { width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 15px; flex-shrink: 0; }
.eslrok-rule-title-a { font-size: var(--type-ui-sm); font-weight: 700; color: #1e1040; line-height: 1.3; }
.eslrok-rule-body-a { font-size: var(--type-ui-sm); color: #666; line-height: 1.6; }

.eslrok-points-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  font-family: -apple-system, 'Segoe UI', sans-serif;
  padding: 20px;
}
.eslrok-points-card { background: white; border: 3px solid #ede8f8; border-radius: 12px; padding: 16px 14px; display: flex; flex-direction: column; gap: 10px; }
.eslrok-points-header { display: flex; align-items: center; gap: 10px; }
.eslrok-points-icon { width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 15px; flex-shrink: 0; }
.eslrok-points-title {     font-size: var(--type-ui); font-weight: 700; color: #1e1040; line-height: 1.3; }
.eslrok-points-body { font-size: var(--type-sm); color: #666; line-height: 1.6; }

.eslrok-desc-banner {
  justify-content: center;
  background: #f0faf4;
  border: 1px solid rgba(34,197,94,.3);
  border-radius: 10px;
  padding: 10px 16px;
font-size: var(--type-ui-sm);
  color: #166534;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 8px;
}
.eslrok-desc-banner a { color: #15803d; font-weight: 700; }

.eslrok-blurbs-section { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; margin: 10px 16px 0; }
.eslrok-blurb { background: #f4f8f4; border-radius: 6px; padding: 12px 14px; }
.eslrok-blurb-title { font-size: var(--type-ui-sm); font-weight: 600; color: #3a6b3c; letter-spacing: .03em; margin-bottom: 8px; }
.eslrok-blurb-item { display: flex; align-items: center; gap: 4px; font-size: 12px; line-height: 1.6; margin-bottom: 5px; }
.eslrok-blurb-item:last-child { margin-bottom: 0; }
.eslrok-bad-icon { color: #e57373; font-size: 10px; flex-shrink: 0; font-weight: bold; }
.eslrok-bad-text { color: #aaa; font-size: 12px; }
.eslrok-arrow { color: #999; font-size: 10px; flex-shrink: 0; margin: 0 2px; }
.eslrok-good-icon { color: #43a047; font-size: 10px; flex-shrink: 0; font-weight: bold; }
.eslrok-good-text { color: #2e7d32; font-weight: 500; font-size: 12px; }
.eslrok-blurb.prose-only .eslrok-blurb-item { display: block; margin-bottom: 0; }
.eslrok-prose { font-size: var(--type-ui-sm); color: #555; line-height: 1.55; }

.form-check-input { width: 1.5em; height: 1.5em; }
label.radio_label { font-size: 20px; }
.checkbox_v { line-height: 32px; }


/* ============================================================================
   13. USER DASHBOARD (dj-useradverts)
   ============================================================================ */

#dj-classifieds .classifieds_buttons { display: block; margin-bottom: 20px; text-align: center; }
.from_plan { display: none; }
.col_ua_row.status { display: flex; align-items: center; }
.col_ua_row.hits { display: none; }
.row_ua_orders.payments { display: none; }

#dj-classifieds .dj-useradverts .row_ua {
  margin-bottom: 10px;
  background: rgb(255 255 255 / 0%);
  backdrop-filter: blur(10px);
  border: 3px solid #e4cdee69;
  border-radius: 10px;
}

#dj-classifieds .dj-useradverts .row_ua .row_ua1 .icon_name .icon { float: left; margin-right: 10px; display: none; }
#dj-classifieds .dj-useradverts .row_ua .row_ua1 .icon_name .col_ua_in { border: none; padding: 20px; }

#dj-classifieds .dj-useradverts .row_ua2 a.edit,
#dj-classifieds table.dj-items a.edit,
#dj-classifieds .dj-useradverts .row_ua2 a.copy,
#dj-classifieds .dj-useradverts .row_ua2 a.renew,
#dj-classifieds table.dj-items a.renew,
#dj-classifieds .dj-useradverts .row_ua2 a.delete,
#dj-classifieds table.dj-items a.delete,
#dj-classifieds .dj-useradverts .row_ua2 a.pay,
#dj-classifieds .dj-useradverts .row_ua2 a.prom_top,
#dj-classifieds .dj-useradverts .row_ua2 a.archive,
#dj-classifieds .dj-useradverts .row_ua2 a.activate,
#dj-classifieds .dj-useradverts .row_ua2 a.block {
  margin: 0 20px 0 0;
  padding: 0 0 0 22px;
  font-size: 14px;
  float: none !important;
}

#dj-classifieds .dj-useradverts .row_ua .row_ua2_in {
  padding: 10px 5px 10px 10px;
  background: rgb(255 255 255 / 26%) !important;
  backdrop-filter: blur(10px);
  border-radius: 0 0 10px 11px;
}

#dj-classifieds .dj-useradverts .row_ua .row_ua1 .col_ua.advert_active,
#dj-classifieds .dj-useradverts .row_ua .row_ua1 .public_status img { vertical-align: middle; margin-left: 5px; }

.djcf_user_points .djcf_upoints_box .djcf_upoints { font-size: 16px; margin-left: 0; color: #059669; }

.eslrok-alerts-banner {
  background: #f0faf4;
  border: 1px solid rgba(34,197,94,.3);
  border-radius: 10px;
  padding: 10px 16px;
  font-size: 12px;
  color: #166534;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 14px;
}


/* ============================================================================
   14. PAYMENT / PRICING TABLES
   ============================================================================ */

#dj-classifieds table.paymentdetails { border: 3px solid #e4cdee69; background: rgb(255 255 255 / 0%); backdrop-filter: blur(10px); max-width: 1000px; margin: auto; }
span.item_name { font-weight: 700; font-size: 20px; }
td.td1 { display: none; }
td.td2 { width: 66%; }
td.td3 { width: 33%; }
.djcf_prow_col_desc { width: 66%; }
#dj-classifieds .pointspackages .pp_price { font-weight: bold; font-size: 25px; margin-bottom: 10px; }
#dj-classifieds div.paymentdetails .djcf_prow_in .djcf_prow_col_desc { background: none; }
#dj-classifieds .djcf_prow .djcf_prow_desc_row { border-top: none; }

#dj-classifieds div.paymentdetails .djcf_prow_in {
  display: table;
  width: 100%;
  margin-bottom: 10px;
  background: rgb(255 255 255 / 0%);
  backdrop-filter: blur(10px);
  border: 3px solid #e4cdee69;
  border-radius: 10px;
}

#dj-classifieds table.paymentdetails .payment_td { border: 2px solid #EAEAEA; }
#dj-classifieds table.paymentdetails td.table_payment table td.td2 { background: none; }

h4.djcf_prow_details_title.plan_details,
h4.djcf_prow_details_title.plan_items,
h4.djcf_prow_details_title.plan_items.active { display: none; }
.djcf_prow_details_content.plan_details,
.djcf_prow_details_content.plan_items { display: none; }
.djcf_prow_desc_row.djcf_prow_cost_per_ad { display: none; }

div#stripe-card-element { max-width: 60%; border: 3px solid #8000801c; padding: 10px; border-radius: 12px; }

.eslrok-points-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; font-family: -apple-system, 'Segoe UI', sans-serif; padding: 20px; }
.eslrok-points-card { background: white; border: 3px solid #ede8f8; border-radius: 12px; padding: 16px 14px; display: flex; flex-direction: column; gap: 10px; }
.eslrok-points-header { display: flex; align-items: center; gap: 10px; }
.eslrok-points-icon { width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 15px; flex-shrink: 0; }
.eslrok-points-title { font-size: var(--type-ui); font-weight: 700; color: #1e1040; line-height: 1.3; }
.eslrok-points-body { font-size: var(--type-sm); color: #666; line-height: 1.6; }

.eslrok-unlimited-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; font-family: -apple-system, 'Segoe UI', sans-serif; padding: 20px; }
.eslrok-unlimited-card { background: white; border: 1px solid #ede8f8; border-radius: 12px; padding: 16px 14px; display: flex; flex-direction: column; gap: 10px; }
.eslrok-unlimited-header { display: flex; align-items: center; gap: 10px; }
.eslrok-unlimited-icon { width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 15px; flex-shrink: 0; }
.eslrok-unlimited-title { font-size: 12px; font-weight: 700; color: #1e1040; line-height: 1.3; }
.eslrok-unlimited-body { font-size: 11px; color: #666; line-height: 1.6; }

.eslrok-resume-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; font-family: -apple-system, 'Segoe UI', sans-serif; margin-bottom: 24px; }
.eslrok-resume-card { background: white; border: 3px solid #ede8f8; border-radius: 12px; padding: 16px 14px; display: flex; flex-direction: column; gap: 10px; }
.eslrok-resume-header { display: flex; align-items: center; gap: 10px; }
.eslrok-resume-icon { width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 15px; flex-shrink: 0; }
.eslrok-resume-title {     font-size: var(--type-ui); font-weight: 700; color: #1e1040; line-height: 1.3; }
.eslrok-resume-body {     font-size: var(--type-sm); color: #666; line-height: 1.6; }


/* ============================================================================
   15. APPLICATION STATUS BADGES & RESUME TAGS
   ============================================================================ */

.djcf-application-status.djcf-not-applied { font-size: 13px; color: grey; margin-left: 10px; }
.djcf-application-status.djcf-applied { font-size: 13px; color: green; margin-left: 10px; }

span.directhire { display: inline-block !important; background: linear-gradient(135deg, rgba(168,85,247,.12), rgba(96,165,250,.12)) !important; color: #7c3aed !important; padding: 2px 10px !important; border-radius: 20px !important; font-size: .85rem !important; font-weight: 600 !important; letter-spacing: .02em !important; margin-left: 0 !important; margin-right: 5px; }
span.recruitermultiple { display: inline-block !important; background: linear-gradient(135deg, rgb(232 41 105 / 12%), rgb(222 7 126 / 12%)) !important; color: #ed3a9d !important; padding: 2px 10px !important; border-radius: 20px !important; font-size: .85rem !important; font-weight: 600 !important; letter-spacing: .02em !important; margin-left: 0 !important; margin-right: 5px; }
span.recruitersingle { display: inline-block !important; background: linear-gradient(135deg, rgb(232 41 41 / 12%), rgb(222 7 7 / 12%)) !important; color: #ed3a3a !important; padding: 2px 10px !important; border-radius: 20px !important; font-size: .85rem !important; font-weight: 600 !important; letter-spacing: .02em !important; margin-left: 0 !important; margin-right: 5px; }

p.applyinfo { margin-top: 20px;    margin-right: 10px;    margin-left: 22px; }

.listapplied { float: right; font-weight: 600; color: grey; background: #eef5ee; padding: 0 5px; border-radius: 13px; line-height: 1.6; margin: 4px 0 1px 7px; font-size: 12px; }
.resumeappliedcheck { text-align: center; float: right; font-weight: 600; color: grey; background: #eef5ee; padding: 0 5px; border-radius: 13px; line-height: 1.6; margin: -15px 0 10px -14px; font-size: 12px; display: block; width: 84px; }
.resumeupdated { font-size: 12px; color: #808080cf; }


/* ============================================================================
   16. SEARCH RESULTS HEADER
   ============================================================================ */

h1.main_cat_title.search_results { display: none; }
.search_res_details.se { text-align: center; font-style: italic; }


/* ============================================================================
   17. MOBILE OVERRIDES
   ============================================================================ */

@media (max-width: 640px) {

  #dj-classifieds:is(.standard-single-jobs,.recruiter-jobs-jobs-lists,.recruiter-single-job) .dj-item { border-radius: 12px !important; margin: 0 10px 20px !important; }
  #dj-classifieds:is(.standard-single-jobs,.recruiter-jobs-jobs-lists,.recruiter-single-job) .dj-item-in { padding: 0 18px 20px !important; }
  #dj-classifieds:is(.standard-single-jobs,.recruiter-jobs-jobs-lists,.recruiter-single-job) .dj-item .title_top { padding: 18px 18px 16px !important; }
  #dj-classifieds:is(.standard-single-jobs,.recruiter-jobs-jobs-lists,.recruiter-single-job) .dj-item .title_top h1 { font-size: 1.15rem !important; }
  #dj-classifieds:is(.standard-single-jobs,.recruiter-jobs-jobs-lists,.recruiter-single-job) .custom_det_content > .row { flex: 1 1 100% !important; min-width: unset !important; }
  #dj-classifieds:is(.standard-single-jobs,.recruiter-jobs-jobs-lists,.recruiter-single-job) #ask_form_button { width: 100% !important; text-align: center !important; }

  #dj-classifieds.teachers .dj-item { border-radius: 12px !important; margin: 0 10px 20px !important; }
  #dj-classifieds.teachers .dj-item-in { padding: 0 18px 20px !important; }
  #dj-classifieds.teachers .dj-item .title_top { padding: 18px 18px 16px !important; }
  #dj-classifieds.teachers .dj-item .title_top h2 { font-size: 1.15rem !important; margin-top: 30px !important; }
  #dj-classifieds.teachers .custom_det_content .row { flex: 1 1 100% !important; min-width: unset !important; }
  #dj-classifieds.teachers #ask_form_button { width: 100% !important; text-align: center !important; }

  .eslrok-rules-a { grid-template-columns: 1fr !important; }
  .eslrok-points-grid { grid-template-columns: 1fr; }
  .eslrok-unlimited-grid { grid-template-columns: 1fr; }
  .eslrok-resume-grid { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {

  /* Search form 116 — disable animations on mobile */
  #form_search116::before { animation: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; padding: 0 !important; }
  #form_search116::after { animation: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; padding: 0 !important; }
  form#form_search116 { display: block; }
  .dj_cf_search .modal .se_checkbox { column-count: 1 !important; }
  #form_search116 .modal.show .modal-dialog { margin: auto; max-height: calc(100vh - 40px); width: 90%; }
  #form_search116 .modal-body { padding: 20px 24px; max-height: 70vh; overflow: auto; text-align: left; }
  #form_search116 .se_checkbox_v { width: 100%; }
  .search_cats.djcf_se_row { width: 200px; margin: auto; margin-bottom: 10px !important; }
  div#search116_ex_fields { display: block; text-align: center; }
  .djseform_field.djse_type_checkbox.djse_field_5.djse_location.djshow_in_modal { width: 100%; }
  .djseform_field.djse_type_checkbox.djse_field_2.djse_contract_type.djshow_in_modal,
  .djseform_field.djse_type_checkbox.djse_field_1.djse_student_type.djshow_in_modal,
  .djseform_field.djse_type_checkbox.djse_field_8.djse_start_time.djshow_in_modal,
  .djseform_field.djse_type_select.djse_field_3.djse_visa_sponsorship { width: 100%; }
  .djseform_field.djse_type_select.djse_field_3.djse_visa_sponsorship select.form-select { width: 150px; margin: auto; }
  .djseform_field.djse_type_checkbox.djse_field_11.djse_start_time.djshow_in_modal { width: 100% !important; }
  #form_search116 .se_checkbox_v .radio_label { font-size: 1.05rem; }
  .dj_cf_search .djcf_se_row label { text-align: center; font-size: 18px; }
  .djseform_field .label { font-size: 18px; }
  .djmodal_trigger { font-size: 1rem; }
  .search_word.djcf_se_row { margin: auto; }
  .search-box-div-last-row { display: block !important; }
  .search_buttons { justify-content: center; margin-top: 10px; }

  /* Tabs */
  ul#joomlaTab {border-bottom: none;justify-content: center;}
  .nav-tabs .nav-link {border: 1px solid #aaaaaa;    border-radius: 20px;    margin: 0px 2px 0px 2px;    color: grey;    font-size: 0.8rem;}
  .nav-link.active {color: #464d54;    background-color: #f0b3f8 !important;    border-color: black !important;    border-width: 1px;    box-shadow: 1px 1px 1px 1px #00000052;}

  /* Job listings table — mobile layout & performance */
  .dj-items-table2 > .item_row:not(.item_header) { display: block !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; box-shadow: none !important; }
  .dj-items-table2 > .item_row:not(.item_header):hover { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; box-shadow: none !important; transform: none !important; }
  .dj-items-table2 > .item_row:not(.item_header) > .item_col.name.first { width: 100% !important; border-bottom: 1px solid #847d8b29 !important; border-radius: 0 !important; }
  #dj-classifieds .dj-items-table2 .item_row .item_col.first { border-bottom: 1px solid #00000024 !important; text-align: left !important; }
  #dj-classifieds .dj-items-table2 .item_row .item_col:last-child { width: 100% !important; background: #f5ccfb14; padding: 10px !important; }
  h2.jobtitleh2 { padding: 18px 0 0 0 !important; }
  .dj-items-table2 { padding-left: 0 !important; padding-right: 0 !important; }
  .dj-items-table2 .cf_box { margin-right: 10px; }
  .dj-items-table2 > .item_row.promotion { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
  .dj-items-table2 > .item_row.promotion::before { left: -4px; }

  /* Quick search — mobile */
  .quicksearch-wrapper { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; padding: 0 !important; }
  .quicksearch-wrapper a.quicksearch { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; font-size: 15px; line-height: 23px; border: 1px solid rgb(168 85 247 / 45%); }
  .quicksearch-wrapper a.quicksearch:hover { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; transform: none !important; box-shadow: none !important; }
  .quicksearch-col { width: 100%; display: block; }

  /* Single job view */
  #dj-classifieds:is(.standard-single-jobs,.recruiter-jobs-jobs-lists,.recruiter-single-job) .dj-item { margin: 0 0 20px !important; }
  .dj-item-in { margin: 20px 10px 0 10px !important; }
  #dj-classifieds:is(.standard-single-jobs,.recruiter-jobs-jobs-lists,.recruiter-single-job) .dj-item .title_top::before { margin-top: -60px; }
  .general_det_in { display: block; }
  .row_gd.djcf_contact { width: 100% !important; }
  .ask_form_abuse_outer { width: 100%; }

  /* Resume search form 135 */
  div#search135_ex_fields { display: block !important; text-align: center; }
  #form_search135 .modal.show .modal-dialog { width: 90%; }
  #form_search135 .modal-body { padding: 20px 24px; max-height: 70vh; overflow: auto; text-align: left; }
  #form_search135 .se_checkbox_v .radio_label { font-size: 1.05rem; }
  .djseform_field.djse_type_checkbox.djse_field_6.djse_location.djshow_in_modal { width: 100%; }
  .djseform_field.djse_type_checkbox.djse_field_4.djse_nationality.djshow_in_modal { width: 100%; }
  .djseform_field.djse_type_checkbox.djse_field_5.djse_qualifications.djshow_in_modal { width: 100%; }
  .djseform_field.djse_type_checkbox.djse_field_1.djse_visa_type.djshow_in_modal { width: 100%; }
  .djseform_field.djse_type_checkbox.djse_field_2.djse_gender.djshow_in_modal { width: 100%; }
  .djseform_field.djse_type_checkbox.djse_field_3.djse_previous_experience.djshow_in_modal { width: 100%; }
  div#mod_djcf_search196 { text-align: center; }
  .dj2searchbox { display: block !important; width: auto !important; }

  /* Dashboard / payments */
  .djcf_prow_col_buynow { width: 100% !important; margin-bottom: 20px; }
  .djcf_prow_col_desc { width: 100%; }
  .djcf_prow_in { display: grid !important; }

  /* Shortlist */
  .myshortlist_button_wrapper { float: right; }
  form#ms_131_af { width: 220px; }
  form#ms_131_df { text-align: right; float: right; }

  /* Profile */
  #dj-classifieds .profile_outer .profile_data { width: 100%; }
  #dj-classifieds .profile_outer .profile_row .profile_row_label { width: 50%; }
  #dj-classifieds .profile_outer .profile_row .profile_row_value { width: 50%; }

  /* Posting form */
  .eslrok-rules-a { grid-template-columns: 1fr !important; }
  label.radio_label { display: inline; }
  .eslrok-desc-banner { display: block; }
}