/*
 * MicroLab - Dark Modern skin (frontend + user dashboard)
 * ------------------------------------------------------
 * This file is loaded LAST so it only re-paints the existing theme.
 * No layout/markup changes, so every page keeps working exactly as before.
 */

:root {
    --dm-bg: #0b1020;
    --dm-bg-2: #10162b;
    --dm-surface: #151d35;
    --dm-surface-2: #1b2440;
    --dm-border: rgba(255, 255, 255, .09);
    --dm-text: #e8ecf6;
    --dm-muted: #a3adc6;
    --dm-radius: 14px;
    --dm-shadow: 0 18px 40px -22px rgba(0, 0, 0, .85);
}

html,
body {
    background: var(--dm-bg) !important;
    color: var(--dm-text) !important;
}

body {
    background-image:
        radial-gradient(900px 500px at 12% -10%, rgba(90, 130, 255, .16), transparent 60%),
        radial-gradient(800px 480px at 95% 0%, rgba(0, 220, 190, .12), transparent 55%) !important;
    background-attachment: fixed !important;
}

/* ---------- typography ---------- */
h1, h2, h3, h4, h5, h6,
.title, .name, .username,
label, legend, dt, th, strong, b {
    color: var(--dm-text) !important;
}

p, span, li, td, dd, small, .small,
.text-muted, .caption {
    color: var(--dm-muted);
}

a {
    color: #7fb2ff;
}

a:hover {
    color: #a8ccff;
}

/* ---------- generic surfaces ---------- */
section,
.section,
.padding-top,
.padding-bottom,
.bg--white,
.bg-white,
.bg--light,
.bg--section,
.account-section,
.dashboard-section {
    background-color: transparent !important;
}

.card,
.custom--card,
.widget,
.sidebar__widget,
.post-widget,
.dashboard__item,
.dashboard-card,
.overview__content__wrapper,
.job__item,
.finished__job__item,
.service__item,
.counter__item,
.faq__item,
.account-left,
.account-right,
.user__profile,
.table-responsive,
.modal-content,
.nice-select,
.dropdown-menu {
    background-color: var(--dm-surface) !important;
    border: 1px solid var(--dm-border) !important;
    border-radius: var(--dm-radius) !important;
    box-shadow: var(--dm-shadow) !important;
    color: var(--dm-text) !important;
}

.card-header,
.custom--card .card-header,
.modal-header,
.modal-footer,
.card-footer {
    background-color: var(--dm-surface-2) !important;
    border-color: var(--dm-border) !important;
    color: var(--dm-text) !important;
}

.card-body {
    background-color: transparent !important;
}

/* soft hover lift = the "modern" feel */
.card,
.job__item,
.service__item,
.finished__job__item,
.dashboard__item {
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.card:hover,
.job__item:hover,
.service__item:hover,
.finished__job__item:hover,
.dashboard__item:hover {
    transform: translateY(-3px);
    border-color: rgba(255, 255, 255, .2) !important;
}

/* ---------- header / footer ---------- */
.header,
.header__top,
.header-section,
.header__bottom,
.header.active,
.header-bottom-area {
    background-color: rgba(11, 16, 32, .88) !important;
    backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--dm-border) !important;
}

.menu,
.menu li a,
.menu li .sub-menu,
.menu .sub-menu li a {
    color: var(--dm-text) !important;
}

.menu li .sub-menu,
.menu.active {
    background-color: var(--dm-surface) !important;
    border: 1px solid var(--dm-border) !important;
    border-radius: 12px !important;
}

footer,
.footer,
.footer-section,
.footer__bottom,
.footer-area {
    background-color: #080c18 !important;
    border-top: 1px solid var(--dm-border) !important;
    color: var(--dm-muted) !important;
}

/* ---------- banners / hero ---------- */
.banner-section,
.hero,
.inner-banner,
.breadcrumb-section {
    background-color: #0d1428 !important;
    background-blend-mode: multiply;
}

/* ---------- forms ---------- */
.form--control,
.form-control,
.nice-select,
select,
textarea,
input:not([type=checkbox]):not([type=radio]):not([type=submit]) {
    background-color: #0f1730 !important;
    border: 1px solid var(--dm-border) !important;
    color: var(--dm-text) !important;
    border-radius: 10px !important;
}

