/*
Theme Name: Workstaff Editorial
Theme URI: https://workstaff.pl/
Author: Workstaff.pl
Description: Nowoczesny, responsywny motyw redakcyjny Workstaff.pl — rynek pracy, HR, biznes i marketing.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: workstaff
*/
:root{
  --ws-purple:#4b2387;
  --ws-purple-dark:#2c155f;
  --ws-purple-bright:#7418c7;
  --ws-lilac:#f4effb;
  --ws-lilac-2:#ebe2f8;
  --ws-ink:#191626;
  --ws-muted:#777183;
  --ws-line:#e9e5ef;
  --ws-paper:#fff;
  --ws-bg:#fbfaff;
  --ws-radius:9px;
  --ws-shadow:0 8px 26px rgba(42,21,78,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ws-bg);color:var(--ws-ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:15px;line-height:1.55}
img{max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
a:hover{color:var(--ws-purple-bright)}
button,input,textarea{font:inherit}
button{cursor:pointer}
.site-shell{min-height:100vh}
.ws-container{width:min(1480px,calc(100% - 56px));margin-inline:auto}
.ws-topbar{background:linear-gradient(90deg,#2a1458,#45217c);color:#f4edff;font-size:11px}
.ws-topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:32px}
.ws-topbar-left,.ws-topbar-links{display:flex;align-items:center;gap:18px}
.ws-topbar-links a{opacity:.88}
.ws-topbar-links a:hover{opacity:1;color:#fff}
.ws-header{background:#fff;border-bottom:1px solid var(--ws-line)}
.ws-header-main{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:83px}
.ws-brand{display:flex;align-items:center;gap:10px;min-width:255px}
.ws-brand img{display:block;width:auto;max-width:320px;max-height:62px;object-fit:contain}
.ws-brand-text{display:flex;flex-direction:column;line-height:1}
.ws-brand-name{font-size:29px;font-weight:900;letter-spacing:-1.7px;color:#10142a}
.ws-brand-name span{color:var(--ws-purple-bright)}
.ws-brand-tagline{margin-top:7px;font-size:8px;font-weight:800;letter-spacing:2px;color:#7e6c99}
.ws-main-nav{flex:1;min-width:0}
.ws-main-nav ul{display:flex;align-items:center;justify-content:flex-end;gap:2px;list-style:none;padding:0;margin:0;flex-wrap:wrap}
.ws-main-nav a{display:block;padding:12px 10px;border-radius:6px;font-size:11px;font-weight:800;white-space:nowrap}
.ws-main-nav a:hover,.ws-main-nav .current-menu-item>a{background:var(--ws-lilac);color:var(--ws-purple)}
.ws-search-button,.ws-menu-toggle{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border:0;border-radius:10px;background:var(--ws-purple);color:white}
.ws-search-button svg,.ws-menu-toggle svg{width:19px;height:19px}
.ws-menu-toggle{display:none}
.ws-search-panel{display:none;padding:0 0 16px}
.ws-search-panel.is-open{display:block}
.ws-search-panel form{display:flex;gap:8px}
.ws-search-panel input{width:100%;border:1px solid var(--ws-line);border-radius:8px;padding:12px 14px;background:#fff}
.ws-search-panel button{border:0;background:var(--ws-purple);color:#fff;border-radius:8px;padding:0 18px;font-weight:800}
.ws-breaking{background:#f2edf9;border-bottom:1px solid #e7ddf3}
.ws-breaking-inner{display:flex;align-items:center;gap:12px;min-height:38px;font-size:12px}
.ws-breaking-label{align-self:stretch;display:flex;align-items:center;padding:0 13px;background:var(--ws-purple);color:#fff;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.ws-breaking-track{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:650}
.ws-breaking-track a:hover{text-decoration:underline}
.ws-main{padding-top:20px;padding-bottom:55px}
.ws-home-grid{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:22px;align-items:start}
.ws-hero-layout{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.2fr);gap:12px}
.ws-hero-stack{display:grid;grid-template-rows:1fr 1fr;gap:12px;min-width:0}
.ws-story-tile{position:relative;overflow:hidden;background:#21152d;border-radius:var(--ws-radius);isolation:isolate}
.ws-story-tile:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(18,10,26,.02) 10%,rgba(18,10,26,.12) 38%,rgba(18,10,26,.91) 100%);pointer-events:none}
.ws-story-media{position:absolute;inset:0;display:block;z-index:0}
.ws-story-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s ease}
.ws-story-tile:hover .ws-story-media img{transform:scale(1.035)}
.ws-story-copy{position:absolute;z-index:2;left:17px;right:17px;bottom:16px;color:#fff}
.ws-kicker{display:inline-flex;align-items:center;gap:5px;color:var(--ws-purple);font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.ws-story-copy .ws-kicker{padding:4px 8px;background:var(--ws-purple-bright);color:#fff;border-radius:4px}
.ws-story-copy h2,.ws-story-copy h3{margin:8px 0 7px;color:#fff;line-height:1.16;letter-spacing:-.025em}
.ws-story-copy h2 a,.ws-story-copy h3 a{color:#fff}
.ws-story-copy h2 a:hover,.ws-story-copy h3 a:hover{color:#e8d9ff}
.ws-story-copy h3{font-size:20px}
.ws-story-copy h2{font-size:clamp(27px,2.5vw,39px)}
.ws-story-meta{font-size:10px;color:rgba(255,255,255,.88)}
.ws-story-meta span+span:before{content:"•";margin:0 6px}
.ws-hero-small{min-height:205px}
.ws-hero-small .ws-story-copy h3{font-size:18px}
.ws-hero-feature{min-height:422px}
.ws-hero-feature .ws-story-copy{left:24px;right:24px;bottom:23px}
.ws-hero-feature .ws-story-copy p{max-width:600px;margin:10px 0 0;color:#f2edf7;font-size:13px;line-height:1.5}
.ws-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#efe5fb,#c8b3e9);color:var(--ws-purple);font-size:42px;font-weight:900;letter-spacing:-3px}
.ws-hero-feature .ws-placeholder,.ws-hero-small .ws-placeholder{position:absolute;inset:0}
.ws-sidebar{min-width:0}
.ws-ad-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;min-height:178px;margin-bottom:12px;padding:18px;border-radius:var(--ws-radius);background:linear-gradient(125deg,#fff 0%,#f0e9fb 100%);border:1px solid #e9e0f5}
.ws-ad-card:after{content:"";position:absolute;right:-28px;bottom:-42px;width:140px;height:140px;border:1px solid rgba(92,40,158,.12);border-radius:50%;box-shadow:0 0 0 18px rgba(92,40,158,.035),0 0 0 38px rgba(92,40,158,.025)}
.ws-ad-brand{position:relative;z-index:1;font-size:19px;line-height:1.15;font-weight:950;letter-spacing:-.7px;color:var(--ws-purple-dark)}
.ws-ad-brand span{color:var(--ws-purple-bright)}
.ws-ad-title{position:relative;z-index:1;margin:12px 0 9px;max-width:205px;font-size:12px;font-weight:850;line-height:1.35;text-transform:uppercase;color:#25154c}
.ws-ad-points{position:relative;z-index:1;margin:0 0 14px;padding:0;list-style:none;font-size:10px;line-height:1.9;color:#514468}
.ws-ad-points li:before{content:"✓";margin-right:7px;color:var(--ws-purple-bright);font-weight:900}
.ws-ad-button{position:relative;z-index:2;display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:9px 13px;border-radius:30px;background:var(--ws-purple-bright);color:#fff;font-size:10px;font-weight:900;text-transform:uppercase;box-shadow:0 4px 12px rgba(91,28,164,.2)}
.ws-ad-button:hover{background:var(--ws-purple-dark);color:#fff}
.ws-ad-card--blue{background:linear-gradient(125deg,#f5f9ff,#e5efff);border-color:#dce8fa}
.ws-ad-card--blue .ws-ad-brand,.ws-ad-card--blue .ws-ad-title{color:#183e76}
.ws-ad-card--blue .ws-ad-button{background:#214f91}
.ws-ad-custom{margin-bottom:12px}
.ws-ad-custom img{display:block;width:100%;height:auto;border-radius:var(--ws-radius)}
.ws-category-shortcuts{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin:20px 0 26px}
.ws-shortcut{display:flex;min-height:76px;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:10px 5px;text-align:center;border:1px solid #eee8f6;border-radius:8px;background:#fff;color:var(--ws-purple-dark);font-size:10px;font-weight:750;line-height:1.25;transition:transform .2s,background .2s}
.ws-shortcut:hover{background:var(--ws-lilac);transform:translateY(-2px);color:var(--ws-purple-bright)}
.ws-shortcut svg{width:22px;height:22px;stroke:var(--ws-purple);stroke-width:1.8}
.ws-section{margin:26px 0 34px}
.ws-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--ws-line);position:relative}
.ws-section-head:after{content:"";position:absolute;bottom:-1px;left:0;width:104px;height:3px;background:var(--ws-purple-bright)}
.ws-section-head h2{margin:0;font-size:23px;line-height:1.2;letter-spacing:-.045em;color:var(--ws-purple-dark)}
.ws-section-head>a{font-size:10px;font-weight:850;color:var(--ws-purple-bright);white-space:nowrap}
.ws-section-head>a span{font-size:15px;margin-left:4px}
.ws-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ws-card{min-width:0}
.ws-card-image{display:block;height:126px;overflow:hidden;border-radius:7px;background:#eee8f5}
.ws-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}
.ws-card:hover .ws-card-image img{transform:scale(1.04)}
.ws-card .ws-kicker{display:block;margin-top:10px;font-size:8px}
.ws-card h3{font-size:15px;line-height:1.25;letter-spacing:-.02em;margin:5px 0 6px}
.ws-card h3 a{color:var(--ws-ink)}
.ws-card h3 a:hover{color:var(--ws-purple-bright)}
.ws-card-date{font-size:9px;color:var(--ws-muted)}
.ws-section-split{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.ws-section-split .ws-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ws-section-split .ws-card-image{height:105px}
.ws-section-split .ws-card h3{font-size:13px}
.ws-popular{padding:16px 16px 8px;background:#fff;border:1px solid #eee8f4;border-radius:var(--ws-radius);margin:0 0 14px}
.ws-popular h2{font-size:19px;letter-spacing:-.04em;margin:0 0 12px;color:var(--ws-purple-dark)}
.ws-popular-list{list-style:none;margin:0;padding:0;counter-reset:popular}
.ws-popular-list li{counter-increment:popular;display:grid;grid-template-columns:22px 55px minmax(0,1fr);gap:9px;align-items:center;padding:10px 0;border-top:1px solid #f0edf4;font-size:11px;font-weight:750;line-height:1.35}
.ws-popular-list li:before{content:counter(popular);display:grid;place-items:center;width:20px;height:20px;border:1px solid #a36de0;color:var(--ws-purple-bright);border-radius:50%;font-size:10px}
.ws-popular-thumb{width:55px;height:47px;overflow:hidden;border-radius:5px;background:var(--ws-lilac)}
.ws-popular-thumb img{width:100%;height:100%;object-fit:cover}
.ws-newsletter{padding:19px;border-radius:var(--ws-radius);background:linear-gradient(140deg,#3e1a77,#5824a0);color:#fff}
.ws-newsletter h2{font-size:20px;line-height:1.2;margin:0 0 10px}
.ws-newsletter p{font-size:12px;color:#e9ddfb;margin:0 0 15px}
.ws-newsletter form{display:flex;background:#fff;border-radius:7px;padding:4px}
.ws-newsletter input{min-width:0;width:100%;border:0;padding:9px;font-size:11px;outline:none}
.ws-newsletter button{border:0;border-radius:5px;background:var(--ws-purple-bright);color:#fff;width:38px;flex:0 0 38px;font-size:18px}
.ws-latest-list{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
.ws-latest-row{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;padding:0 0 15px;margin-bottom:15px;border-bottom:1px solid var(--ws-line)}
.ws-latest-image{display:block;width:112px;height:83px;overflow:hidden;border-radius:6px;background:var(--ws-lilac)}
.ws-latest-image img{width:100%;height:100%;object-fit:cover}
.ws-latest-row h3{font-size:14px;line-height:1.25;margin:4px 0}
.ws-latest-row .ws-kicker{font-size:8px}
.ws-pagination{margin:30px 0;text-align:center}
.ws-pagination .page-numbers{display:inline-block;padding:9px 13px;margin:0 3px;background:#fff;border:1px solid var(--ws-line);border-radius:5px}
.ws-pagination .current{background:var(--ws-purple);color:#fff;border-color:var(--ws-purple)}
.ws-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;align-items:start;padding-top:30px}
.ws-breadcrumbs{font-size:11px;color:var(--ws-muted);margin:0 0 14px}
.ws-breadcrumbs a{color:var(--ws-purple)}
.ws-entry-header .ws-kicker{margin-bottom:8px}
.ws-entry-title{font-size:clamp(32px,4vw,54px);line-height:1.08;letter-spacing:-.055em;margin:0 0 14px}
.ws-entry-deck{font-size:18px;color:#6f6878;line-height:1.5;margin:0 0 18px}
.ws-entry-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--ws-muted);padding-bottom:17px;border-bottom:1px solid var(--ws-line)}
.ws-author-dot{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:var(--ws-lilac-2);color:var(--ws-purple);font-weight:900}
.ws-featured-image{margin:20px 0 25px;border-radius:9px;overflow:hidden;background:var(--ws-lilac)}
.ws-featured-image img{display:block;width:100%;height:auto}
.ws-entry-content{font-size:17px;line-height:1.85;overflow-wrap:anywhere}
.ws-entry-content h2{font-size:30px;line-height:1.2;letter-spacing:-.04em;margin:1.6em 0 .6em}
.ws-entry-content h3{font-size:23px;line-height:1.25;margin:1.4em 0 .5em}
.ws-entry-content a{color:var(--ws-purple-bright);text-decoration:underline;text-underline-offset:3px}
.ws-entry-content blockquote{margin:1.5em 0;padding:16px 20px;border-left:4px solid var(--ws-purple-bright);background:var(--ws-lilac);font-size:19px}
.ws-entry-content figure{margin:1.5em 0}
.ws-tags{display:flex;gap:7px;flex-wrap:wrap;margin:24px 0}
.ws-tags a{padding:5px 9px;background:#f0e9f8;border-radius:4px;font-size:10px;color:var(--ws-purple)}
.ws-related{border-top:1px solid var(--ws-line);padding-top:20px;margin-top:25px}
.ws-page-title{font-size:40px;line-height:1.1;letter-spacing:-.05em;margin:0 0 20px}
.ws-footer{background:#211431;color:#eee6f8;padding:40px 0 0}
.ws-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px;padding-bottom:30px}
.ws-footer-brand{font-size:24px;font-weight:950;letter-spacing:-1.2px;color:#fff}
.ws-footer-brand span{color:#bb8bff}
.ws-footer p{font-size:12px;max-width:300px;color:#c9bdd7}
.ws-footer h2{font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin:4px 0 13px;color:#fff}
.ws-footer ul{list-style:none;margin:0;padding:0}
.ws-footer li{margin:7px 0;font-size:12px}
.ws-footer a{color:#d8cce7}
.ws-footer a:hover{color:#fff}
.ws-footer-bottom{border-top:1px solid rgba(255,255,255,.13);padding:14px 0;font-size:10px;color:#b7a9c8}
.ws-footer-bottom .ws-container{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.alignwide{max-width:1100px;margin-inline:auto}
.alignfull{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw)}
.wp-caption{max-width:100%}
.wp-caption-text{font-size:12px;color:var(--ws-muted)}
.gallery{display:grid;gap:12px}
.sticky{outline:0}
@media(max-width:1200px){
 .ws-container{width:min(100% - 36px,1480px)}
 .ws-header-main{gap:16px}
 .ws-brand{min-width:220px}
 .ws-brand-name{font-size:25px}
 .ws-main-nav a{padding:10px 7px;font-size:10px}
 .ws-home-grid{grid-template-columns:minmax(0,1fr) 265px;gap:16px}
 .ws-category-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr))}
 .ws-hero-feature{min-height:390px}
 .ws-hero-small{min-height:188px}
 .ws-card-grid{gap:11px}
 .ws-card-image{height:110px}
}
@media(max-width:900px){
 .ws-topbar-links{gap:10px}
 .ws-header-main{min-height:75px}
 .ws-menu-toggle{display:grid}
 .ws-main-nav{display:none;position:absolute;z-index:30;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--ws-line);box-shadow:var(--ws-shadow);padding:12px 20px}
 .ws-header{position:relative}
 .ws-main-nav.is-open{display:block}
 .ws-main-nav ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch}
 .ws-main-nav a{padding:12px;border-radius:6px;font-size:11px}
 .ws-header-main{position:relative}
 .ws-header-actions{display:flex;gap:8px}
 .ws-home-grid{grid-template-columns:1fr}
 .ws-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
 .ws-ad-card,.ws-ad-custom,.ws-popular,.ws-newsletter{margin-bottom:0}
 .ws-popular{grid-row:span 2}
 .ws-content-layout{grid-template-columns:minmax(0,1fr) 260px;gap:22px}
 .ws-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
 body{font-size:14px}
 .ws-container{width:calc(100% - 28px)}
 .ws-topbar-inner{min-height:29px}
 .ws-topbar-left span:nth-child(n+2),.ws-topbar-links a:nth-child(-n+2){display:none}
 .ws-header-main{min-height:68px;gap:8px}
 .ws-brand{min-width:0;gap:7px}
 .ws-brand-name{font-size:22px;letter-spacing:-1.2px}
 .ws-brand-tagline{font-size:6px;letter-spacing:1.3px}
 .ws-brand img{max-width:205px;max-height:47px}
 .ws-search-button,.ws-menu-toggle{width:36px;height:36px;flex-basis:36px;border-radius:8px}
 .ws-main-nav{padding:10px 14px}
 .ws-main-nav ul{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ws-breaking-inner{min-height:34px;font-size:10px;gap:7px}
 .ws-breaking-label{padding:0 8px;font-size:8px}
 .ws-main{padding-top:13px;padding-bottom:35px}
 .ws-hero-layout{display:flex;flex-direction:column-reverse;gap:10px}
 .ws-hero-feature{min-height:360px}
 .ws-hero-feature .ws-story-copy{left:17px;right:17px;bottom:17px}
 .ws-story-copy h2{font-size:29px}
 .ws-hero-feature .ws-story-copy p{font-size:12px}
 .ws-hero-stack{grid-template-columns:1fr 1fr;grid-template-rows:none;gap:10px}
 .ws-hero-small{min-height:190px}
 .ws-story-copy{left:11px;right:11px;bottom:11px}
 .ws-hero-small .ws-story-copy h3{font-size:15px}
 .ws-story-meta{font-size:9px}
 .ws-category-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:14px 0 22px}
 .ws-shortcut{min-height:67px;font-size:9px}
 .ws-shortcut svg{width:20px;height:20px}
 .ws-section{margin:23px 0 28px}
 .ws-section-head h2{font-size:21px}
 .ws-section-head>a{font-size:9px}
 .ws-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 12px}
 .ws-card-image{height:115px}
 .ws-card h3{font-size:14px}
 .ws-section-split{grid-template-columns:1fr;gap:4px}
 .ws-section-split .ws-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
 .ws-section-split .ws-card-image{height:80px}
 .ws-section-split .ws-card h3{font-size:11px}
 .ws-sidebar{grid-template-columns:1fr}
 .ws-ad-card{min-height:160px}
 .ws-popular{grid-row:auto}
 .ws-latest-list{grid-template-columns:1fr}
 .ws-content-layout{display:block;padding-top:20px}
 .ws-entry-title{font-size:34px}
 .ws-entry-deck{font-size:16px}
 .ws-entry-content{font-size:16px}
 .ws-entry-content h2{font-size:26px}
 .ws-page-title{font-size:32px}
 .ws-footer-grid{grid-template-columns:1fr 1fr;gap:22px 16px}
 .ws-footer-grid>div:first-child{grid-column:1/-1}
 .ws-footer{padding-top:28px}
}


/* Bundled Workstaff logo — controlled sizing for header and footer */
.ws-brand{flex:0 0 auto;max-width:300px;min-width:0}
.ws-brand .ws-bundled-logo,
.ws-brand .custom-logo,
.ws-brand .custom-logo-link img{display:block;width:clamp(190px,22vw,285px);height:auto;max-width:100%;max-height:64px;object-fit:contain}
.ws-brand .custom-logo-link{display:block;line-height:0}
.ws-footer-brand{display:inline-block;max-width:270px;line-height:0}
.ws-footer-logo{display:block;width:min(100%,250px);height:auto;max-height:76px;object-fit:contain}
@media(max-width:900px){
  .ws-brand{max-width:245px}
  .ws-brand .ws-bundled-logo,.ws-brand .custom-logo,.ws-brand .custom-logo-link img{width:clamp(165px,32vw,235px);max-height:54px}
}
@media(max-width:620px){
  .ws-brand{max-width:200px}
  .ws-brand .ws-bundled-logo,.ws-brand .custom-logo,.ws-brand .custom-logo-link img{width:clamp(145px,48vw,190px);max-height:46px}
  .ws-footer-logo{width:min(100%,210px);max-height:62px}
}