/* Praca w Bytomiu — projekt na podstawie udostępnionej makiety. */
.jb26-topbar,.jb26-header,.jb26-directory{--jb-navy:#082351;--jb-blue:#063c6e;--jb-gold:#ffbd00;--jb-ink:#082351;font-family:inherit}
.jb26-wrap{width:min(100% - 64px,1320px);margin-inline:auto}
.jb26-topbar{background:linear-gradient(100deg,#002b50,#044878 52%,#002944);color:#d6e6f7;font-size:11px}
.jb26-topbar-inner{display:flex;align-items:center;justify-content:space-between;min-height:28px;gap:14px}
.jb26-topbar-info,.jb26-topbar nav{display:flex;align-items:center;gap:17px}
.jb26-topbar-info .bi-sun-fill{color:#ffc400;margin-right:3px}.jb26-topbar a{color:#dfeaf8;text-decoration:none}.jb26-topbar a:hover{color:#ffca2b}.jb26-top-social{font-size:13px}
.jb26-header{background:#fff;box-shadow:0 2px 8px #03265416;position:relative;z-index:20}
.jb26-header-inner{display:flex;align-items:center;min-height:69px;gap:clamp(12px,1.8vw,26px)}
.jb26-brand{flex:0 0 auto;width:clamp(185px,21vw,260px);display:block}.jb26-brand img{width:100%;height:auto;display:block}
.jb26-nav{display:flex;align-items:stretch;align-self:stretch;gap:clamp(9px,1.5vw,24px);flex:1;justify-content:center}
.jb26-nav>a{display:inline-flex;align-items:center;color:#142f5e;font-size:clamp(10px,.9vw,13px);font-weight:550;text-decoration:none;white-space:nowrap;border-bottom:3px solid transparent;padding-top:3px}
.jb26-nav>a:hover,.jb26-nav>a.active{color:#09234b;border-color:var(--jb-gold)}
.jb26-header-actions{display:flex;align-items:center;gap:16px;flex:0 0 auto}
.jb26-icon-link{font-size:21px;color:#092753;text-decoration:none;line-height:1}.jb26-icon-link:hover{color:#cf8d00}
.jb26-add-btn{background:linear-gradient(#ffc813,#ffba00);border-radius:8px;box-shadow:0 3px 9px #ffbb0033;text-decoration:none;color:#04234c;display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:850;padding:12px 15px;white-space:nowrap}
.jb26-add-btn:hover{color:#04234c;background:#ffcf36}.jb26-mobile-menu{display:none;border:0;background:transparent;color:#092652;font-size:24px}
.jb26-page{background:#f6f9fc}.jb26-page .site-main{min-height:0}
.jb26-directory{background:#f8fafc;color:var(--jb-ink);padding-bottom:10px}.jb26-directory a{transition:background .15s,border-color .15s,color .15s,box-shadow .15s}
.jb26-hero{min-height:287px;color:#fff;background:linear-gradient(90deg,rgba(0,35,75,.93) 0%,rgba(0,39,77,.84) 29%,rgba(0,38,77,.21) 70%,rgba(0,35,67,.07) 100%),url('../images/local-sections-hero.webp') center 51%/cover no-repeat}
.jb26-hero-content{position:relative;padding-top:29px;padding-bottom:18px}
.jb26-eyebrow{font-size:11px;letter-spacing:2px;font-weight:750;margin:0 0 8px}
.jb26-hero-copy h1{font-weight:850;font-size:clamp(36px,4.3vw,60px);line-height:1;letter-spacing:-1.2px;color:#fff;margin:0 0 9px}
.jb26-hero-copy h1 span{color:var(--jb-gold)}
.jb26-hero-copy h2{font-weight:400;color:#fff;font-size:clamp(18px,2vw,25px);line-height:1.22;margin:0 0 10px}
.jb26-hero-copy>p:last-child{font-size:14px;line-height:1.45;max-width:540px;margin:0}
.jb26-hero-sign{font-family:cursive;font-weight:700;font-style:italic;position:absolute;right:20px;top:135px;transform:rotate(-9deg);font-size:23px;line-height:.95;text-shadow:0 3px 6px #06243c;white-space:nowrap}.jb26-hero-sign span{font-size:19px}.jb26-hero-sign b{color:#ffcc00;font-size:36px}
.jb26-hero-search{display:grid;grid-template-columns:1.32fr .94fr .96fr .78fr;align-items:center;gap:5px;background:rgba(255,255,255,.97);padding:5px;border-radius:10px;margin-top:27px;box-shadow:0 6px 18px #051f3340}
.jb26-hero-search label{margin:0;display:flex;align-items:center;gap:10px;padding:0 13px;min-width:0;color:#102f5d;height:42px;border-right:1px solid #e5ebf1}
.jb26-hero-search label i{flex:0 0 auto;font-size:18px}
.jb26-hero-search input,.jb26-hero-search select{appearance:auto;background:transparent;border:0;outline:0;width:100%;min-width:0;color:#193d71;font-size:13px}
.jb26-hero-search input::placeholder{color:#73839e;opacity:1}.jb26-hero-search input:focus-visible,.jb26-hero-search select:focus-visible{outline:2px solid #e2aa04;outline-offset:5px}
.jb26-hero-search button,.jb26-yellow-btn{border:0;background:linear-gradient(105deg,#ffbe00,#ffc900);color:#041f49!important;display:inline-flex;justify-content:center;align-items:center;gap:10px;font-size:13px;font-weight:800;text-align:center;text-decoration:none;border-radius:7px;min-height:43px;padding:9px 14px;white-space:normal}
.jb26-hero-search button:hover,.jb26-yellow-btn:hover{background:#ffdc48;color:#031d3b!important}
.jb26-content{margin-top:-1px;position:relative;z-index:2;padding-bottom:0}
.jb26-categories{background:#fff;border:1px solid #edf2f6;border-radius:15px;padding:21px 18px 12px;box-shadow:0 8px 27px rgba(9,53,96,.05);margin-bottom:18px}
.jb26-section-heading{color:#0c2857;font-size:clamp(17px,1.6vw,21px);font-weight:850;line-height:1.23;letter-spacing:-.5px;margin:0 0 14px;position:relative}
.jb26-section-heading:after{content:"";position:absolute;left:0;bottom:-5px;background:#ffbf00;height:3px;width:40px;border-radius:2px}
.jb26-category-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}
.jb26-category{display:flex;align-items:center;gap:8px;min-width:0;min-height:59px;padding:8px;background:linear-gradient(140deg,#fff,#fafcfe);border:1px solid #e8edf3;box-shadow:0 2px 9px #163b6009;border-radius:9px;color:#09295a;text-decoration:none;font-size:11px;font-weight:750;line-height:1.25}
.jb26-category:hover,.jb26-category.active{background:#fff8df;border-color:#ffbf00;color:#082554;box-shadow:0 2px 15px #ffbf0022}
.jb26-category>span:nth-child(2){min-width:0;flex:1;overflow-wrap:anywhere}
.jb26-category-icon,.jb26-link-icon{flex:0 0 auto;display:grid;place-items:center;width:38px;height:38px;color:#fff;border-radius:8px;font-size:19px;box-shadow:inset 0 -8px 13px #071e3826}
.jb26-color-blue{background:#0768cc}.jb26-color-cyan{background:#0789c5}.jb26-color-navy{background:#083b75}.jb26-color-orange{background:#fa571c}.jb26-color-purple{background:#603bd5}.jb26-color-green{background:#07896d}.jb26-color-brown{background:#b9742c}.jb26-color-teal{background:#0a8a9b}.jb26-color-red{background:#f02e1e}
.jb26-category-arrow{font-size:11px;color:#0d366b}
.jb26-more-categories{margin-top:7px;font-size:11px;color:#315179}.jb26-more-categories summary{cursor:pointer;display:inline-flex;align-items:center;gap:8px;list-style:none;padding:4px 1px;font-weight:650}.jb26-more-categories summary::-webkit-details-marker{display:none}.jb26-more-categories[open] summary .bi{transform:rotate(180deg)}.jb26-category-more{margin-top:6px}
.jb26-columns{display:grid;grid-template-columns:minmax(188px,24%) minmax(0,1fr) minmax(188px,24%);gap:17px;align-items:start}
.jb26-filter-area,.jb26-results,.jb26-right-rail{min-width:0}
.jb26-filter-collapse.collapse{display:block}
.jb26-filter-card,.jb26-help-card,.jb26-links-card{background:#fff;border:1px solid #edf1f5;box-shadow:0 3px 16px #123c6210;border-radius:10px;padding:16px}
.jb26-filter-card{display:flex;flex-direction:column;gap:0}
.jb26-filter-card .jb26-section-heading{margin-bottom:17px}
.jb26-filter-card>label:not(.jb26-checkbox){font-weight:800;font-size:12px;color:#123163;margin:0 0 6px}
.jb26-filter-card>select,.jb26-filter-input{height:37px;width:100%;border:1px solid #d6e1ef;border-radius:7px;background:#fff;color:#153667;font-size:12px;margin-bottom:13px}
.jb26-filter-card>select{padding:0 9px;cursor:pointer}
.jb26-filter-input{display:flex;align-items:center;gap:7px;padding:0 9px}
.jb26-filter-input i{font-size:15px;color:#0e3b73}
.jb26-filter-input input{width:100%;min-width:0;outline:0;border:0;color:#123465;font-size:11px}
.jb26-filter-input input::placeholder{font-size:10px;color:#8798ae}
.jb26-filter-card select:focus-visible,.jb26-filter-input:focus-within{outline:2px solid #efb500;outline-offset:0}
.jb26-checkbox{display:flex;align-items:center;gap:7px;font-size:11px;color:#274574;cursor:pointer;margin:1px 0 14px}.jb26-checkbox input{width:17px;height:17px;accent-color:#044d90}
.jb26-filter-card>.jb26-yellow-btn{width:100%;min-height:39px;font-size:12px}
.jb26-clear{display:flex;justify-content:center;align-items:center;gap:8px;color:#1d416d;text-decoration:none;font-size:11px;padding:12px 0 1px}.jb26-clear:hover{color:#0071c1}
.jb26-mobile-filter-btn{display:none}
.jb26-results-head{display:flex;justify-content:space-between;align-items:start;gap:12px;margin:2px 2px 12px}
.jb26-results-head .jb26-section-heading{margin-bottom:11px}.jb26-results-head p{font-size:12px;margin:0;color:#18386b}.jb26-results-head p strong{font-weight:750}
.jb26-sort{display:flex;align-items:center;gap:8px;margin-top:28px;flex:0 0 auto}
.jb26-sort label{font-size:11px;color:#234274}.jb26-sort select{border:1px solid #d9e3f1;border-radius:7px;background:#fff;color:#153668;padding:7px;font-size:11px;max-width:112px}
.jb26-offers{display:grid;gap:11px}.jb26-offer{display:flex;align-items:center;gap:14px;padding:18px 13px;background:#fff;border:1px solid #edf2f7;border-radius:11px;box-shadow:0 5px 20px #1336580b;min-width:0}.jb26-offer-featured{box-shadow:0 5px 25px #134c8213}
.jb26-offer:hover{border-color:#b6cee3;box-shadow:0 6px 25px #12345618}.jb26-offer-image{display:grid;place-items:center;flex:0 0 78px;width:78px;height:78px;background:#f1f7fc;border-radius:9px;color:#114c7e;font-size:35px}.jb26-offer-image img{display:block;width:100%;height:100%;border-radius:9px;object-fit:contain}
.jb26-offer-main{min-width:0;flex:1}.jb26-offer-flags{display:flex;align-items:center;gap:6px;margin-bottom:5px}.jb26-offer-flags:empty{display:none}.jb26-offer-flags span{font-size:10px;font-weight:850;color:#071e43;border-radius:5px;padding:3px 9px}.jb26-flag-top{background:#ffca03}.jb26-offer-flags .jb26-flag-urgent{background:#fb2924;color:white}
.jb26-offer h3{font-size:15px;font-weight:850;line-height:1.35;letter-spacing:-.2px;margin:0 0 7px}.jb26-offer h3 a{color:#072550;text-decoration:none}.jb26-offer h3 a:hover{color:#075c9f}
.jb26-company-name{color:#385277;font-size:11px;margin:0 0 12px}.jb26-company-name span{color:#bfcedd;margin:0 6px}
.jb26-job-meta{display:flex;flex-wrap:wrap;gap:8px 13px;font-size:10px;color:#476082}.jb26-job-meta span{display:inline-flex;align-items:center;gap:4px}.jb26-job-meta i{color:#4a6c98;font-size:12px}.jb26-job-pay{font-size:11px;font-weight:800;color:#1d8059;margin:9px 0 0}.jb26-offer-arrow{border:1px solid #dce7f0;flex:0 0 31px;width:31px;height:31px;display:grid;place-items:center;border-radius:50%;color:#0c3567;text-decoration:none}.jb26-offer-arrow:hover{background:#fff4d1;border-color:#f6c23e;color:#092f56}
.jb26-pagination{margin-top:16px}.jb26-empty{background:linear-gradient(155deg,#f2f8fd,#fbfcff);border-radius:12px;min-height:340px;padding:24px 20px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.jb26-empty img{height:165px;width:220px;object-fit:contain;margin-bottom:9px}.jb26-empty h3{font-size:19px;color:#0c2857;font-weight:850;margin:0 0 8px}.jb26-empty p{font-size:12px;color:#305078;max-width:430px;line-height:1.55;margin:0 0 15px}.jb26-empty .jb26-yellow-btn{padding-inline:20px}.jb26-empty-clear{font-size:11px;margin-top:9px}
.jb26-right-rail{display:grid;gap:12px}
.jb26-recruiter{position:relative;overflow:hidden;background:radial-gradient(circle at 92% 45%,#1883a2 0,#0c5787 34%,#053863 72%);color:#fff;border-radius:11px;min-height:194px;padding:18px 14px}
.jb26-recruiter-content{position:relative;z-index:1;width:77%}.jb26-recruiter h2{font-size:clamp(18px,2vw,25px);line-height:1.12;font-weight:850;color:#fff;margin:0 0 9px}.jb26-recruiter p{font-size:12px;line-height:1.5;max-width:180px;margin:0 0 13px;color:#e5f2fb}.jb26-recruiter .jb26-yellow-btn{font-size:11px;padding:9px 12px;min-height:37px;white-space:nowrap}.jb26-recruiter-graphic{position:absolute;right:-26px;bottom:-2px;width:150px;height:184px;opacity:.98;pointer-events:none}.jb26-recruiter-graphic img{display:block;width:100%;height:100%;object-fit:contain;object-position:bottom right}
.jb26-help-card,.jb26-links-card{padding:13px 14px}.jb26-help-card h2{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:850;letter-spacing:-.4px;margin:0 0 9px}.jb26-help-card h2 i{color:#ffb900;font-size:22px}
.jb26-help-card details{margin:0 0 8px;font-size:11px;color:#1b3869}.jb26-help-card summary{list-style:none;display:flex;gap:9px;cursor:pointer;line-height:1.3}.jb26-help-card summary::-webkit-details-marker{display:none}.jb26-help-card summary>i{font-size:15px;color:#00835c;flex:0 0 15px;font-weight:900}.jb26-help-card details p{font-size:10px;color:#516681;margin:5px 0 3px 24px;line-height:1.45}
.jb26-outline-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:9px 12px;border:1px solid #0e4180;background:transparent;border-radius:6px;font-weight:750;font-size:11px;color:#0d2a5e;text-decoration:none}.jb26-outline-btn:hover{background:#eff6fc;color:#0d2a5e}
.jb26-help-card>.jb26-outline-btn{width:100%;margin-top:7px}
.jb26-links-card h2{font-size:15px;margin:0 0 12px}.jb26-links-card a{display:flex;align-items:center;gap:11px;text-decoration:none;color:#183969;font-size:11px;font-weight:550;margin-bottom:7px}.jb26-links-card a:hover{color:#0a73b6}
.jb26-link-icon{height:24px;width:24px;border-radius:5px;font-size:12px}
.jb26-how{margin-top:22px;position:relative;overflow:hidden;background:linear-gradient(90deg,#ebf5fd 0%,rgba(235,245,253,.95) 67%,rgba(6,48,89,.22) 100%),url('../images/local-sections-hero.webp') 90% 49%/auto 100% no-repeat;border-radius:11px;padding:16px 20px 17px;min-height:166px}
.jb26-how>.jb26-section-heading{font-size:20px;margin-bottom:14px}
.jb26-steps{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:76%;gap:7px}
.jb26-steps>div{background:#fff;border-radius:9px;padding:13px 12px;display:flex;align-items:flex-start;gap:10px;min-height:102px}
.jb26-step-icon{border:1px solid #ffc000;color:#063d75;border-radius:50%;display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;font-size:22px}
.jb26-steps h3{display:flex;align-items:center;gap:8px;color:#102e5c;margin:0 0 7px;font-size:12px;font-weight:850}.jb26-steps h3 b{background:#ffbf00;border-radius:5px;font-size:11px;padding:3px 6px}
.jb26-steps p{font-size:11px;line-height:1.4;color:#3a5b7d;margin:0}
.jb26-how-sign{position:absolute;right:25px;top:37px;transform:rotate(-9deg);color:#fff;font-size:21px;font-family:cursive;font-style:italic;font-weight:750;text-shadow:0 3px 8px #0b2c4e;line-height:1.2}.jb26-how-sign b{color:#ffc400;font-size:32px}
.jb26-career{display:flex;align-items:center;gap:20px;padding:17px 0 10px;min-height:155px}.jb26-career-art{width:23%;max-width:300px;min-width:175px;flex:0 0 23%;overflow:hidden;border-radius:11px}.jb26-career-art img{display:block;width:100%;height:auto}
.jb26-career>div:last-child{max-width:530px}.jb26-career h2{font-size:22px;line-height:1.22;color:#0b2857;font-weight:850;letter-spacing:-.5px;margin:0 0 5px}.jb26-career p{font-size:12px;line-height:1.45;color:#334e73;margin:0 0 10px}
@media(max-width:1180px){.jb26-wrap{width:min(100% - 56px,1150px)}.jb26-header-inner{gap:13px}.jb26-brand{width:190px}.jb26-nav{gap:11px}.jb26-nav>a{font-size:10px}.jb26-header-actions{gap:11px}.jb26-add-btn{padding:10px 12px;font-size:10px}.jb26-category{font-size:10px;gap:6px}.jb26-category-icon{height:34px;width:34px;font-size:16px}.jb26-columns{gap:13px}.jb26-filter-card{padding:13px}.jb26-right-rail .jb26-recruiter .jb26-yellow-btn{font-size:10px}.jb26-offer{padding:15px 10px;gap:10px}.jb26-offer-image{width:65px;height:65px;flex-basis:65px}.jb26-step-icon{flex-basis:37px;width:37px;height:37px;font-size:19px}.jb26-steps>div{padding:10px 9px;gap:7px}}
@media(max-width:980px){.jb26-topbar-info{gap:10px}.jb26-header-inner{min-height:62px}.jb26-brand{width:190px}.jb26-nav{display:none}.jb26-mobile-menu{display:block}.jb26-header-actions{margin-left:auto}.jb26-hero{min-height:280px}.jb26-hero-search{grid-template-columns:1.2fr 1fr 1fr}.jb26-hero-search button{grid-column:1/-1}.jb26-hero-search label:nth-of-type(3){border-right:0}.jb26-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.jb26-columns{grid-template-columns:minmax(180px,28%) minmax(0,1fr)}.jb26-right-rail{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}.jb26-recruiter{min-height:210px}.jb26-help-card{min-height:210px}.jb26-links-card{min-height:210px}.jb26-steps{width:100%}.jb26-how{background:#eaf4fc}.jb26-how-sign{display:none}}
@media(max-width:720px){.jb26-wrap{width:min(100% - 32px,650px)}.jb26-topbar nav{display:none}.jb26-topbar-inner{justify-content:center}.jb26-header-actions{gap:10px}.jb26-add-btn span{display:none}.jb26-add-btn{font-size:17px;padding:9px 12px}.jb26-brand{width:min(42vw,205px)}.jb26-hero{min-height:0;background-position:58% center}.jb26-hero-content{padding-top:28px;padding-bottom:24px}.jb26-hero-copy h1{font-size:38px}.jb26-hero-copy h2{font-size:19px}.jb26-hero-copy>p:last-child{font-size:12px}.jb26-hero-sign{display:none}.jb26-hero-search{grid-template-columns:1fr;margin-top:20px}.jb26-hero-search label{border-right:0;border-bottom:1px solid #e6edf3;height:42px}.jb26-hero-search button{grid-column:auto}.jb26-categories{padding:17px 13px;margin-top:0}.jb26-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.jb26-category{font-size:11px;min-height:54px}.jb26-columns{grid-template-columns:1fr}.jb26-filter-area{grid-column:1}.jb26-filter-collapse:not(.show){display:none}.jb26-mobile-filter-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:#fff;border:1px solid #c7d7e8;color:#103965;font-weight:750;padding:12px;border-radius:8px;margin-bottom:10px}.jb26-filter-collapse.show{display:block}.jb26-filter-card{padding:18px}.jb26-filter-card>select,.jb26-filter-input{height:42px}.jb26-results{grid-column:1}.jb26-results-head{margin-top:13px}.jb26-right-rail{grid-column:1;grid-template-columns:1fr 1fr}.jb26-recruiter{min-height:205px}.jb26-help-card{min-height:205px}.jb26-links-card{grid-column:1/-1;min-height:0}.jb26-how{margin-top:20px}.jb26-steps{grid-template-columns:1fr}.jb26-steps>div{min-height:0;align-items:center}.jb26-steps h3{font-size:13px}.jb26-steps p{font-size:12px}.jb26-career-art{min-width:150px;width:35%;flex-basis:35%}.jb26-career h2{font-size:19px}}
@media(max-width:480px){.jb26-brand{width:170px}.jb26-topbar-info{font-size:10px}.jb26-header-actions{gap:9px}.jb26-icon-link{font-size:18px}.jb26-add-btn{font-size:15px;padding:8px}.jb26-hero-copy h1{font-size:34px}.jb26-desktop-only{display:none}.jb26-category-icon{height:32px;width:32px}.jb26-category{padding:6px;font-size:10px}.jb26-category-arrow{display:none}.jb26-results-head .jb26-section-heading{font-size:16px}.jb26-sort{margin-top:21px}.jb26-offer{gap:9px;padding:12px 9px;align-items:flex-start}.jb26-offer-image{width:47px;height:47px;flex-basis:47px;font-size:23px}.jb26-offer h3{font-size:13px}.jb26-offer-arrow{width:26px;height:26px;flex-basis:26px}.jb26-job-meta{font-size:10px}.jb26-right-rail{grid-template-columns:1fr}.jb26-recruiter,.jb26-help-card{min-height:0}.jb26-recruiter{min-height:155px}.jb26-help-card details{font-size:12px}.jb26-career{flex-direction:column;align-items:flex-start}.jb26-career-art{width:100%;max-width:280px;flex-basis:auto}.jb26-career h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){.jb26-directory *,.jb26-header *{transition:none!important}}