.form--control::placeholder,
.form-control::placeholder,
textarea::placeholder,
input::placeholder {
    color: #6f7b96 !important;
}

.form--control:focus,
.form-control:focus,
select:focus,
textarea:focus {
    background-color: #121b38 !important;
    color: var(--dm-text) !important;
    box-shadow: 0 0 0 3px rgba(90, 140, 255, .18) !important;
}

.input-group-text {
    background-color: var(--dm-surface-2) !important;
    border-color: var(--dm-border) !important;
    color: var(--dm-muted) !important;
}

.nice-select .list {
    background-color: var(--dm-surface) !important;
    border: 1px solid var(--dm-border) !important;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
    background-color: var(--dm-surface-2) !important;
}

/* ---------- buttons ---------- */
.btn,
.cmn--btn {
    border-radius: 10px !important;
    font-weight: 600;
    transition: transform .2s ease, filter .2s ease;
}

.btn:hover,
.cmn--btn:hover {
    transform: translateY(-2px);
    filter: brightness(1.07);
}

.btn-outline--base,
.btn-outline-primary,
.btn-outline--primary {
    color: var(--dm-text) !important;
    border-color: rgba(255, 255, 255, .28) !important;
}

.btn--dark,
.btn-dark {
    background-color: var(--dm-surface-2) !important;
    border-color: var(--dm-border) !important;
}

/* ---------- tables ---------- */
.table {
    color: var(--dm-text) !important;
    --bs-table-bg: transparent;
    --bs-table-color: var(--dm-text);
}

.table > :not(caption) > * > * {
    background-color: transparent !important;
    color: var(--dm-text) !important;
    border-color: var(--dm-border) !important;
}

.table thead tr,
.table thead th {
    color: #fff !important;
}

.table--light tbody tr,
.table tbody tr {
    background-color: var(--dm-surface) !important;
    border-bottom: 1px solid var(--dm-border) !important;
}

.table tbody tr:hover {
    background-color: var(--dm-surface-2) !important;
}

.table td::before {
    color: var(--dm-muted) !important;
}

/* ---------- dashboard sidebar ---------- */
.dashboard__sidebar,
.dashboard__sidebar__menu,
.user__profile,
.responsive-header {
    background-color: var(--dm-surface) !important;
    border: 1px solid var(--dm-border) !important;
    border-radius: var(--dm-radius) !important;
}

.dashboard__sidebar__menu li a {
    color: var(--dm-muted) !important;
    border-radius: 10px !important;
}

.dashboard__sidebar__menu li a:hover,
.dashboard__sidebar__menu li a.active {
    background-color: rgba(255, 255, 255, .06) !important;
}

/* ---------- misc ---------- */
.pagination .page-item a,
.pagination .page-item span {
    background-color: var(--dm-surface) !important;
    color: var(--dm-text) !important;
    border-radius: 8px !important;
}

.badge {
    border-radius: 999px !important;
}

.alert {
    background-color: var(--dm-surface-2) !important;
    border: 1px solid var(--dm-border) !important;
    color: var(--dm-text) !important;
}

hr {
    border-color: var(--dm-border) !important;
}

.preloader,
.cookies-card {
    background-color: var(--dm-surface) !important;
    color: var(--dm-text) !important;
    border-radius: var(--dm-radius) !important;
}

.overlay {
    background-color: rgba(4, 7, 16, .75) !important;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: #0b1020;
}

::-webkit-scrollbar-thumb {
    background: #2a3557;
    border-radius: 20px;
}

::-webkit-scrollbar-thumb:hover {
    background: #3a4870;
}

/* =====================================================================
 * v1.0.13 - full dark pass + readable job details
 * ===================================================================== */

/* kill leftover placeholder shapes / decorative empty images */
.banner-inner .shapes,
.breadcrumb-section .shapes,
img[src^="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP"] {
    display: none !important;
}

