/* Podstrona „Praca”: zalety, ogłoszenia jak przypięte kartki, rekrutacja w strzałkach. */
html { scroll-behavior: smooth; }
.pr-zalety, .pr-oferty, .pr-rekr { max-width: 1880px; width: calc(100% - 2 * clamp(.6rem, 1.4vw, 1.5rem)); margin-left: auto; margin-right: auto; }
.pr-zalety { list-style: none; padding: 0; margin-top: 1.4rem; display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem; }
.pr-zalety li { padding: .45rem 1.1rem .45rem 2rem; border-radius: 999px; background: #FFF1E3; color: #B4520A; font-family: var(--font-naglowek); font-weight: 700; position: relative; }
.pr-zalety li::before { content: '✓'; position: absolute; left: .8rem; }
.pr-oferty, .pr-rekr { padding-top: clamp(3.5rem, 7vw, 6rem); scroll-margin-top: 90px; }
.pr-oferty h2, .pr-rekr h2 { font-size: clamp(2.2rem, 4.5vw, 4.2rem); font-weight: 800; line-height: .95; margin: .8rem 0 1rem; }
.pr-oferty h2 span, .pr-rekr h2 span { color: var(--pom); }
.pr-oferty__glowa { text-align: center; max-width: 44rem; margin: 0 auto clamp(2rem, 4vw, 3rem); }
.pr-oferty__glowa p:last-child { color: var(--tusz-2); font-size: 1.1rem; }

/* ogłoszenia: kartki przypięte do tablicy korkowej */
.pr-ogloszenia { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(1.2rem, 3vw, 2.4rem); padding: clamp(1.6rem, 3vw, 2.6rem); border-radius: var(--r-xl);
  background: #E9C9A0 radial-gradient(rgba(120,80,40,.18) 1.2px, transparent 1.4px) 0 0 / 14px 14px; }
.pr-ogl { position: relative; display: flex; flex-direction: column; gap: .9rem; background: #fff; padding: 2.2rem 1.7rem 1.7rem; border-radius: 6px; box-shadow: 0 14px 30px rgba(60,35,10,.22); transform: rotate(var(--r)); transition: transform .25s; }
.pr-ogl:hover { transform: rotate(0) translateY(-4px); }
.pr-ogl::before { content: ''; position: absolute; top: -.7rem; left: 50%; width: 1.4rem; height: 1.4rem; margin-left: -.7rem; border-radius: 50%; background: var(--k); box-shadow: inset -3px -3px 0 rgba(0,0,0,.18), 0 3px 6px rgba(0,0,0,.3); }
.pr-ogl__tag { justify-self: start; align-self: flex-start; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; font-size: .75rem; color: #fff; background: var(--k); padding: .35rem .7rem; border-radius: 6px; }
.pr-ogl h3 { font-size: clamp(1.5rem, 2.2vw, 1.9rem); line-height: 1.05; }
.pr-ogl__lead { color: var(--tusz-2); }
.pr-ogl__kol b { font-family: var(--font-naglowek); font-size: 1.05rem; }
.pr-ogl__kol ul { margin: .4rem 0 0; padding-left: 1.1rem; color: var(--tusz-2); display: grid; gap: .2rem; }
.pr-ogl__kol li::marker { color: var(--k); }
.pr-ogl .btn { margin-top: auto; align-self: flex-start; }
.pr-inne { text-align: center; color: var(--tusz-2); font-size: 1.05rem; margin-top: 1.6rem; }

/* rekrutacja: strzałki w jednym rzędzie */
.pr-rekr { margin-bottom: clamp(2rem, 4vw, 3rem); }
.pr-rekr__glowa { margin-bottom: 1.8rem; }
.pr-strzalki { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: .4rem; }
.pr-strzalki li { position: relative; display: grid; gap: .2rem; padding: 1.4rem 2.6rem 1.4rem 2rem; background: #FFF1E3; color: var(--tusz);
  clip-path: polygon(0 0, calc(100% - 1.6rem) 0, 100% 50%, calc(100% - 1.6rem) 100%, 0 100%, 1.6rem 50%); }
.pr-strzalki li:first-child { clip-path: polygon(0 0, calc(100% - 1.6rem) 0, 100% 50%, calc(100% - 1.6rem) 100%, 0 100%); border-radius: 18px 0 0 18px; }
.pr-strzalki li:nth-child(2) { background: #FFE2C4; } .pr-strzalki li:nth-child(3) { background: #FFD2A3; } .pr-strzalki li:nth-child(4) { background: var(--pom); color: #fff; }
.pr-strzalki b { font-family: var(--font-naglowek); font-weight: 800; font-size: 2rem; line-height: 1; }
.pr-strzalki span { font-family: var(--font-naglowek); font-weight: 700; font-size: 1.15rem; }
.pr-strzalki small { opacity: .8; }

@media (max-width: 1000px) { .pr-ogloszenia { grid-template-columns: 1fr 1fr; } .pr-strzalki { grid-template-columns: 1fr 1fr; } }
@media (max-width: 700px) {
  .pr-ogloszenia { grid-template-columns: minmax(0, 1fr); }
  .pr-ogl { transform: none; }
  .pr-strzalki { grid-template-columns: minmax(0, 1fr); }
  .pr-strzalki li, .pr-strzalki li:first-child { clip-path: none; border-radius: 16px; padding: 1.1rem 1.3rem; }
}
