/* HYBRID STYLE: połączenie wersji eleganckiej złoto-kremowej z nowoczesną niebieską */
:root{
  --bg:#f5f2ea;
  --surface:#fffdf8;
  --card:#ffffff;
  --text:#132033;
  --muted:#667085;
  --line:rgba(22,34,51,.13);
  --dark:#101827;
  --dark-2:#1f2937;
  --gold:#c9922b;
  --gold-2:#f0c96f;
  --blue:#0f5bd8;
  --blue-2:#2f5f8f;
  --accent:#d7e5ff;
  --green:#3d6f54;
  --danger:#c2412f;
  --shadow:0 22px 60px rgba(16,24,40,.12);
  --shadow-soft:0 12px 30px rgba(16,24,40,.08);
}
body.dark{
  --bg:#09111d;
  --surface:#101828;
  --card:#121c2a;
  --text:#f8fafc;
  --muted:#b0bbcc;
  --line:rgba(248,250,252,.11);
  --dark:#f8fafc;
  --dark-2:#d7e5ff;
  --gold:#efc66d;
  --gold-2:#c9922b;
  --blue:#6ea8fe;
  --blue-2:#9ec3ff;
  --accent:rgba(110,168,254,.14);
}
body{
  background:
    radial-gradient(circle at 8% 4%, rgba(15,91,216,.12), transparent 30%),
    radial-gradient(circle at 92% 0%, rgba(201,146,43,.18), transparent 27%),
    linear-gradient(180deg,#fbf8ef 0%,var(--bg) 42%,#f7f9ff 100%);
}
body.dark{
  background:
    radial-gradient(circle at 8% 4%, rgba(110,168,254,.16), transparent 32%),
    radial-gradient(circle at 92% 0%, rgba(239,198,109,.14), transparent 28%),
    linear-gradient(180deg,#09111d 0%,#0f172a 100%);
}
.topbar{background:rgba(255,253,248,.78);box-shadow:0 10px 30px rgba(16,24,40,.04)}
body.dark .topbar{background:rgba(9,17,29,.78)}
.brand img{filter:drop-shadow(0 8px 18px rgba(15,91,216,.10))}
.eyebrow,.badge{
  background:linear-gradient(135deg,rgba(201,146,43,.18),rgba(15,91,216,.13));
  color:var(--blue-2);
  border:1px solid rgba(201,146,43,.22);
}
body.dark .eyebrow,body.dark .badge{color:var(--gold)}
.lang-switch button.active{background:linear-gradient(135deg,var(--gold),var(--blue));color:#fff}
.nav-links a:hover,.nav-links a.active{background:linear-gradient(135deg,var(--dark),var(--blue-2));color:#fff}
body.dark .nav-links a:hover,body.dark .nav-links a.active{background:linear-gradient(135deg,var(--gold),var(--blue));color:#111827}
.btn{border-radius:999px}
.btn-primary{
  background:linear-gradient(135deg,var(--gold) 0%,var(--blue) 100%);
  color:#fff;
  box-shadow:0 16px 34px rgba(15,91,216,.22),0 10px 24px rgba(201,146,43,.18);
}
.btn-secondary:hover{border-color:var(--blue);box-shadow:0 12px 26px rgba(15,91,216,.10)}
.btn-light{box-shadow:0 16px 34px rgba(255,255,255,.16)}
.hero-alt:before{
  background:
    linear-gradient(90deg,rgba(17,24,39,.96) 0%,rgba(17,24,39,.78) 38%,rgba(15,91,216,.30) 68%,rgba(201,146,43,.18) 100%),
    url('https://images.unsplash.com/photo-1551632436-cbf8dd35adfa?auto=format&fit=crop&w=1900&q=82') center/cover;
}
.hero-copy h1,.section-title,.page-hero h1,.cta-banner h3,.auth-visual h1{
  text-wrap:balance;
}
.hero-card{
  border:1px solid rgba(255,255,255,.55);
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,250,255,.92));
}
.hero-card li b{color:var(--blue)}
.intro-strip .strip-card:first-child{border-top:4px solid var(--gold)}
.intro-strip .strip-card:last-child{border-top:4px solid var(--blue)}
.number{
  background:linear-gradient(135deg,rgba(248,242,231,.95),rgba(215,229,255,.62));
}
.number strong{background:linear-gradient(135deg,var(--gold),var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent}
.process article{transition:.22s ease;border-top:3px solid transparent}
.process article:nth-child(odd){border-top-color:var(--gold)}
.process article:nth-child(even){border-top-color:var(--blue)}
.process article:hover,.job-card:hover,.form-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.process article:before{color:var(--blue)}
.process article:nth-child(odd):before{color:var(--gold)}
.card,.strip-card,.process article,.application-card,.filters{backdrop-filter:blur(10px)}
.job-card:before{
  background:linear-gradient(135deg,rgba(15,91,216,.18),rgba(17,24,39,.70)),url('https://images.unsplash.com/photo-1564501049412-61c2a3083791?auto=format&fit=crop&w=900&q=80') center/cover;
}
.job-card:nth-child(2n):before{
  background-image:linear-gradient(135deg,rgba(201,146,43,.18),rgba(17,24,39,.70)),url('https://images.unsplash.com/photo-1559329007-40df8a9345d8?auto=format&fit=crop&w=900&q=80');
}
.job-card:nth-child(3n):before{
  background-image:linear-gradient(135deg,rgba(15,91,216,.22),rgba(201,146,43,.18),rgba(17,24,39,.68)),url('https://images.unsplash.com/photo-1551218808-94e220e084d2?auto=format&fit=crop&w=900&q=80');
}
.job-meta span{background:linear-gradient(135deg,rgba(201,146,43,.13),rgba(15,91,216,.10));border-color:rgba(15,91,216,.15)}
.favorite-btn{color:var(--blue)}
.favorite-btn.active{background:linear-gradient(135deg,#fff1f1,#fff8e6);color:var(--danger)}
.page-hero:before{
  background:linear-gradient(90deg,rgba(17,24,39,.93),rgba(15,91,216,.42),rgba(201,146,43,.18)),url('https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?auto=format&fit=crop&w=1900&q=82') center/cover;
}
.jobs-hero:before{
  background:linear-gradient(90deg,rgba(17,24,39,.94),rgba(15,91,216,.42),rgba(201,146,43,.14)),url('https://images.unsplash.com/photo-1414235077428-338989a2e8c0?auto=format&fit=crop&w=1900&q=82') center/cover;
}
.about-hero:before{
  background:linear-gradient(90deg,rgba(17,24,39,.94),rgba(47,95,143,.42),rgba(201,146,43,.16)),url('https://images.unsplash.com/photo-1528605248644-14dd04022da1?auto=format&fit=crop&w=1900&q=82') center/cover;
}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(15,91,216,.12),0 0 0 7px rgba(201,146,43,.08)}
.pagination button.active{background:linear-gradient(135deg,var(--gold),var(--blue));color:#fff}
.apply-side .rounded-photo,.image-collage img{border:1px solid rgba(255,255,255,.5)}
.check-list p{border-left-color:var(--blue)}
.check-list p:nth-child(odd){border-left-color:var(--gold)}
.cta-banner,.auth-visual{
  background:
    radial-gradient(circle at 84% 14%,rgba(239,198,109,.24),transparent 26%),
    linear-gradient(135deg,#111827 0%,#123f76 58%,#c9922b 145%);
}
.split-hero:before{
  background:linear-gradient(90deg,rgba(17,24,39,.94),rgba(15,91,216,.38),rgba(201,146,43,.13)),url('https://images.unsplash.com/photo-1566073771259-6a8506099945?auto=format&fit=crop&w=1400&q=82') center/cover;
}
.sidebar a.active,.sidebar button.tab-btn.active{background:linear-gradient(135deg,rgba(201,146,43,.16),rgba(15,91,216,.12));color:var(--blue)}
body.dark .sidebar a.active,body.dark .sidebar button.tab-btn.active{color:var(--gold)}
.footer{background:linear-gradient(135deg,#101827,#123f76 72%,#4a3513);}
.footer a{color:var(--gold-2)}
::selection{background:rgba(15,91,216,.24)}
@media(max-width:700px){.btn{border-radius:16px}}

/* HYBRID V2: mocniejsze połączenie obu wersji + transparentny footer */
:root{
  --mix-cream:#fff6df;
  --mix-sand:#ead7ad;
  --mix-navy:#0d2343;
  --mix-cobalt:#1164e8;
  --mix-sky:#dcecff;
  --glass:rgba(255,255,255,.62);
}
body.dark{
  --mix-cream:rgba(239,198,109,.12);
  --mix-sand:#efc66d;
  --mix-navy:#07111f;
  --mix-cobalt:#6ea8fe;
  --mix-sky:rgba(110,168,254,.16);
  --glass:rgba(16,24,40,.58);
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(115deg,rgba(201,146,43,.10) 0 18%,transparent 18% 42%,rgba(15,91,216,.09) 42% 62%,transparent 62%),
    radial-gradient(circle at 18% 72%,rgba(15,91,216,.10),transparent 27%),
    radial-gradient(circle at 82% 42%,rgba(201,146,43,.12),transparent 24%);
}
.topbar{
  border-bottom:1px solid rgba(255,255,255,.48);
  background:linear-gradient(90deg,rgba(255,246,223,.70),rgba(220,236,255,.66),rgba(255,255,255,.58));
  backdrop-filter:blur(18px) saturate(135%);
}
body.dark .topbar{background:linear-gradient(90deg,rgba(7,17,31,.74),rgba(16,39,74,.62),rgba(44,35,17,.34));}
.brand{position:relative;isolation:isolate}
.brand::after{
  content:"";
  position:absolute;
  inset:-8px -14px;
  z-index:-1;
  border-radius:999px;
  background:linear-gradient(135deg,rgba(201,146,43,.14),rgba(15,91,216,.12));
  opacity:.9;
}
.nav-links a{
  position:relative;
  overflow:hidden;
  border:1px solid transparent;
}
.nav-links a::before{
  content:"";
  position:absolute;
  inset:auto 12px 6px 12px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--gold),var(--blue));
  transform:scaleX(0);
  transform-origin:left;
  transition:.22s ease;
}
.nav-links a:hover::before,.nav-links a.active::before{transform:scaleX(1)}
.nav-links a:hover,.nav-links a.active{border-color:rgba(201,146,43,.25)}
.hero-alt:after,.page-hero:after,.split-hero:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 82% 20%,rgba(239,198,109,.22),transparent 20%),
    linear-gradient(135deg,rgba(15,91,216,.14),transparent 45%,rgba(201,146,43,.13));
  mix-blend-mode:screen;
}
.hero-alt .container,.page-hero .container,.split-hero .content{position:relative;z-index:2}
.hero-copy h1,.page-hero h1,.split-hero h1,.section-title{
  background:linear-gradient(115deg,var(--text) 0%,var(--mix-navy) 42%,var(--blue) 68%,var(--gold) 105%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.hero-copy h1,.page-hero h1,.split-hero h1{filter:drop-shadow(0 10px 24px rgba(0,0,0,.12))}
.page-hero h1,.split-hero h1{background:linear-gradient(115deg,#fff 0%,#dcecff 42%,#f0c96f 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-card,.strip-card,.card,.form-card,.application-card,.filters,.process article,.number{
  background:
    linear-gradient(145deg,rgba(255,255,255,.86),rgba(255,246,223,.58) 46%,rgba(220,236,255,.58));
  border:1px solid rgba(255,255,255,.72);
  box-shadow:0 18px 48px rgba(13,35,67,.09),0 8px 26px rgba(201,146,43,.07);
}
body.dark .hero-card,body.dark .strip-card,body.dark .card,body.dark .form-card,body.dark .application-card,body.dark .filters,body.dark .process article,body.dark .number{
  background:linear-gradient(145deg,rgba(18,28,42,.86),rgba(30,38,50,.66) 46%,rgba(15,35,68,.60));
  border-color:rgba(255,255,255,.10);
}
.strip-card:nth-child(odd),.process article:nth-child(odd),.form-card:nth-child(odd){box-shadow:0 18px 48px rgba(201,146,43,.13),0 8px 26px rgba(15,91,216,.07)}
.strip-card:nth-child(even),.process article:nth-child(even),.form-card:nth-child(even){box-shadow:0 18px 48px rgba(15,91,216,.13),0 8px 26px rgba(201,146,43,.07)}
.btn-primary,.pagination button.active,.lang-switch button.active{
  background:linear-gradient(120deg,var(--gold) 0%,#f4d68b 25%,var(--blue) 72%,#0d2343 100%);
  background-size:180% 180%;
  animation:hybridShift 8s ease infinite;
}
.btn-secondary{
  background:linear-gradient(135deg,rgba(255,246,223,.70),rgba(220,236,255,.64));
  border:1px solid rgba(15,91,216,.16);
}
body.dark .btn-secondary{background:linear-gradient(135deg,rgba(239,198,109,.12),rgba(110,168,254,.10));}
@keyframes hybridShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.job-card{
  border:1px solid rgba(255,255,255,.72);
  background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,246,223,.50),rgba(220,236,255,.50));
}
body.dark .job-card{background:linear-gradient(180deg,rgba(18,28,42,.88),rgba(30,38,50,.72),rgba(13,35,67,.56));}
.job-card:after{
  content:"";
  position:absolute;
  top:0;left:0;right:0;height:160px;
  background:linear-gradient(135deg,rgba(201,146,43,.16),rgba(15,91,216,.20));
  pointer-events:none;
}
.job-card .badge{z-index:2;background:linear-gradient(135deg,rgba(255,246,223,.94),rgba(220,236,255,.92));border:1px solid rgba(255,255,255,.68)}
.job-meta span:nth-child(odd){background:linear-gradient(135deg,rgba(201,146,43,.16),rgba(255,246,223,.72));}
.job-meta span:nth-child(even){background:linear-gradient(135deg,rgba(15,91,216,.12),rgba(220,236,255,.72));}
.field input,.field select,.field textarea{
  background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(255,246,223,.48));
  border-color:rgba(13,35,67,.13);
}
body.dark .field input,body.dark .field select,body.dark .field textarea{background:linear-gradient(135deg,rgba(7,17,31,.72),rgba(16,39,74,.42));}
.cta-banner,.auth-visual{
  border:1px solid rgba(255,255,255,.16);
  background:
    radial-gradient(circle at 14% 16%,rgba(239,198,109,.34),transparent 23%),
    radial-gradient(circle at 88% 22%,rgba(110,168,254,.25),transparent 25%),
    linear-gradient(135deg,#101827 0%,#123f76 48%,#2f5f8f 68%,#c9922b 128%);
}
.footer{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:transparent !important;
  color:rgba(16,24,40,.74);
  padding:42px 0;
  transition:color .35s ease, transform .35s ease;
}
body.dark .footer{color:rgba(248,250,252,.76)}
.footer::before{
  content:"";
  position:absolute;
  inset:8px max(18px,calc((100vw - 1180px)/2)) 10px;
  z-index:-1;
  border-radius:34px 34px 0 0;
  background:
    radial-gradient(circle at 12% 18%,rgba(239,198,109,.40),transparent 24%),
    radial-gradient(circle at 92% 10%,rgba(110,168,254,.32),transparent 28%),
    linear-gradient(135deg,rgba(13,35,67,.96),rgba(18,63,118,.95) 55%,rgba(201,146,43,.94));
  opacity:0;
  transform:translateY(64px) scale(.985);
  box-shadow:0 -18px 58px rgba(13,35,67,.20);
  transition:opacity .42s ease,transform .42s ease;
}
.footer.footer-visible{color:rgba(255,255,255,.78);transform:translateY(-2px)}
.footer.footer-visible::before{opacity:1;transform:translateY(0) scale(1)}
.footer strong{color:inherit}
.footer.footer-visible strong{color:#fff}
.footer a{color:var(--blue);transition:.25s ease}
.footer.footer-visible a{color:#f0c96f}
.footer-grid{position:relative;z-index:1;padding:0 22px}
.footer-grid::before{
  content:"";
  position:absolute;
  left:22px;right:22px;top:-14px;height:1px;
  background:linear-gradient(90deg,transparent,var(--gold),var(--blue),transparent);
  opacity:.65;
}
.footer.footer-visible .footer-grid::before{opacity:.25;background:linear-gradient(90deg,transparent,#fff,transparent)}
@media(max-width:700px){
  .footer::before{inset:6px 10px 8px;border-radius:24px 24px 0 0}
  .footer-grid{padding:0 18px}
}

/* Softened buttons + full-width header/footer */
.topbar,.footer{width:100%;left:0;right:0}
.topbar{background:rgba(250,247,240,.94);box-shadow:0 10px 30px rgba(17,24,39,.05)}
body.dark .topbar{background:rgba(13,17,23,.92)}
.btn-primary,.pagination button.active,.lang-switch button.active{
  background:linear-gradient(135deg,#d7ad5c 0%,#dfc98f 48%,#6f93b7 100%) !important;
  animation:none !important;
  box-shadow:0 10px 22px rgba(117,101,73,.16) !important;
  color:#111827 !important;
}
.btn-secondary{
  background:rgba(255,255,255,.72) !important;
  border-color:rgba(17,24,39,.10) !important;
  box-shadow:0 8px 20px rgba(17,24,39,.05);
}
body.dark .btn-secondary{background:rgba(255,255,255,.08) !important;border-color:rgba(255,255,255,.12) !important}
.cta-banner,.auth-visual{
  background:
    radial-gradient(circle at 14% 16%,rgba(239,198,109,.18),transparent 25%),
    radial-gradient(circle at 88% 22%,rgba(110,168,254,.16),transparent 28%),
    linear-gradient(135deg,#172033 0%,#23496d 58%,#a78242 130%) !important;
}
.footer{padding:42px 0 0}
.footer::before{
  inset:0 0 0 0 !important;
  border-radius:0 !important;
  background:linear-gradient(135deg,rgba(13,35,67,.94),rgba(34,73,111,.94) 62%,rgba(166,126,58,.92)) !important;
}
.footer.footer-visible::before{opacity:1;transform:none}
.footer-grid{padding:34px 22px 38px}
@media(max-width:900px){.navbar{width:100%;padding-left:18px;padding-right:18px}.footer-grid{width:100%}}
.footer::before{opacity:1 !important;transform:none !important}
.footer{color:rgba(255,255,255,.78) !important}
.footer strong{color:#fff !important}
.footer a{color:#f0c96f !important}

/* Header compact + remove tagline + clickable footer contact polish */
.brand span{
  display:none !important;
}
.navbar{
  padding:6px 0 !important;
  gap:12px !important;
  min-height:0 !important;
}
.brand img{
  width:150px !important;
}
.brand::after{
  inset:-5px -10px !important;
}
.nav-links{
  padding:3px !important;
  gap:3px !important;
}
.nav-links a{
  padding:7px 11px !important;
  font-size:.84rem !important;
}
.nav-links a::before{
  bottom:4px !important;
}
.nav-actions{
  gap:7px !important;
}
.lang-switch{
  padding:3px !important;
}
.lang-switch button{
  padding:5px 8px !important;
  font-size:.72rem !important;
}
.icon-btn{
  width:34px !important;
  height:34px !important;
}
.btn{
  padding:8px 14px !important;
  border-radius:12px !important;
}
.nav-actions [data-auth-area]{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}
.nav-actions [data-auth-area] .btn,
.nav-actions [data-auth-area] a{
  padding:8px 14px !important;
  line-height:1.1 !important;
}
.footer-contact a,
.footer a[href^="tel:"],
.footer a[href^="mailto:"]{
  text-decoration:none;
  white-space:nowrap;
}

@media(max-width:700px){
  .navbar{padding:7px 0 !important;}
  .brand img{width:132px !important;}
}

/* Header: trochę większy, ale nadal niższy niż wcześniej */
.navbar{
  padding:10px 0 !important;
  gap:14px !important;
}
.brand img{
  width:160px !important;
}
.brand::after{
  inset:-7px -12px !important;
}
.nav-links{
  padding:4px !important;
  gap:4px !important;
}
.nav-links a{
  padding:8px 13px !important;
  font-size:.88rem !important;
}
.lang-switch button{
  padding:6px 9px !important;
  font-size:.75rem !important;
}
.icon-btn{
  width:38px !important;
  height:38px !important;
}
.btn,
.nav-actions [data-auth-area] .btn,
.nav-actions [data-auth-area] a{
  padding:10px 15px !important;
  line-height:1.15 !important;
}

@media(max-width:700px){
  .navbar{padding:8px 0 !important;}
  .brand img{width:140px !important;}
}
/* Only image source override for jobs selected in admin panel */
.job-card:before{
  background:linear-gradient(135deg,rgba(15,91,216,.18),rgba(17,24,39,.70)),var(--job-card-image,url('https://images.unsplash.com/photo-1564501049412-61c2a3083791?auto=format&fit=crop&w=900&q=80')) center/cover !important;
}
.split-hero:before{
  background:linear-gradient(90deg,rgba(17,24,39,.94),rgba(15,91,216,.38),rgba(201,146,43,.13)),var(--job-hero-image,url('https://images.unsplash.com/photo-1566073771259-6a8506099945?auto=format&fit=crop&w=1400&q=82')) center/cover !important;
}

/* FIX: show job images from job.image instead of the default gradient photos */
.job-card:before,
.job-card:nth-child(2n):before,
.job-card:nth-child(3n):before{
  background-image: linear-gradient(135deg, rgba(17,24,39,.18), rgba(17,24,39,.42)), var(--job-card-image) !important;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

.split-hero:before{
  background-image: linear-gradient(90deg, rgba(17,24,39,.94), rgba(17,24,39,.46)), var(--job-hero-image) !important;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}


/* Lighten highlighted heading gradient only */
.hero-copy h1,.section-title{
  background:linear-gradient(115deg,#2c4263 0%,#4f75a8 42%,#7fa4cc 70%,#e8c16d 105%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
}
body.dark .hero-copy h1,body.dark .section-title{
  background:linear-gradient(115deg,#f8fafc 0%,#dcecff 42%,#9ec3ff 70%,#f0c96f 105%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
}

/* Header logo text: AGENCJA PRACY TYMCZASOWEJ Olma Horeca */
.brand img{
  width:260px !important;
}
@media(max-width:700px){
  .brand img{width:210px !important;}
}