/* inner page banner (Job Details, Blogs, ...) */
.banner-inner,
.banner-inner.bg_img,
.inner-banner,
.breadcrumb-section {
    background: linear-gradient(180deg, #101a34 0%, #0b1020 100%) !important;
    border-bottom: 1px solid var(--dm-border) !important;
}

.banner-inner .banner__inner__content-title,
.banner-inner .breadcums li,
.banner-inner .breadcums li a {
    color: var(--dm-text) !important;
}

/* any leftover light blocks */
[class*="bg--white"],
[class*="bg-white"],
.bg--light,
.bg--gray,
.section--bg,
.get__started__wrapper,
.get-started-section .wrapper,
.job__details__widget,
.job__details__wrapper,
.job__info__widget,
.sidebar__single__widget,
.blog__details__wrapper,
.contact__wrapper,
.account__wrapper {
    background-color: var(--dm-surface) !important;
    color: var(--dm-text) !important;
    border: 1px solid var(--dm-border) !important;
    border-radius: var(--dm-radius) !important;
}

/* job description + all its inner rich-text must be readable on dark */
.job__details__wrapper-title,
.job__details__widget-title,
.job__details__widget,
.job__details__widget > *:not(.poster-content),
.blog__details__wrapper > *:not(.poster-content) {
    color: var(--dm-text) !important;
}

.job__details__widget a,
.blog__details__wrapper a {
    color: #7fb2ff !important;
}

/* ---- poster content: show EXACTLY what the task poster wrote ---- */
/* light "paper" sheet so the poster's black text + colored highlights show */
.poster-content {
    background-color: #ffffff;
    color: #111111;
    border-radius: 12px;
    padding: 18px 20px;
    overflow-wrap: break-word;
    word-break: break-word;
}

/* never override poster colors / highlights:
   no blanket color rule here, so the poster's own inline color and
   <font color> always paint on top of their background highlight. */

.poster-content a {
    color: #0b57d0 !important;
    text-decoration: underline;
}

.poster-content img,
.poster-content video,
.poster-content iframe {
    max-width: 100%;
    height: auto;
    display: block;
}

/* kill the long empty gaps left by the editor */
.poster-content p,
.poster-content div,
.poster-content h1,
.poster-content h2,
.poster-content h3,
.poster-content h4,
.poster-content h5,
.poster-content h6 {
    margin: 0 0 6px 0;
    line-height: 1.55;
    min-height: 0;
}

.poster-content > *:last-child {
    margin-bottom: 0;
}

.poster-content br + br {
    display: none;
}

.poster-content p:empty,
.poster-content div:empty,
.poster-content span:empty {
    display: none;
}

/* ---- proof form: white box, black typing ---- */
.job__finished__form textarea,
.job__finished__form .form--control,
.job__finished__form .form-control,
.job__finished__form input[type="text"],
.job__finished__form input[type="file"] {
    background-color: #ffffff !important;
    color: #111111 !important;
    border: 1px solid #d5dae6 !important;
    border-radius: 10px !important;
}

.job__finished__form textarea::placeholder,
.job__finished__form .form--control::placeholder {
    color: #6b7280 !important;
}

.job__finished__form textarea:focus,
.job__finished__form .form--control:focus,
.job__finished__form .form-control:focus {
    background-color: #ffffff !important;
    color: #111111 !important;
    box-shadow: 0 0 0 3px rgba(90, 140, 255, .25) !important;
}

.job__finished__form input[type="file"]::file-selector-button {
    background-color: #eef1f7 !important;
    color: #111111 !important;
    border: 0 !important;
    border-radius: 8px !important;
    padding: 6px 12px;
    margin-right: 12px;
}

.job__finished__form .info,
.job__finished__form span {
    color: var(--dm-muted) !important;
}

/* get started / CTA card */
.get-started,
.section-bg .get-started {
    background-color: var(--dm-surface) !important;
    border: 1px solid var(--dm-border) !important;
    border-radius: var(--dm-radius) !important;
    box-shadow: var(--dm-shadow) !important;
}

.get-started .section__header-title,
.get-started p,
.get-started span {
    color: var(--dm-text) !important;
}

.section-bg {
    background-color: transparent !important;
}

/* =====================================================================
 * v1.0.15 - white areas replaced, proof box readable, burger visible
 * ===================================================================== */

:root {
    --dm-accent-1: #4f46e5;
    --dm-accent-2: #7c3aed;
    --dm-accent-3: #06b6d4;
}

/* ---------- top bar / header: no white strips ---------- */
.header-top,
.header-top-area,
.topbar,
.top-bar,
.header__top {
    background: linear-gradient(90deg, #101a34 0%, #16213e 55%, #101a34 100%) !important;
    border-bottom: 1px solid var(--dm-border) !important;
    color: var(--dm-muted) !important;
}

.header-top a,
.header-top li,
.header-top span,
.header-top p,
.topbar a,
.topbar li,
.topbar span {
    color: var(--dm-muted) !important;
}

.header,
.header-bottom,
.header-bottom-area,
.header-section {
    background-color: rgba(11, 16, 32, .92) !important;
}

/* ---------- mobile burger: white lines ---------- */
.header-trigger span,
.header-trigger span::before,
.header-trigger span::after,
.navbar-toggler-icon,
.header-top-trigger i,
.responsive-header .header-trigger span {
    background-color: #ffffff !important;
    color: #ffffff !important;
}

.header-trigger.active span {
    background: none !important;
}

.header-top-trigger i {
    background: none !important;
}

/* ---------- inner page banner: attractive gradient, no white ---------- */
.banner-inner,
.banner-inner.bg_img,
.inner-banner,
.breadcrumb-section {
    background-image: linear-gradient(120deg, #101a34 0%, #241a5e 45%, #0b1020 100%) !important;
    background-color: #0b1020 !important;
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}

.banner-inner .banner__inner__content-title {
    color: #ffffff !important;
}

.banner-inner .breadcums li,
.banner-inner .breadcums li a {
    color: #cbd5f5 !important;
}

/* ---------- job details: keep the white sheet, black text ---------- */
.job__details__wrapper,
.job__details__widget {
    background-color: #ffffff !important;
    border: 1px solid #e3e7f0 !important;
    color: #111111 !important;
}

.job__details__wrapper {
    padding: 6px !important;
}

.job__details__wrapper-title,
.job__details__widget-title,
.job__details__widget h1,
.job__details__widget h2,
.job__details__widget h3,
.job__details__widget h4,
.job__details__widget h5,
.job__details__widget h6,
.job__details__widget label,
.job__details__widget p,
.job__details__widget span:not(.badge) {
    color: #111111 !important;
}

.job__details__widget {
    margin-bottom: 18px !important;
    padding: 18px 20px !important;
}

/* poster sheet already white - remove the double frame + long gaps */
.job__details__widget .poster-content {
    background-color: #ffffff !important;
    color: #111111 !important;
    padding: 0 !important;
    border: 0 !important;
}

.poster-content p,
.poster-content div,
.poster-content li {
    margin: 0 0 2px 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1.4 !important;
}

.poster-content br + br,
.poster-content p:empty,
.poster-content div:empty,
.poster-content span:empty,
.poster-content p > br:only-child {
    display: none !important;
}

/* ---------- proof form: white box, black typing ---------- */
.job__details__widget textarea,
.job__details__widget input[type="text"],
.job__details__widget input[type="file"],
.job__finished__form textarea,
.job__finished__form .form--control,
.job__finished__form .form-control,
.job__finished__form input {
    background-color: #ffffff !important;
    background-image: none !important;
    color: #111111 !important;
    border: 1px solid #c8cfdd !important;
    border-radius: 10px !important;
}

.job__details__widget textarea:focus,
.job__finished__form textarea:focus,
.job__finished__form .form--control:focus,
.job__finished__form .form-control:focus {
    background-color: #ffffff !important;
    color: #111111 !important;
    border-color: var(--dm-accent-1) !important;
    box-shadow: 0 0 0 3px rgba(79, 70, 229, .18) !important;
}

.job__details__widget textarea::placeholder,
.job__finished__form textarea::placeholder {
    color: #6b7280 !important;
}

.job__finished__form .info,
.job__finished__form span {
    color: #4b5563 !important;
}

/* ---------- "Start Earning Now" CTA: attractive gradient, no white ---------- */
.get-started,
.section-bg .get-started {
    background: linear-gradient(120deg, #4f46e5 0%, #7c3aed 50%, #06b6d4 100%) !important;
    border: 0 !important;
    border-radius: 18px !important;
    box-shadow: 0 22px 45px -25px rgba(79, 70, 229, .9) !important;
    padding: 32px 34px !important;
}

.get-started .section__header-title,
.get-started p,
.get-started span,
.get-started h3 {
    color: #ffffff !important;
}

.get-started .cmn--btn {
    background-color: #ffffff !important;
    color: #241a5e !important;
    border: 0 !important;
}

.section-bg,
.get-started-section {
    background: transparent !important;
}

/* ---------- footer + any remaining white blocks ---------- */
footer,
.footer,
.footer-section,
.footer-area {
    background: linear-gradient(180deg, #0b1020 0%, #070b16 100%) !important;
}

.bg--white,
.bg-white,
.bg--light,
.bg-light,
.section--bg,
.section-bg--white {
    background-color: transparent !important;
}

/* trim excessive vertical gaps site-wide */
.padding-top {
    padding-top: 60px !important;
}

.padding-bottom {
    padding-bottom: 60px !important;
}

/* =========================================================
 * v1.0.17 - white burger lines everywhere + readable
 * "Select File Upload Option" choices
 * ======================================================= */

.header-trigger span,
.header-trigger span::before,
.header-trigger span::after,
.header-trigger-wrapper .header-trigger span,
.header-trigger-wrapper .header-trigger span::before,
.header-trigger-wrapper .header-trigger span::after {
    background: #ffffff !important;
    background-color: #ffffff !important;
    opacity: 1 !important;
}

.header-trigger.active span {
    background: none !important;
    background-color: transparent !important;
}

.header-top-trigger,
.header-top-trigger i,
.dashboard__sidebar__toggler i {
    color: #ffffff !important;
}

/* file upload option group: white card, black text */
#choiceOption {
    background: #ffffff !important;
    border-radius: 12px;
    padding: 12px 16px 8px;
    margin: 0 0 18px;
}

#choiceOption > label,
#choiceOption label,
#choiceOption .form-check-label {
    color: #000000 !important;
    background: transparent !important;
    font-weight: 600;
    padding: 0;
}

#choiceOption .input-group {
    gap: 14px;
    flex-wrap: wrap;
}

#choiceOption .form-group {
    display: flex;
    align-items: center;
    gap: 6px;
    width: auto;
}


/* =========================================================
 * v1.0.18 - poster text always visible over its highlight +
 * job description wraps inside the mobile screen
 * ======================================================= */

.poster-content font[color] {
    color: revert-layer;
}

/* text sits ON TOP of the highlight background */
.poster-content [style*="background"] {
    display: inline;
    padding: 0 1px;
    border-radius: 3px;
}

/* wrap everything: never scroll sideways on mobile */
.job__details__wrapper,
.job__details__widget,
.poster-content {
    max-width: 100%;
}

.poster-content {
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal;
}

.poster-content * {
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}

.poster-content pre {
    white-space: pre-wrap !important;
}

.poster-content table {
    display: block;
    width: 100%;
    overflow-x: auto;
}

.poster-content img {
    height: auto !important;
}

@media (max-width: 767px) {
    body {
        overflow-x: hidden;
    }

    .job-details,
    .job__details__wrapper,
    .job__details__widget {
        overflow-x: hidden;
    }

    .poster-content {
        padding: 14px !important;
        font-size: 15px;
    }

    .poster-content * {
        font-size: inherit !important;
        line-height: 1.6 !important;
    }
}

/* file upload option group - make sure the labels are readable */
#choiceOption,
#choiceOption * {
    color: #000000 !important;
}

