/* Jobs portal: extends the main skypathhr.com theme (style.css + extra.css load first) */
main#main{display:block;padding:34px 0 70px}
.jp-hero{padding:26px 0 10px;max-width:820px}
.jp-hero h1{font-size:clamp(2rem,5.6vw,3.4rem);line-height:1.12;margin:14px 0 12px}
.jp-hero .jp-lead{color:var(--mu);font-size:1.05rem;max-width:620px;margin:0 0 18px}
.jp-points{display:flex;flex-wrap:wrap;gap:8px 20px;list-style:none;color:rgba(255,255,255,.88);font-size:.92rem}
.jp-points li:before{content:"\2713";color:#8fe3ea;font-weight:700;margin-right:7px}
.jp-filter{margin:26px 0 6px;padding:14px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.jp-chip{font:inherit;font-size:.86rem;font-weight:500;color:rgba(255,255,255,.88);background:rgba(255,255,255,.07);border:1px solid var(--bd);border-radius:40px;padding:8px 15px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:.2s}
.jp-chip:hover{background:rgba(255,255,255,.14)}
.jp-chip.on{color:#fff;background:linear-gradient(135deg,rgba(139,107,214,.7),rgba(91,139,214,.6));border-color:rgba(255,255,255,.35)}
.jp-search{flex:1 1 200px;min-width:0}
.jp-flag{width:22px;height:22px;border-radius:50%;object-fit:cover;display:inline-block;vertical-align:middle;box-shadow:0 0 0 1px rgba(255,255,255,.3)}
.jp-count{margin:22px 0 12px;color:var(--mu2);font-size:.9rem}
.jp-grid{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:720px){.jp-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1040px){.jp-grid{grid-template-columns:1fr 1fr 1fr}}
.jp-card{display:flex;flex-direction:column;gap:11px;padding:20px;color:#fff;transition:transform .2s,box-shadow .2s}
.jp-card:hover{transform:translateY(-3px);color:#fff;box-shadow:var(--sh)}
.jp-card h3{font-size:1.08rem;line-height:1.35;font-weight:600;color:#fff}
.jp-meta{display:flex;flex-wrap:wrap;gap:7px;align-items:center;font-size:.8rem;color:var(--mu)}
.jp-tag{display:inline-block;padding:3px 11px;border-radius:40px;font-size:.74rem;font-weight:600;background:rgba(108,175,181,.2);color:#bfe9ee;border:1px solid rgba(108,175,181,.35)}
.jp-tag.urgent{background:rgba(245,158,11,.18);color:#fcd48a;border-color:rgba(245,158,11,.4)}
.jp-tag.vac{background:rgba(37,211,102,.14);color:#8ff0b6;border-color:rgba(37,211,102,.35)}
.jp-sal{font-weight:700;font-size:1.02rem;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.jp-ticks{list-style:none;font-size:.88rem;color:var(--mu)}
.jp-ticks li{padding-left:22px;position:relative;margin:4px 0}
.jp-ticks li:before{content:"\2713";position:absolute;left:0;color:#8fe3ea;font-weight:700}
.jp-card .btn{margin-top:auto;align-self:flex-start}
.jp-empty{padding:40px 0;text-align:center;color:var(--mu)}
.jp-empty[hidden],.jp-card[hidden],[hidden]{display:none!important}

.jp-crumbs{margin:0 0 16px;font-size:.9rem}
.jp-job{display:grid;gap:20px;align-items:start}
@media(min-width:960px){.jp-job{grid-template-columns:1.2fr 1fr}}
.jp-panel{padding:26px}
.jp-panel h1{font-size:clamp(1.55rem,4.2vw,2.2rem);line-height:1.2;margin:12px 0 6px}
.jp-panel h2{font-size:1.05rem;font-weight:600;margin:24px 0 10px;color:#fff}
.jp-panel p,.jp-panel li{color:var(--mu)}
.jp-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 4px}
.jp-fact{background:rgba(255,255,255,.06);border:1px solid var(--bd);border-radius:16px;padding:11px 14px}
.jp-fact span{display:block;font-size:.7rem;color:var(--mu2);text-transform:uppercase;letter-spacing:.08em}
.jp-fact b{font-size:.98rem;font-weight:600;color:#fff}
.jp-steps{padding-left:20px}
.jp-steps li{margin:7px 0}
.jp-apply{position:relative}
@media(min-width:960px){.jp-apply{position:sticky;top:96px}}
.jp-apply h2{margin:0 0 4px;font-size:1.3rem}
.jp-sub{color:var(--mu);font-size:.9rem;margin-bottom:12px}
.jp-form label{display:block;font-size:.84rem;font-weight:500;color:rgba(255,255,255,.9);margin:14px 0 6px}
.jp-form label i{font-style:normal;font-weight:400;color:var(--mu2)}
.jp-form input[type=text],.jp-form input[type=tel],.jp-form input[type=email],.jp-form input[type=search],.jp-form select,.jp-form textarea,.jp-search{width:100%;font:inherit;font-size:.95rem;color:#fff;background:rgba(255,255,255,.08);border:1px solid var(--bd);border-radius:14px;padding:12px 14px;transition:.2s}
.jp-form select option,.jp-search option{color:#111;background:#fff}
.jp-form input::placeholder,.jp-search::placeholder,.jp-form textarea::placeholder{color:rgba(255,255,255,.45)}
.jp-form input:focus,.jp-form select:focus,.jp-form textarea:focus,.jp-search:focus{outline:none;border-color:#8fe3ea;background:rgba(255,255,255,.12);box-shadow:0 0 0 3px rgba(143,227,234,.22)}
.jp-search{border-radius:40px;padding:10px 16px;font-size:.88rem}
.jp-row2{display:grid;grid-template-columns:1fr;gap:0 12px}
@media(min-width:460px){.jp-row2{grid-template-columns:1fr 1fr}}
.jp-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.jp-err{background:rgba(220,60,60,.18);border:1px solid rgba(255,120,120,.45);color:#ffd0d0;border-radius:14px;padding:11px 14px;margin:0 0 12px;font-size:.88rem}
.jp-fine{font-size:.74rem;color:var(--mu2);margin-top:12px}
.jp-submit{width:100%;margin-top:18px;justify-content:center;font-size:1rem;padding:14px 20px}
.jp-done{max-width:600px;margin:20px auto;text-align:center;padding:36px 28px}
.jp-done .ok{width:70px;height:70px;border-radius:50%;background:rgba(37,211,102,.18);border:1px solid rgba(37,211,102,.5);color:#8ff0b6;display:grid;place-items:center;font-size:34px;margin:0 auto 16px}
.jp-done h1{margin-bottom:8px}
.jp-done .jp-steps{text-align:left;margin:18px auto;max-width:430px}
.jp-done .btn{margin-top:8px}
.ftr .logo img{height:46px}