/*
 * Marketplace look — navy header, white filter panel, orange find button,
 * wide listing rows. Tokens override the default board on body.wpjc-skin-market.
 */

body.wpjc-skin-market{
  --wpjc-navy:#0b5fde;
  --wpjc-cta:#ff6a00;
  --wpjc-a:#ff6a00;
  --wpjc-accent:#ff6a00;
  --wpjc-ink:#0b5fde;
  --wpjc-text:#243047;
  --wpjc-muted:#6b7280;
  --wpjc-line:#e6eaf0;
  --wpjc-paper:#fff;
  --wpjc-soft:#f4f6f9;
  --wpjc-r:10px;
}
body.wpjc-skin-market.wpjc-standalone,
body.wpjc-skin-market.wpjc-standalone.wpjc-head-board{
  --wpjc-a:#ff6a00;
  --wpjc-accent:#ff6a00;
  --wpjc-ink:#0b5fde;
}

/* ---------- Header ---------- */
body.wpjc-skin-market.wpjc-head-board{ background:var(--wpjc-soft); }
body.wpjc-skin-market .wpjc-top{
  background:var(--wpjc-navy);
  border-bottom:0;
}
body.wpjc-skin-market .wpjc-top__name,
body.wpjc-skin-market .wpjc-nav__item,
body.wpjc-skin-market .wpjc-nav__item:hover,
body.wpjc-skin-market .wpjc-nav__item.is-active,
body.wpjc-skin-market .wpjc-pop__btn,
body.wpjc-skin-market .wpjc-burger{ color:#fff; }
body.wpjc-skin-market .wpjc-nav__item svg,
body.wpjc-skin-market .wpjc-pop__btn svg,
body.wpjc-skin-market .wpjc-burger svg{ color:#fff; stroke:currentColor; }
body.wpjc-skin-market .wpjc-nav__item:hover,
body.wpjc-skin-market .wpjc-nav__item.is-active,
body.wpjc-skin-market .wpjc-pop__btn:hover{
  background:rgba(255,255,255,.1);
  color:#fff;
}
body.wpjc-skin-market .wpjc-login,
body.wpjc-skin-market .wpjc-login.wpjc-pop__btn,
body.wpjc-skin-market .wpjc-login:hover,
body.wpjc-skin-market .wpjc-login.wpjc-pop__btn:hover{
  border-color:#fff;
  background:#fff;
  color:var(--wpjc-navy);
}
body.wpjc-skin-market .wpjc-login__ico,
body.wpjc-skin-market .wpjc-login:hover .wpjc-login__ico{
  background:transparent;
  color:var(--wpjc-navy);
}
body.wpjc-skin-market .wpjc-login__ico svg{
  color:var(--wpjc-navy);
  fill:currentColor;
  stroke:none;
}
body.wpjc-skin-market .wpjc-logo-tag{
  background:var(--wpjc-cta);
  color:#fff;
}
body.wpjc-skin-market .wpjc-badge{ background:var(--wpjc-cta); color:#fff; }

/* ---------- Buttons ---------- */
body.wpjc-skin-market .wpjc-btn{
  border-radius:8px;
  background:var(--wpjc-cta);
  box-shadow:none;
}
body.wpjc-skin-market .wpjc-btn:hover{ background:#e55f00; transform:none; }
body.wpjc-skin-market .wpjc-btn--ghost{
  background:#fff;
  color:var(--wpjc-navy) !important;
}
body.wpjc-skin-market .wpjc-btn:hover .wpjc-btn__ico{ transform:none; }

/* ---------- Hero: compact title + AJAX search, advanced folded ---------- */
body.wpjc-skin-market .wpjc-hero{
  overflow:visible;
  background:var(--wpjc-navy);
  text-align:center;
}
body.wpjc-skin-market .wpjc-hero__inner{
  display:flex;
  flex-direction:column;
  align-items:center;
  padding-block:28px 32px;
}
body.wpjc-skin-market .wpjc-hero--compact .wpjc-hero__inner{ padding-block:22px 26px; }
body.wpjc-skin-market .wpjc-hero__title{
  margin:0;
  font-size:clamp(24px,2.6vw,36px);
  font-weight:700;
  letter-spacing:-.03em;
}
body.wpjc-skin-market .wpjc-hero__intro{
  margin:0px;
  opacity:.92;
  font-size:clamp(18px,2vw,24px);
}
body.wpjc-skin-market .wpjc-hero__img{ display:none; }
body.wpjc-skin-market .wpjc-hero:has(.wpjc-hero__img){ min-height:0; }

body.wpjc-skin-market .wpjc-search{
  display:flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
  width:100%;
  max-width:none;
  height:52px;
  margin:18px 0 0;
  padding:0 8px 0 18px;
  border:0;
  border-radius:12px;
  background:#fff;
  box-shadow:0 10px 28px rgba(11,31,92,.16);
}
body.wpjc-skin-market .wpjc-search:focus-within{
  box-shadow:0 0 0 3px rgba(255,255,255,.35),0 10px 28px rgba(11,31,92,.16);
}
body.wpjc-skin-market .wpjc-search__input{
  height:100%;
  padding:0;
  border:0;
  background:transparent;
  font-size:15px;
}
body.wpjc-skin-market .wpjc-search__btn{
  display:inline-flex;
  width:40px;
  height:40px;
  border-radius:10px;
  background:var(--wpjc-cta);
  color:#fff;
}
body.wpjc-skin-market .wpjc-search__btn:hover{ background:#e55f00; }
body.wpjc-skin-market .wpjc-live{
  top:calc(100% + 8px);
  left:0;
  right:0;
  z-index:40;
  margin-top:0;
  border-radius:12px;
}
body.wpjc-skin-market .wpjc-strip{ position:relative; z-index:1; }

body.wpjc-skin-market .wpjc-adv{
  position:relative;
  z-index:2;
  flex:0 0 auto;
  width:100%;
  max-width:none;
  margin:12px auto 0;
  text-align:center;
}
body.wpjc-skin-market .wpjc-adv__toggle{
  display:inline-flex;
  border-color:rgba(255,255,255,.45);
  background:rgba(255,255,255,.12);
  color:#fff;
}
body.wpjc-skin-market .wpjc-adv__toggle:hover{
  border-color:#fff;
  background:rgba(255,255,255,.22);
}
body.wpjc-skin-market .wpjc-adv__badge{
  background:#fff;
  color:var(--wpjc-navy);
}
body.wpjc-skin-market .wpjc-adv__panel{
  margin-top:12px;
  padding:18px 18px 16px;
  border:1px solid var(--wpjc-line);
  border-radius:12px;
  background:#fff;
  box-shadow:0 16px 40px rgba(11,95,222,.16);
  color:var(--wpjc-text);
}
body.wpjc-skin-market .wpjc-adv__panel[hidden]{ display:none; }
body.wpjc-skin-market .wpjc-adv__grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
body.wpjc-skin-market .wpjc-adv__field label,
body.wpjc-skin-market .wpjc-adv__types legend{
  margin-bottom:6px;
  color:#6b7280;
  font-size:11px;
  letter-spacing:.02em;
  text-transform:none;
}
body.wpjc-skin-market .wpjc-adv__select select{
  height:42px;
  border-radius:8px;
  background:#f7f8fb;
}
body.wpjc-skin-market .wpjc-adv__types{ margin:14px 0 0; }
body.wpjc-skin-market .wpjc-adv__seg{ gap:8px; }
body.wpjc-skin-market .wpjc-adv__seg span{
  min-height:34px;
  padding:0 12px;
  border-radius:8px;
  background:#f7f8fb;
  font-size:13px;
}
body.wpjc-skin-market .wpjc-adv__foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:16px;
}
body.wpjc-skin-market .wpjc-adv__clear{
  color:var(--wpjc-navy);
}
body.wpjc-skin-market .wpjc-adv__go{
  min-width:140px;
  height:42px;
  padding:0 22px;
  border-radius:8px;
}

/* ---------- Strip / body ---------- */
body.wpjc-skin-market .wpjc-strip{ background:#fff; }
body.wpjc-skin-market .wpjc-body{ padding-top:28px; }
body.wpjc-skin-market .wpjc-h{ color:var(--wpjc-navy); font-weight:700; letter-spacing:-.02em; }

/* ---------- Listings: one column of wide rows ---------- */
body.wpjc-skin-market .wpjc-tiers{ grid-template-columns:1fr; gap:36px; }
body.wpjc-skin-market .wpjc-jobs,
body.wpjc-skin-market .wpjc-jobs--grid,
body.wpjc-skin-market .wpjc-jobs--2{
  grid-template-columns:1fr;
  gap:10px;
}
body.wpjc-skin-market .wpjc-job--row{
  display:grid;
  grid-template-columns:132px minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  padding:14px 16px;
  border-radius:12px;
  box-shadow:0 1px 2px rgba(11,95,222,.06);
}
body.wpjc-skin-market .wpjc-job--row:hover{
  border-color:#d5dce6;
  box-shadow:0 8px 24px rgba(11,95,222,.1);
}
body.wpjc-skin-market .wpjc-job__media{
  display:flex;
  align-items:center;
  justify-content:center;
  width:132px;
  height:88px;
  overflow:hidden;
  border:1px solid var(--wpjc-line);
  border-radius:8px;
  background:#f7f8fb;
  text-decoration:none;
}
body.wpjc-skin-market .wpjc-job__media img{
  max-width:86%;
  max-height:70%;
  object-fit:contain;
}
body.wpjc-skin-market .wpjc-job__media span{
  color:var(--wpjc-navy);
  font-size:28px;
  font-weight:800;
}
body.wpjc-skin-market .wpjc-job__body{ min-width:0; }
body.wpjc-skin-market .wpjc-job__company{
  margin:0 0 4px;
  color:#6b7280;
  font-size:13px;
  font-weight:600;
}
body.wpjc-skin-market .wpjc-job__title{
  margin:0 0 8px;
  font-size:18px;
  font-weight:700;
  letter-spacing:-.02em;
}
body.wpjc-skin-market .wpjc-job__link{
  color:inherit;
  text-decoration:none;
  transition:color .15s;
}
body.wpjc-skin-market .wpjc-job__link:hover,
body.wpjc-skin-market .wpjc-job__link:focus-visible{
  color:var(--wpjc-cta);
}
body.wpjc-skin-market .wpjc-job__chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0;
}
body.wpjc-skin-market .wpjc-job__chips span{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:4px 9px;
  border-radius:6px;
  background:#f4f6f9;
  color:#4b5563;
  font-size:12px;
}
body.wpjc-skin-market .wpjc-job__side{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:8px;
  position:relative;
  z-index:2;
}
body.wpjc-skin-market .wpjc-job__apply{
  padding:8px 16px;
  border:0;
  border-radius:8px;
  background:var(--wpjc-cta);
  color:#fff;
  font-size:13px;
  font-weight:700;
  letter-spacing:0;
  text-transform:none;
}
body.wpjc-skin-market .wpjc-job__apply:hover{ background:#e55f00; color:#fff; }
body.wpjc-skin-market .wpjc-job__bar{ display:none; }
body.wpjc-skin-market .wpjc-fav{ color:#9aa3b2; }
body.wpjc-skin-market .wpjc-fav[aria-pressed="true"]{ color:var(--wpjc-cta); }

/* ---------- Single ---------- */
body.wpjc-skin-market .wpjc-single__title{ color:var(--wpjc-navy); }
body.wpjc-skin-market .wpjc-applybox .wpjc-btn{ border-radius:8px; }

/* ---------- Footer ---------- */
body.wpjc-skin-market.wpjc-head-board .wpjc-foot{
  background:var(--wpjc-navy);
  border-top:0;
  color:rgba(255,255,255,.72);
}
body.wpjc-skin-market.wpjc-head-board .wpjc-foot__title,
body.wpjc-skin-market.wpjc-head-board .wpjc-foot__brand,
body.wpjc-skin-market.wpjc-head-board .wpjc-foot a{ color:rgba(255,255,255,.82); }
body.wpjc-skin-market.wpjc-head-board .wpjc-foot__contact svg{ color:#fff; }
body.wpjc-skin-market.wpjc-head-board .wpjc-foot a:hover{ color:#fff; }
body.wpjc-skin-market.wpjc-head-board .wpjc-foot .wpjc-strip__net{
  background:#fff;
  color:var(--wpjc-navy);
}
body.wpjc-skin-market.wpjc-head-board .wpjc-foot .wpjc-strip__net svg{
  color:inherit;
  fill:currentColor;
  stroke:none;
}
body.wpjc-skin-market.wpjc-head-board .wpjc-foot .wpjc-strip__net:hover,
body.wpjc-skin-market.wpjc-head-board .wpjc-foot .wpjc-strip__net:focus-visible{
  background:var(--net,var(--wpjc-cta));
  color:#fff;
}
body.wpjc-skin-market.wpjc-head-board .wpjc-foot__bottom{ border-top-color:rgba(255,255,255,.12); }
body.wpjc-skin-market.wpjc-head-board .wpjc-top__name,
body.wpjc-skin-market.wpjc-head-board .wpjc-foot .wpjc-top__name{ color:#fff; }

/* ---------- Inside the News theme ---------- */
body.wpjc-skin-market:not(.wpjc-standalone) .wpjc-hero{
  border-radius:0 0 12px 12px;
  margin-block:0;
}

@media (max-width:1023px){
  body.wpjc-skin-market .wpjc-login,
  body.wpjc-skin-market .wpjc-login:hover{
    background:transparent;
    color:#fff;
  }
  body.wpjc-skin-market .wpjc-login__ico,
  body.wpjc-skin-market .wpjc-login:hover .wpjc-login__ico{
    background:#fff;
    color:var(--wpjc-navy);
  }
}
@media (max-width:860px){
  body.wpjc-skin-market .wpjc-hero__inner{ padding-block:22px 24px; }
  body.wpjc-skin-market .wpjc-search,
  body.wpjc-skin-market .wpjc-adv{ max-width:none; }
  body.wpjc-skin-market .wpjc-body{ padding-top:24px; }
  body.wpjc-skin-market .wpjc-adv__grid{ grid-template-columns:1fr; }
  body.wpjc-skin-market .wpjc-job--row{
    grid-template-columns:72px minmax(0,1fr);
    gap:12px;
  }
  body.wpjc-skin-market .wpjc-job__media{ width:72px; height:72px; }
  body.wpjc-skin-market .wpjc-job__side{
    grid-column:1 / -1;
    flex-direction:row;
    justify-content:flex-end;
  }
}

/* ---------- Dark mode (board switch) ---------- */
html[data-wpjc-scheme="dark"] body.wpjc-skin-market,
html[data-wpjc-scheme="dark"] body.wpjc-skin-market.wpjc-standalone.wpjc-head-board{
  --wpjc-navy:#121721;
  --wpjc-ink:#f3f4f6;
  --wpjc-text:#d1d5db;
  --wpjc-muted:#9ca3af;
  --wpjc-line:#262c37;
  --wpjc-paper:#161b24;
  --wpjc-soft:#0c0f14;
}
html[data-wpjc-scheme="dark"] body.wpjc-skin-market .wpjc-top{ border-bottom:1px solid var(--wpjc-line); }
html[data-wpjc-scheme="dark"] body.wpjc-skin-market.wpjc-head-board .wpjc-foot{ border-top:1px solid var(--wpjc-line); }
html[data-wpjc-scheme="dark"] body.wpjc-skin-market .wpjc-hero{ background:var(--wpjc-navy); border-bottom:1px solid var(--wpjc-line); }
html[data-wpjc-scheme="dark"] body.wpjc-skin-market :is(.wpjc-login, .wpjc-login.wpjc-pop__btn, .wpjc-login:hover, .wpjc-login.wpjc-pop__btn:hover){ border-color:rgba(255,255,255,.35); background:transparent; color:#fff; }
html[data-wpjc-scheme="dark"] body.wpjc-skin-market :is(.wpjc-login__ico, .wpjc-login__ico svg){ color:#fff; }
html[data-wpjc-scheme="dark"] body.wpjc-skin-market :is(.wpjc-search, .wpjc-adv__panel, .wpjc-strip){ background:var(--wpjc-paper); }
html[data-wpjc-scheme="dark"] body.wpjc-skin-market .wpjc-search{ box-shadow:0 0 0 1px var(--wpjc-line); }
html[data-wpjc-scheme="dark"] body.wpjc-skin-market .wpjc-search__input{ color:var(--wpjc-ink); }
html[data-wpjc-scheme="dark"] body.wpjc-skin-market :is(.wpjc-adv__select select, .wpjc-adv__seg span){ background:var(--wpjc-hover); color:var(--wpjc-text); }
html[data-wpjc-scheme="dark"] body.wpjc-skin-market :is(.wpjc-adv__field label, .wpjc-adv__types legend, .wpjc-job__company){ color:var(--wpjc-muted); }
html[data-wpjc-scheme="dark"] body.wpjc-skin-market .wpjc-btn--ghost{ border-color:var(--wpjc-line); background:var(--wpjc-paper); color:var(--wpjc-ink) !important; }
html[data-wpjc-scheme="dark"] body.wpjc-skin-market .wpjc-job__chips span{ background:#252c38; color:#fff; }
html[data-wpjc-scheme="dark"] body.wpjc-skin-market .wpjc-job__chips span svg{ color:#cbd5e1; }
html[data-wpjc-scheme="dark"] body.wpjc-skin-market .wpjc-job__media{ border-color:transparent; background:#f4f5f7; }
html[data-wpjc-scheme="dark"] body.wpjc-skin-market .wpjc-job__media span{ color:#121721; }
html[data-wpjc-scheme="dark"] body.wpjc-skin-market :is(.wpjc-h, .wpjc-single__title, .wpjc-adv__clear){ color:var(--wpjc-ink); }
@media (max-width:860px){
  html[data-wpjc-scheme="dark"] body.wpjc-skin-market :is(.wpjc-login__ico, .wpjc-login:hover .wpjc-login__ico){ background:transparent; color:#fff; }
}