#choiceOption input[type="checkbox"] {
    accent-color: #f0524a;
}

/* =========================================================
 * v1.0.19 - poster colours always win + true mobile wrapping
 * ======================================================= */

/* the theme must never repaint poster text; the poster's own inline
   colours are rendered with !important server side, so they win here */
.job__details__widget .poster-content,
.job__details__widget .poster-content *,
.blog__details__wrapper .poster-content,
.blog__details__wrapper .poster-content *,
.poster-content,
.poster-content * {
    color: inherit;
    -webkit-text-fill-color: currentColor;
}

.poster-content {
    color: #111111 !important;
    background-color: #ffffff !important;
}

/* highlighted runs: text paints on top of its own background */
.poster-content [style*="background"] {
    display: inline !important;
    padding: 0 2px !important;
    border-radius: 3px !important;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

/* ---------- never scroll sideways ---------- */
html,
body {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

.poster-content,
.poster-content * {
    max-width: 100% !important;
    width: auto !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    word-wrap: break-word !important;
    hyphens: auto;
    float: none !important;
    position: static !important;
}

.poster-content pre,
.poster-content code {
    white-space: pre-wrap !important;
    overflow-wrap: anywhere !important;
}

.poster-content table {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    overflow-x: auto !important;
}

.poster-content td,
.poster-content th {
    word-break: break-word !important;
}

.poster-content img,
.poster-content iframe,
.poster-content video {
    max-width: 100% !important;
    height: auto !important;
}

@media (max-width: 991px) {
    .job__details__wrapper,
    .job__details__widget,
    .job__details__widget .poster-content {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    .poster-content,
    .poster-content * {
        font-size: 15px !important;
        line-height: 1.65 !important;
        letter-spacing: 0 !important;
    }

    .poster-content {
        padding: 14px !important;
    }
}

/* =========================================================
 * v1.0.20 - "Select File Upload Option" labels always black
 * ======================================================= */
#choiceOption,
#choiceOption *,
#choiceOption label,
#choiceOption .form-check-label,
#choiceOption span,
#choiceOption small,
#choiceOption strong {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

#choiceOption {
    background: #ffffff !important;
}

#choiceOption input[type="checkbox"] {
    accent-color: #f0524a;
    width: 16px;
    height: 16px;
}

/* the old nicEdit panel must never be visible next to the new editor */
.nicEdit-main,
.nicEdit-panelContain,
.nicEdit-pane {
    display: none !important;
}

/* =========================================================
 * v1.0.25 - black titles on the white job-detail cards and
 * black clickable labels under "Select File Upload Option"
 * ======================================================= */
html body .job__details__wrapper-title,
html body .job__details__widget-title,
html body .job__details__wrapper > h1,
html body .job__details__wrapper > h2,
html body .job__details__wrapper > h3,
html body .job__details__wrapper > h4,
html body .job__details__wrapper > h5,
html body .job__details__widget > h1,
html body .job__details__widget > h2,
html body .job__details__widget > h3,
html body .job__details__widget > h4,
html body .job__details__widget > h5,
html body .job__finished__form label,
html body .job__finished__form .title,
html body .job-detail-title,
html body .force-black-title {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    opacity: 1 !important;
    text-shadow: none !important;
    background: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    mix-blend-mode: normal !important;
}

html body #choiceOption,
html body #choiceOption *,
html body [id*="choice"] label,
html body .file-option-wrapper,
html body .file-option-wrapper *,
html body .force-black-label,
html body .force-black-label * {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    opacity: 1 !important;
}

/* =========================================================
 * v1.0.28 - mobile burger lines forced white
 * ======================================================= */
html body .header-trigger-wrapper .header-trigger span,
html body .header-trigger-wrapper .header-trigger span::before,
html body .header-trigger-wrapper .header-trigger span::after,
html body .header-trigger span,
html body .header-trigger span::before,
html body .header-trigger span::after {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    opacity: 1 !important;
}

html body .header-trigger.active span {
    background: transparent !important;
    background-color: transparent !important;
}

html body .header-top-trigger,
html body .header-top-trigger i {
    color: #ffffff !important;
}

/* =========================================================
 * v1.0.30 - proof of job textarea: white box, black text
 * ======================================================= */
html body .job__finished__form textarea,
html body .job__finished__form .form--control,
html body textarea.proof-input-box {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    caret-color: #000000 !important;
    border: 1px solid #cccccc !important;
    box-shadow: none !important;
}

html body .job__finished__form textarea::placeholder,
html body textarea.proof-input-box::placeholder {
    color: #666666 !important;
    -webkit-text-fill-color: #666666 !important;
    opacity: 1 !important;
}

html body .job__finished__form input[type="file"].form--control {
    background: #ffffff !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    border: 1px solid #cccccc !important;
}

/* ---- 1.0.39: remove the huge empty gaps inside job descriptions ---- */
html body .poster-content p,
html body .poster-content div,
html body .poster-content h1,
html body .poster-content h2,
html body .poster-content h3,
html body .poster-content h4,
html body .poster-content h5,
html body .poster-content h6,
html body .poster-content li {
    margin-top: 0 !important;
    margin-bottom: 4px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1.5 !important;
    min-height: 0 !important;
}

html body .poster-content > *:first-child { margin-top: 0 !important; }
html body .poster-content > *:last-child { margin-bottom: 0 !important; }

html body .poster-content br + br { display: none !important; }

html body .poster-content p:empty,
html body .poster-content div:empty,
html body .poster-content span:empty,
html body .poster-content h1:empty,
html body .poster-content h2:empty,
html body .poster-content h3:empty,
html body .poster-content h4:empty,
html body .poster-content h5:empty,
html body .poster-content h6:empty {
    display: none !important;
}


/* ---------- 1.0.40: tighter job description ---------- */
.poster-content {
    line-height: 1.4 !important;
}

.poster-content > *:first-child {
    margin-top: 0 !important;
}

.poster-content > *:last-child {
    margin-bottom: 0 !important;
}

.poster-content br {
    line-height: 1.1 !important;
}

.poster-content p + p {
    margin-top: 0 !important;
}

.poster-content ul,
.poster-content ol {
    margin: 0 0 4px 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.poster-content h1,
.poster-content h2,
.poster-content h3,
.poster-content h4,
.poster-content h5,
.poster-content h6 {
    margin: 0 0 4px 0 !important;
    line-height: 1.3 !important;
}

/* ---------- 1.0.40: social icons beside the logo on mobile ---------- */
.header-mobile-social {
    display: none;
}

@media (max-width: 991px) {
    .header-mobile-social {
        display: flex !important;
        align-items: center;
        gap: 10px;
        list-style: none;
        margin: 0 0 0 12px;
        padding: 0;
        flex-wrap: wrap;
    }

    .header-mobile-social li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .header-mobile-social li a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.12);
        color: #ffffff !important;
        font-size: 14px;
        line-height: 1;
    }

    .header-mobile-social li a i,
    .header-mobile-social li a svg {
        color: #ffffff !important;
        fill: #ffffff !important;
    }

    .header-bottom-area {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: nowrap !important;
    }

    .header-bottom-area .logo {
        flex-shrink: 0;
    }
}

