/*
Theme Name: Workoliday (Careerfy child)
Theme URI: https://workoliday.com.au
Description: Child theme of Careerfy for workoliday.com.au: new header, footer and the "Workoliday Home" page template. The parent theme is never edited.
Author: Opticloud
Template: careerfy
Version: 1.1.0
Text Domain: careerfy-child
*/

/* Everything in this file is scoped to .wk-header, .wk-footer and body.wk-home so the
   parent theme and the job-board plugin keep their own styling on inner pages. */
:root{
  --wk-ink:#111111;
  --wk-paper:#ffffff;
  --wk-mute:#6b6b6b;
  --wk-line:#d9d4cc;
  --wk-sans:"Montserrat",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --wk-script:"Caveat","Segoe Script",cursive;
  --wk-wrap:1280px;
  --wk-pad:clamp(20px,4vw,56px);
  --wk-navgap:clamp(18px,3vw,44px);
  /* Brand lines 2026-10-28: the logo's two horizon strokes (design/img/logo-lines.svg) as a CSS mask, coloured by currentColor */
  --wk-lines:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 400 63.9%22%3E%3Cpath d=%22M132.2 0.3C142.5 -0.4 150.2 -0.3 158.8 0.0C167.4 0.3 176.1 1.3 184.1 2.2C192.1 3.2 191.6 3.0 206.8 5.7C222.1 8.4 257.3 15.9 275.5 18.2C293.8 20.5 305.3 19.1 316.4 19.7C327.5 20.3 332.4 20.8 342.2 22.0C352.0 23.1 365.9 25.0 375.2 26.5C384.6 28.1 401.2 31.1 398.4 31.2C395.7 31.4 372.5 28.5 358.8 27.5C345.1 26.4 329.4 25.5 316.4 25.1C303.5 24.7 295.3 24.5 281.2 25.1C267.0 25.6 245.1 27.3 231.5 28.5C217.9 29.8 211.6 30.6 199.7 32.6C187.8 34.5 174.0 37.0 160.1 40.1C146.3 43.3 130.3 47.5 116.4 51.3C102.5 55.2 82.9 61.6 76.7 63.4C70.5 65.1 73.9 63.9 79.1 61.8C84.3 59.7 99.3 53.8 108.0 50.7C116.7 47.5 122.6 45.5 131.3 42.9C139.9 40.2 151.9 36.9 160.1 34.7C168.3 32.6 172.4 31.6 180.4 30.0C188.4 28.3 197.1 26.4 208.1 24.8C219.1 23.2 240.2 21.3 246.3 20.4C252.4 19.6 246.5 20.0 244.9 19.6C243.3 19.2 246.4 19.7 236.7 18.2C227.0 16.7 198.7 12.2 186.5 10.6C174.2 8.9 170.8 8.8 163.0 8.4C155.2 7.9 148.7 7.5 139.7 7.8C130.7 8.0 119.2 9.0 109.1 10.0C99.0 11.1 97.0 10.9 79.1 14.1C61.2 17.2 13.6 26.9 1.7 28.9C-10.1 30.9 2.4 28.1 8.3 26.2C14.2 24.3 26.4 20.3 37.1 17.4C47.8 14.4 62.4 10.8 72.4 8.5C82.4 6.3 87.1 5.3 97.0 3.9C107.0 2.5 121.9 0.9 132.2 0.3Z%22/%3E%3C/svg%3E");
}
.wk-header,.wk-footer,.wk-home .wk-main{font-family:var(--wk-sans);font-weight:400;line-height:1.5;box-sizing:border-box}
.wk-header *,.wk-footer *,.wk-home .wk-main *{box-sizing:border-box}
.wk-header img,.wk-footer img,.wk-home .wk-main img{display:block;max-width:100%;height:auto;border:0}
.wk-header a,.wk-footer a,.wk-home .wk-main a{color:inherit;text-decoration:none}
.wk-header ul,.wk-footer ul,.wk-home .wk-main ul{list-style:none;margin:0;padding:0}
.wk-header li,.wk-footer li,.wk-home .wk-main li{list-style:none}
.wk-header h1,.wk-header h2,.wk-header h3,.wk-header p,
.wk-footer h1,.wk-footer h2,.wk-footer h3,.wk-footer p,
.wk-home .wk-main h1,.wk-home .wk-main h2,.wk-home .wk-main h3,.wk-home .wk-main p{margin:0;padding:0;font-family:var(--wk-sans)}
.wk-header a:focus-visible,.wk-footer a:focus-visible,.wk-home .wk-main a:focus-visible{outline:2px solid #fff;outline-offset:3px}
.wk-script{font-family:var(--wk-script)!important;font-weight:700;line-height:1}

/* ---------- Header ---------- */
.wk-header{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;
  width:100%;clear:both;float:none;margin:0;padding:12px var(--wk-pad);background:var(--wk-ink);color:#fff}
.wk-logo{display:block;line-height:0}
.wk-logo img{width:84px;height:84px}
.wk-nav{display:flex;align-items:center;gap:var(--wk-navgap)}
.wk-menu{display:flex;align-items:center;gap:var(--wk-navgap);margin:0;padding:0}
.wk-menu li{margin:0;padding:0;line-height:1}
.wk-nav a{font-size:12px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.22em;line-height:1.3;
  padding:8px 0;border-bottom:2px solid transparent;transition:border-color .15s,color .15s}
.wk-nav a:hover{color:#fff;border-bottom-color:#fff}
/* Brand lines 2026-10-28: the current item carries the logo lines; hover keeps the straight rule */
.wk-menu .current-menu-item>a,.wk-menu .current_page_item>a{position:relative;color:#fff}
.wk-menu .current-menu-item>a::after,.wk-menu .current_page_item>a::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:12px;background:currentColor;-webkit-mask:var(--wk-lines) no-repeat center/contain;mask:var(--wk-lines) no-repeat center/contain}
.wk-nav-search{display:flex;align-items:center;line-height:0}
.wk-nav-search svg{width:18px;height:18px}
.wk-nav .wk-nav-login{background:#fff;color:var(--wk-ink);padding:12px 22px;border-radius:6px;border-bottom:0;letter-spacing:.18em}
.wk-nav .wk-nav-login:hover{background:#e6e6e6;color:var(--wk-ink);border-bottom:0}
.wk-nav-toggle,.wk-burger{display:none}

/* Header over the home hero */
.wk-header--hero{position:absolute;top:0;left:0;right:0;align-items:flex-start;padding:22px var(--wk-pad) 0;background:transparent}
.wk-header--hero .wk-logo img{width:150px;height:150px;filter:drop-shadow(0 6px 18px rgba(0,0,0,.35))}
.wk-header--hero .wk-nav{margin-top:14px}
.wk-header--hero .wk-nav a{text-shadow:0 1px 6px rgba(0,0,0,.45)}
.wk-header--hero .wk-nav .wk-nav-login{background:var(--wk-ink);color:#fff;text-shadow:none}
.wk-header--hero .wk-nav .wk-nav-login:hover{background:#2a2a2a;color:#fff}

/* The job-board plugin prints its login/activation/alert pop-ups in the footer of every
   page; its own CSS (dequeued for visitors on the home template) is what hides them. */
.wk-home-lite .jobsearch-modal{display:none!important}

/* ---------- Home: hero ---------- */
.wk-home .wk-main{display:block;width:100%;clear:both;color:var(--wk-ink);background:var(--wk-paper)}
.wk-home .wk-hero{position:relative;min-height:min(92vh,860px);display:flex;align-items:flex-end;color:#fff;isolation:isolate;overflow:hidden}
.wk-home .wk-hero .wk-hero-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:68% 50%;z-index:-2;max-width:none}
.wk-home .wk-hero::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;
  background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,.05) 35%,rgba(0,0,0,.25) 100%)}
.wk-home .wk-hero-inner{width:100%;max-width:var(--wk-wrap);margin:0 auto;padding:200px var(--wk-pad) 56px}
.wk-home .wk-hero h1{font-size:clamp(52px,6.6vw,96px);color:#fff;text-shadow:0 3px 18px rgba(0,0,0,.4);letter-spacing:.01em;white-space:nowrap;line-height:1}
.wk-home .wk-hero-tag{font-size:clamp(14px,1.6vw,22px);letter-spacing:.32em;text-transform:uppercase;font-weight:500;color:#fff;margin:10px 0 0 6px;text-shadow:0 1px 8px rgba(0,0,0,.5)}
/* Brand lines 2026-10-28: the flourish is the logo's two horizon strokes (same path as --wk-lines) */
.wk-flourish{width:230px;height:auto;margin:12px 0 0 6px;display:block}
.wk-flourish path{fill:currentColor;stroke:none}
.wk-flourish.dark{margin:10px auto 0;width:170px}

/* The two big buttons (option A: horizontal cards, round icon badge) */
.wk-home .wk-cta-row{display:grid;grid-template-columns:repeat(2,minmax(0,440px));gap:20px;margin-top:clamp(40px,6vw,80px)}
.wk-home .wk-cta{display:grid;grid-template-columns:66px 1fr auto;grid-template-rows:auto auto;align-items:center;column-gap:20px;row-gap:2px;
  padding:20px 26px 20px 20px;border-radius:14px;text-align:left;justify-items:start;
  box-shadow:0 14px 38px rgba(0,0,0,.38);transition:transform .18s ease,box-shadow .18s ease}
.wk-home .wk-cta:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(0,0,0,.44)}
.wk-home .wk-cta svg{grid-column:1;grid-row:1/3;width:66px;height:66px;padding:17px;border-radius:50%;margin:0;
  fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.wk-home .wk-cta-title{grid-column:2;grid-row:1;font-size:24px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;line-height:1.2}
.wk-home .wk-cta-sub{grid-column:2;grid-row:2;font-size:12px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;opacity:.75;line-height:1.3}
.wk-home .wk-cta-arrow{grid-column:3;grid-row:1/3;font-size:30px;line-height:1;margin:0}
.wk-home .wk-main a.wk-cta-light{background:#fff;color:var(--wk-ink)}
.wk-home .wk-cta-light svg{background:var(--wk-ink);stroke:#fff}
.wk-home .wk-main a.wk-cta-dark{background:var(--wk-ink);color:#fff;border:1px solid rgba(255,255,255,.4)}
.wk-home .wk-cta-dark svg{background:#fff;stroke:var(--wk-ink)}

/* Feature strip */
.wk-home .wk-features{background:var(--wk-paper);padding:48px var(--wk-pad)}
.wk-home .wk-features ul{display:grid;grid-template-columns:repeat(4,1fr);max-width:var(--wk-wrap);margin:0 auto}
.wk-home .wk-features li{display:grid;justify-items:center;gap:14px;padding:8px 16px;border-left:1px solid var(--wk-line);text-align:center}
.wk-home .wk-features li:first-child{border-left:0}
.wk-home .wk-features svg{width:40px;height:40px;fill:var(--wk-ink);stroke:var(--wk-ink);stroke-width:2.5;stroke-linejoin:round}
.wk-home .wk-features svg .cut{fill:#fff;stroke:none}
.wk-home .wk-features span{font-size:13px;font-weight:700;line-height:1.6;text-transform:uppercase;letter-spacing:.22em;color:var(--wk-ink)}

/* Regions */
.wk-home .wk-regions{padding:24px 0 0;text-align:center}
.wk-home .wk-kicker{font-size:12px;font-weight:600;color:var(--wk-mute);letter-spacing:.42em;text-transform:uppercase}
.wk-home .wk-regions h2{font-size:clamp(26px,4vw,48px);font-weight:700;letter-spacing:.28em;text-transform:uppercase;margin-top:10px;color:var(--wk-ink);line-height:1.2}
.wk-home .wk-tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:36px}
.wk-home .wk-tiles a{position:relative;display:block;aspect-ratio:4/3.3;overflow:hidden;background:var(--wk-ink)}
.wk-home .wk-tiles img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.wk-home .wk-tiles a:hover img{transform:scale(1.05)}
.wk-home .wk-tiles span{position:absolute;left:0;right:0;bottom:0;padding:70px 12px 22px;color:#fff;font-size:13px;font-weight:700;line-height:1.5;
  text-transform:uppercase;letter-spacing:.22em;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.65));text-shadow:0 1px 6px rgba(0,0,0,.5)}
.wk-home .wk-tiles span i{display:block;font-style:normal;font-size:20px;letter-spacing:0;margin-top:2px}

/* Dark band */
.wk-home .wk-band{background:var(--wk-ink);color:#fff;padding:56px var(--wk-pad)}
.wk-home .wk-band-inner{max-width:var(--wk-wrap);margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.wk-home .wk-band-text{grid-column:2;text-align:center}
.wk-home .wk-band-text .wk-script{font-size:clamp(44px,5.5vw,72px);color:#fff}
.wk-home .wk-band-text .wk-flourish{margin:8px auto 0;width:220px}
.wk-home .wk-band-map{grid-column:3;justify-self:end;display:flex;align-items:center;gap:16px;color:#bdbdbd}
.wk-home .wk-band-map img{width:140px;height:auto;opacity:.55;filter:invert(1)}
.wk-home .wk-band-map span{font-size:11px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.22em}

/* ---------- Footer ---------- */
.wk-footer{display:block;width:100%;clear:both;float:none;background:#1a1a1a;color:#cfcfcf;padding:48px var(--wk-pad) 28px;border-top:1px solid #2c2c2c}
.wk-footer-grid{max-width:var(--wk-wrap);margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
.wk-footer-brand img{width:96px;height:96px}
.wk-footer-brand p{font-size:14px;line-height:1.6;max-width:360px;margin-top:16px;color:#bdbdbd}
.wk-footer h3{font-size:12px;font-weight:700;color:#fff;margin:0 0 14px;text-transform:uppercase;letter-spacing:.22em;line-height:1.4}
.wk-footer h3+ul+h3{margin-top:26px}
.wk-footer li{margin:0 0 9px;font-size:14px;line-height:1.5}
.wk-footer li a{color:#cfcfcf}
.wk-footer li a:hover{color:#fff;text-decoration:underline}
.wk-footer-legal{max-width:var(--wk-wrap);margin:40px auto 0;padding-top:20px;border-top:1px solid #2c2c2c;font-size:12px;color:#8a8a8a}

/* ---------- Tablet ---------- */
@media (max-width:1100px){
  :root{--wk-navgap:20px}
  .wk-home .wk-hero-inner{padding-top:180px}
  .wk-home .wk-tiles{grid-template-columns:repeat(6,1fr)}
  .wk-home .wk-tiles li{grid-column:span 2}
  .wk-home .wk-tiles li:nth-child(4),.wk-home .wk-tiles li:nth-child(5){grid-column:span 3}
  .wk-home .wk-tiles li:nth-child(4) a,.wk-home .wk-tiles li:nth-child(5) a{aspect-ratio:2/1.1}
  .wk-home .wk-band-map span{white-space:nowrap}
  .wk-footer-grid{grid-template-columns:1fr 1fr;gap:32px}
}
/* ---------- Phone ---------- */
@media (max-width:700px){
  .wk-header{padding:10px 18px}
  .wk-logo img{width:64px;height:64px}
  .wk-header--hero{padding:14px 18px 0;align-items:center}
  .wk-header--hero .wk-logo img{width:92px;height:92px}
  .wk-burger{display:flex;flex-direction:column;gap:5px;padding:12px;margin:0 -8px 0 0;cursor:pointer;z-index:7;position:relative;max-width:none;font-weight:400}
  .wk-burger span{display:block;width:26px;height:2px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.5);transition:transform .2s,opacity .2s}
  .wk-nav{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(17,17,17,.96);flex-direction:column;justify-content:center;gap:8px;margin:0!important;
    transform:translateX(100%);transition:transform .25s ease;z-index:6}
  .wk-menu{flex-direction:column;gap:8px}
  .wk-nav a{font-size:15px;padding:12px 0;text-shadow:none!important}
  .wk-nav-search{display:none}
  .wk-nav .wk-nav-login{margin-top:16px}
  .wk-nav-toggle:checked ~ .wk-nav{transform:none}
  /* Design review 2026-10-27: (1) the desktop underline (current item and hover) drew stray
     lines between the stacked items; the current item gets a text underline instead.
     (2) the overlay lives in the header stacking context (z-index 5), so plugin elements
     at z-index 5 and up (search button, selectize dropdowns) painted through it; the header
     goes on top while the menu is open. */
  .wk-nav a,.wk-nav a:hover{border-bottom:0;text-decoration:none}
  .wk-menu .current-menu-item>a,.wk-menu .current_page_item>a{text-decoration:none;display:inline-block}/* Brand lines 2026-10-28: the lines (::after above) instead of the text underline */
  .wk-menu .current-menu-item>a::after,.wk-menu .current_page_item>a::after{left:50%;right:auto;transform:translateX(-50%);bottom:-2px;width:72px}
  .wk-home .wk-hero .wk-flourish{width:170px;margin-top:8px}
  .wk-nav{background:rgba(17,17,17,.98)}
  .wk-header:has(.wk-nav-toggle:checked){z-index:10000}
  .wk-header--hero .wk-nav .wk-nav-login{background:#fff;color:var(--wk-ink)}/* in the overlay the hero page needs the white button too */
  .wk-nav-toggle:checked ~ .wk-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .wk-nav-toggle:checked ~ .wk-burger span:nth-child(2){opacity:0}
  .wk-nav-toggle:checked ~ .wk-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  /* Phone fixes 2026-10-28 (Claus's iPhone list, see inc/phone-fixes.php):
     (1) iOS Safari zooms into any form control under 16px when it gets focus and never zooms
         back out, which leaves the page wider than the screen (sideways scroll). Every control
         is 16px on phones; the rule beats the per-form sizes in inner.css.
     (4) the menu items give no sign of a tap: a pill while pressed, kept (.wk-pressed, set by
         inc/phone-fixes.php) while the next page loads. */
  input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]):not([type=hidden]),select,textarea,.selectize-input,.selectize-input>input,.selectize-dropdown,.select2-selection__rendered,.select2-search__field{font-size:16px!important}
  .wk-nav a{display:inline-block;padding:12px 22px;border-radius:8px}/* inline-block: an inline link ignores vertical padding, so the rows sat 27px apart and the pressed pill overlapped its neighbours (Claus, 2026-10-28) */
  .wk-nav a:active,.wk-nav a.wk-pressed{background:rgba(255,255,255,.16)}
  .wk-nav .wk-nav-login:active,.wk-nav .wk-nav-login.wk-pressed{background:#cfcfcf;color:var(--wk-ink)}
  .wk-home .wk-hero{min-height:0}
  .wk-home .wk-hero-img{object-position:72% 50%}
  .wk-home .wk-hero::after{background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,.15) 40%,rgba(0,0,0,.45) 100%)}
  .wk-home .wk-hero-inner{padding:150px 18px 36px}
  .wk-home .wk-hero h1{font-size:54px;white-space:normal}
  .wk-home .wk-hero-tag{font-size:13px;letter-spacing:.26em}
  .wk-home .wk-cta-row{grid-template-columns:1fr;gap:12px;margin-top:30px}
  .wk-home .wk-cta{padding:12px 16px 12px 12px;column-gap:14px}
  .wk-home .wk-cta svg{width:48px;height:48px;padding:12px}
  .wk-home .wk-cta-title{font-size:18px}
  .wk-home .wk-cta-sub{font-size:10px}
  .wk-home .wk-features{padding:34px 18px}
  .wk-home .wk-features ul{grid-template-columns:1fr 1fr;row-gap:28px}
  .wk-home .wk-features li{border-left:0}
  .wk-home .wk-features li:nth-child(2n){border-left:1px solid var(--wk-line)}
  .wk-home .wk-regions h2{letter-spacing:.18em}
  .wk-home .wk-tiles{grid-template-columns:1fr 1fr;gap:3px;margin-top:28px}
  .wk-home .wk-tiles li:nth-child(n){grid-column:span 1}
  .wk-home .wk-tiles li:nth-child(4) a{aspect-ratio:4/3.3}
  .wk-home .wk-tiles li:last-child{grid-column:span 2}
  .wk-home .wk-tiles li:last-child a{aspect-ratio:2/1}
  .wk-home .wk-band{padding:44px 18px}
  .wk-home .wk-band-inner{grid-template-columns:1fr;row-gap:28px}
  .wk-home .wk-band-text{grid-column:1}
  .wk-home .wk-band-map{grid-column:1;justify-self:center}
  .wk-footer-grid{grid-template-columns:1fr;gap:28px}
}

/* ---------- Post-job form and employer dashboard (Phase 3) ---------- */
.page-id-146 .field-error,.page-id-14 .field-error{display:block;clear:both;width:100%;color:#c0392b;font-weight:600;font-size:13px;margin-top:4px}
.wk-form-errors{background:#fdecea;border:1px solid #c0392b;color:#7b1d12;padding:14px 18px;margin:0 0 20px;border-radius:6px;font-family:var(--wk-sans);font-size:14px}
.wk-form-errors strong{display:block;margin:0 0 6px;font-weight:700}
.wk-form-errors ul{margin:0;padding:0 0 0 18px}
.wk-form-errors li{list-style:disc;margin:2px 0}
.wk-desc-counter{font-family:var(--wk-sans);font-size:13px;color:var(--wk-mute);margin:6px 0 0;clear:both}
.wk-desc-counter.is-over{color:#c0392b;font-weight:600}

/* ---------- "List a job in 3 steps" page (Phase 3) ---------- */
.wk-steps,.wk-pkg,.wk-steps-cta{font-family:var(--wk-sans)}
.wk-steps{max-width:900px;margin:0 auto;padding:24px 0 8px}
.wk-steps-title{font-size:clamp(28px,4vw,40px);font-weight:700;letter-spacing:.02em;color:var(--wk-ink);margin:0 0 8px;text-align:center}
.wk-steps-lead{text-align:center;color:var(--wk-mute);font-size:17px;margin:0 0 36px}
.wk-steps-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.wk-steps-list li{list-style:none;margin:0;background:#fff;border:1px solid var(--wk-line);border-radius:10px;padding:26px 24px 22px}
.wk-step-num{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--wk-ink);color:#fff;font-weight:700;font-size:18px;margin:0 0 14px}
.wk-steps-list h3{font-size:18px;font-weight:700;margin:0 0 8px;color:var(--wk-ink)}
.wk-steps-list p{font-size:15px;line-height:1.55;color:#333;margin:0}
.wk-steps-list a{color:var(--wk-ink);font-weight:600;text-decoration:underline}
.wk-pkg{max-width:420px;margin:36px auto 0;background:#fff;border:2px solid var(--wk-ink);border-radius:12px;padding:30px 28px;text-align:center}
.wk-pkg h2{font-size:22px;font-weight:700;margin:0 0 10px;color:var(--wk-ink)}
.wk-pkg-price{font-size:44px;font-weight:700;line-height:1;color:var(--wk-ink);margin:0}
.wk-pkg-price .amount{font-size:inherit;color:inherit}
.wk-pkg-duration{color:var(--wk-mute);font-size:13px;margin:8px 0 18px;text-transform:uppercase;letter-spacing:.14em}
.wk-pkg ul{list-style:none;margin:0;padding:0;text-align:left;display:inline-block}
.wk-pkg li{list-style:none;font-size:15px;padding:5px 0 5px 26px;position:relative;color:#333;margin:0}
.wk-pkg li::before{content:"";position:absolute;left:2px;top:12px;width:12px;height:6px;border-left:2px solid var(--wk-ink);border-bottom:2px solid var(--wk-ink);transform:rotate(-45deg)}
.wk-steps-cta{text-align:center;margin:28px 0 0}
.wk-btn{display:inline-block;background:var(--wk-ink);color:#fff!important;font-weight:600;font-size:13px;letter-spacing:.18em;text-transform:uppercase;padding:16px 34px;border-radius:6px;text-decoration:none!important}
.wk-btn:hover{background:#333}
@media (max-width:900px){.wk-steps-list{grid-template-columns:1fr}}

/* Employer dashboard, Manage Jobs: labelled edit button (added by js/wk-post-job.js) */
.page-id-14 .wk-edit-job{display:inline-block;margin:10px 0 0;padding:9px 16px;background:var(--wk-ink);color:#fff!important;border-radius:6px;font-family:var(--wk-sans);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;line-height:1;text-decoration:none!important}
.page-id-14 .wk-edit-job:hover{background:#333}
.page-id-14 .wk-edit-job::before{content:"";display:inline-block;width:10px;height:10px;margin:0 8px 0 0;border:2px solid #fff;border-radius:2px;transform:rotate(45deg) translateY(1px)}

/* ---------- Loading feedback (2026-10-28, js/wk-loading.js) ----------
   The bar is white with mix-blend-mode difference, so it reads white over the dark
   header and the hero photo, black over a white page: no brand accent needed. */
.wk-bar{position:fixed;top:0;left:0;z-index:2147483000;height:3px;width:0;background:#fff;mix-blend-mode:difference;pointer-events:none;opacity:0;transition:opacity .25s ease,width .3s ease}
.wk-bar-on{opacity:1;animation:wk-bar-grow 25s cubic-bezier(.08,.72,.18,1) forwards}
.wk-bar-done{width:100%!important;animation:none;opacity:0;transition:width .25s ease,opacity .35s ease .15s}
.wk-bar-on::after{content:"";position:absolute;right:0;top:0;height:100%;width:80px;background:linear-gradient(90deg,rgba(255,255,255,0),#fff);opacity:.9}
@keyframes wk-bar-grow{0%{width:0}8%{width:28%}22%{width:58%}45%{width:80%}100%{width:96%}}
html.wk-loading,html.wk-loading body,html.wk-loading a,html.wk-loading button{cursor:progress!important}
.wk-busy{opacity:.72!important;pointer-events:none!important;cursor:progress!important}
.wk-spin{display:inline-block;width:16px;height:16px;margin:0 0 0 10px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:middle;animation:wk-spin .75s linear infinite;flex:none}
.wk-submit .wk-spin{align-self:center}
@keyframes wk-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){
  .wk-bar-on{animation:none;width:100%;opacity:.6}
  .wk-bar-on::after{display:none}
  .wk-spin{animation:none;border-right-color:currentColor;opacity:.5}
}