/* WP Job Core – Paid Listings: package picker, prepaid ads, "Pay now". */

.wpjcpl-pick__set{ min-width:0; margin:0; padding:0; border:0; }
.wpjcpl-pick__group{ margin:4px 0 10px; color:var(--wpjc-muted); font-size:12px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.wpjcpl-pick__group:not(:first-of-type){ margin-top:18px; }
.wpjcpl-pick__error{ margin:0 0 12px; padding:10px 12px; border-radius:10px; background:#fef2f2; color:#991b1b; font-size:14px; font-weight:600; }

.wpjcpl-locked{ padding:16px 18px; border:1px solid #fde68a; border-radius:12px; background:#fffbeb; color:#713f12; font-size:14px; line-height:1.5; }
.wpjcpl-locked p{ margin:0 0 10px; }
.wpjcpl-locked__title{ display:flex; align-items:center; gap:8px; color:var(--wpjc-ink); font-size:15px; font-weight:700; }
.wpjcpl-locked__actions{ display:flex; flex-wrap:wrap; gap:8px; margin:0 !important; }

.wpjcpl-cards{ display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:12px; }
.wpjcpl-card{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:6px;
  margin:0;
  padding:16px 16px 14px;
  border:1.5px solid var(--wpjc-line);
  border-radius:14px;
  background:var(--wpjc-paper,#fff);
  cursor:pointer;
  transition:border-color .15s,box-shadow .15s,transform .15s;
}
.wpjcpl-card:hover{ border-color:color-mix(in srgb,var(--tier) 55%,var(--wpjc-line)); transform:translateY(-1px); }
.wpjcpl-card input{ position:absolute; opacity:0; pointer-events:none; }
.wpjcpl-card:has(input:checked){
  border-color:var(--tier);
  background:color-mix(in srgb,var(--tier) 5%,#fff);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--tier) 16%,transparent);
}
.wpjcpl-card:has(input:focus-visible){ outline:2px solid var(--wpjc-a); outline-offset:3px; }
.wpjcpl-card__check{
  position:absolute;
  top:12px;
  right:12px;
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  border:1.5px solid var(--wpjc-line);
  border-radius:50%;
  color:transparent;
  transition:background-color .15s,border-color .15s,color .15s;
}
.wpjcpl-card:has(input:checked) .wpjcpl-card__check{ border-color:var(--tier); background:var(--tier); color:#fff; }
.wpjcpl-card__title{ padding-right:26px; color:var(--wpjc-ink); font-size:15px; font-weight:700; line-height:1.3; }
.wpjcpl-card__price{ color:var(--wpjc-ink); font-size:22px; font-weight:800; letter-spacing:-.01em; line-height:1.15; }
.wpjcpl-card__price del{ margin-right:4px; color:var(--wpjc-muted); font-size:14px; font-weight:500; }
.wpjcpl-card__price ins{ text-decoration:none; }
.wpjcpl-card__meta{ color:var(--wpjc-text); font-size:13px; font-weight:600; }
.wpjcpl-card__text{ color:var(--wpjc-muted); font-size:13px; line-height:1.45; }

.wpjcpl-tier{
  display:inline-flex;
  align-items:center;
  align-self:flex-start;
  gap:6px;
  padding:3px 9px 3px 3px;
  border-radius:999px;
  background:color-mix(in srgb,var(--tier) 12%,#fff);
  color:color-mix(in srgb,var(--tier) 82%,#000);
  font-size:12px;
  font-weight:700;
}
.wpjcpl-tier__short{ display:inline-grid; place-items:center; min-width:22px; height:18px; padding:0 4px; border-radius:999px; background:var(--tier); color:#fff; font-size:10px; }

/* Jobs list */
.wpjc-acc-badge--unpaid{ background:#fee2e2; color:#991b1b; }
.wpjcpl-pay{ white-space:nowrap; }
.wpjcpl-pay svg{ margin-right:4px; }

.wpjcpl-credits{
  margin:0 0 16px;
  padding:14px 18px;
  border:1px solid color-mix(in srgb,var(--wpjc-a) 22%,var(--wpjc-line));
  border-radius:14px;
  background:linear-gradient(110deg,color-mix(in srgb,var(--wpjc-a) 7%,#fff),#fff 70%);
}
.wpjcpl-credits__title{ display:flex; align-items:center; gap:8px; margin:0 0 8px; color:var(--wpjc-ink); font-weight:700; }
.wpjcpl-credits__title svg{ color:var(--wpjc-a); }
.wpjcpl-credits ul{ display:flex; flex-wrap:wrap; gap:8px 18px; margin:0; padding:0; list-style:none; }
.wpjcpl-credits li{ display:flex; align-items:center; gap:8px; color:var(--wpjc-text); font-size:14px; }
.wpjcpl-credits li .wpjcpl-tier{ padding-left:9px; }
.wpjcpl-credits__hint{ margin:8px 0 0; color:var(--wpjc-muted); font-size:13px; }
:is(html[data-wpjc-scheme="dark"] body.wpjc-head-board, html[data-theme="dark"] body.wpjc-head-news) .wpjcpl-locked{ border-color:#5c4a12; background:#2a230d; color:#f5d97a; }