/* =====================================================================
 * v1.0.43 - force Job Description box white in every browser
 * ===================================================================== */

/* Highest-specificity guard: the description sheet must stay white */
html body .job__details__widget .poster-content,
html body .job__details__widget .job-description-content,
html body .poster-content.job-description-content,
html body .job-description-content,
html body .poster-content {
    background-color: #ffffff !important;
    background: #ffffff !important;
    color: #111111 !important;
    border: 0 !important;
}

/* If a browser ignores the class rule, target the element directly */
html body .job__details__widget > div.poster-content,
html body .job__details__widget > div.job-description-content {
    background-color: #ffffff !important;
    background: #ffffff !important;
    color: #111111 !important;
}

/* Make sure any inline dark background from the editor is overridden */
html body .job-description-content [style*="background"],
html body .job-description-content [style*="background-color"],
html body .poster-content [style*="background"],
html body .poster-content [style*="background-color"] {
    background-color: #ffffff !important;
    background: #ffffff !important;
}

/* Preserve poster text colors, but default to black when none is set */
html body .job-description-content,
html body .poster-content {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

/* highlighted runs: text paints on top of its own background */
html body .job-description-content [style*="background"],
html body .poster-content [style*="background"] {
    display: inline !important;
    padding: 0 2px !important;
    border-radius: 3px !important;
    box-decoration-break: clone !important;
    -webkit-box-decoration-break: clone !important;
}

/* =====================================================================
 * v1.0.44 - make the WHOLE Job Description box white, not only patches
 * ===================================================================== */

/* Force every block-level child inside the description to white/black.
   Inline highlight spans keep their own background because we do not
   target SPAN, FONT, B, I, STRONG, U, etc. here. */
html body .job__details__widget .poster-content,
html body .job__details__widget .job-description-content,
html body .poster-content.job-description-content,
html body .job-description-content,
html body .poster-content,
html body .job__details__widget .poster-content div,
html body .job__details__widget .poster-content p,
html body .job__details__widget .poster-content h1,
html body .job__details__widget .poster-content h2,
html body .job__details__widget .poster-content h3,
html body .job__details__widget .poster-content h4,
html body .job__details__widget .poster-content h5,
html body .job__details__widget .poster-content h6,
html body .job__details__widget .poster-content ul,
html body .job__details__widget .poster-content ol,
html body .job__details__widget .poster-content li,
html body .job__details__widget .poster-content section,
html body .job__details__widget .poster-content article,
html body .job__details__widget .poster-content blockquote,
html body .job__details__widget .poster-content pre,
html body .job__details__widget .poster-content table,
html body .job__details__widget .poster-content thead,
html body .job__details__widget .poster-content tbody,
html body .job__details__widget .poster-content tr,
html body .job__details__widget .poster-content td,
html body .job__details__widget .poster-content th {
    background-color: #ffffff !important;
    background: #ffffff !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

/* Inline elements without an explicit background get black text */
html body .job__details__widget .poster-content span:not([style*="background"]),
html body .job__details__widget .poster-content font:not([style*="background"]),
html body .job__details__widget .poster-content b:not([style*="background"]),
html body .job__details__widget .poster-content i:not([style*="background"]),
html body .job__details__widget .poster-content strong:not([style*="background"]),
html body .job__details__widget .poster-content u:not([style*="background"]),
html body .job__details__widget .poster-content em:not([style*="background"]) {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

/* Links inside the description stay blue so they are clickable */
html body .job__details__widget .poster-content a {
    color: #0b57d0 !important;
    -webkit-text-fill-color: #0b57d0 !important;
    text-decoration: underline !important;
}

/* Images/videos keep their natural background */
html body .job__details__widget .poster-content img,
html body .job__details__widget .poster-content video,
html body .job__details__widget .poster-content iframe,
html body .job__details__widget .poster-content audio {
    background-color: transparent !important;
}

/* ---- v1.0.45: kill huge blank gaps inside job description ---- */
html body .job__details__widget .poster-content,
html body .job__details__widget .job-description-content {
    line-height: 1.5 !important;
}
html body .job__details__widget .poster-content *,
html body .job__details__widget .job-description-content * {
    line-height: 1.5 !important;
    min-height: 0 !important;
}
html body .job__details__widget .poster-content p,
html body .job__details__widget .poster-content div,
html body .job__details__widget .poster-content h1,
html body .job__details__widget .poster-content h2,
html body .job__details__widget .poster-content h3,
html body .job__details__widget .poster-content h4,
html body .job__details__widget .poster-content h5,
html body .job__details__widget .poster-content h6,
html body .job__details__widget .poster-content ul,
html body .job__details__widget .poster-content ol,
html body .job__details__widget .poster-content li,
html body .job__details__widget .poster-content blockquote,
html body .job__details__widget .poster-content pre {
    margin-top: 0 !important;
    margin-bottom: 6px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
html body .job__details__widget .poster-content > *:last-child {
    margin-bottom: 0 !important;
}
html body .job__details__widget .poster-content br + br {
    display: none !important;
}
html body .job__details__widget .poster-content p:empty,
html body .job__details__widget .poster-content div:empty,
html body .job__details__widget .poster-content span:empty {
    display: none !important;
}

/* ---- v1.0.46: neutralize fixed editor spacing saved in poster HTML ---- */
html body #jobDescriptionBox p,
html body #jobDescriptionBox div,
html body #jobDescriptionBox h1,
html body #jobDescriptionBox h2,
html body #jobDescriptionBox h3,
html body #jobDescriptionBox h4,
html body #jobDescriptionBox h5,
html body #jobDescriptionBox h6,
html body #jobDescriptionBox section,
html body #jobDescriptionBox article,
html body #jobDescriptionBox blockquote,
html body #jobDescriptionBox pre,
html body #jobDescriptionBox ul,
html body #jobDescriptionBox ol,
html body #jobDescriptionBox li,
html body #jobDescriptionBox center {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin-top: 0 !important;
    margin-bottom: 6px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

html body #jobDescriptionBox br:first-child,
html body #jobDescriptionBox br:last-child {
    display: none !important;
}