/* Pasek okazji nad nagłówkiem (prefiks ws-strip). Zwykły CSS, bez kompilacji gulp.
   Pasek jest zwykłym blokiem w przepływie PRZED sticky nagłówkiem (#masthead), więc znika przy przewijaniu
   i nie zmienia offsetów sticky ani scroll-margin kotwic.
   Kontrasty na tle #FBFAF8 (nieco wyższe niż na dawnym #F7F3EC): tekst #4A453F 8.6:1, etykieta #7E6636 4.9:1, "wkrótce" celowo jasne (#B3ADA3, nieaktywne, poza wymogiem kontrastu WCAG dla elementów wyłączonych), aktywny/CTA #1C1917 15.8:1. */
.ws-strip{position:relative;background:#FBFAF8;border-bottom:1px solid #F3EFEA;font-family:'Inter',sans-serif;font-size:10px;line-height:1.2;color:#4A453F}
.ws-strip *,.ws-strip *::before,.ws-strip *::after{box-sizing:border-box}
.ws-strip__in{display:flex;align-items:center;gap:16px;height:30px;width:100%;padding:0 24px}
.ws-strip__label{flex:0 0 auto;font-size:10px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;color:#7E6636;white-space:nowrap}
.ws-strip__label::after{content:":"}
.ws-strip__list{display:flex;align-items:center;flex:1 1 auto;min-width:0;height:100%;margin:0;padding:0 2px;list-style:none;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none}
.ws-strip__list::-webkit-scrollbar{display:none}
.ws-strip__item{flex:0 0 auto;display:flex;align-items:center;height:100%;margin:0;padding:0}
.ws-strip__item + .ws-strip__item::before{content:"\00B7";content:"\00B7" / "";margin:0 9px;color:#8A8378;font-weight:700}
.ws-strip__link{font-size:10px;display:inline-flex;align-items:center;height:100%;padding:0 2px;color:#4A453F;text-decoration:none;border-bottom:2px solid transparent;border-top:2px solid transparent;transition:color .2s,border-color .2s}
.ws-strip__link:hover{color:#1C1917;border-bottom-color:#7E6636}
.ws-strip__link.is-current{font-weight:600;color:#1C1917;border-bottom-color:#7E6636}
.ws-strip__soon{font-size:10px;display:inline-flex;align-items:center;gap:6px;color:#B3ADA3;cursor:default}
.ws-strip__badge{font-size:9px;line-height:1;padding:2px 5px;border-radius:2px;background:#F1EDE7;color:#A39D93;text-transform:uppercase;letter-spacing:.5px}

/* przycisk otwierający panel */
.ws-strip__ws{position:relative;flex:0 0 auto;display:flex;align-items:center;height:100%;margin-left:auto}
.ws-strip__cta{display:inline-flex;align-items:center;gap:6px;height:100%;margin:0;padding:0 2px;border:0;border-radius:0;background:transparent;color:#1C1917;font:600 10px/1.2 'Inter',sans-serif;cursor:pointer;white-space:nowrap}
.ws-strip__cta-d{border-bottom:1px solid #7E6636;padding-bottom:1px;transition:border-color .2s,color .2s}
.ws-strip__cta-m{display:none;border-bottom:1px solid #7E6636;padding-bottom:1px}
.ws-strip__arrow{display:inline-block;transition:transform .2s}
.ws-strip__cta:hover .ws-strip__cta-d,.ws-strip__cta:hover .ws-strip__cta-m{color:#7E6636}
.ws-strip__cta:hover .ws-strip__arrow{transform:translateX(3px)}
.ws.open .ws-strip__arrow{transform:rotate(90deg)}
.ws-strip__link:focus-visible,.ws-strip__cta:focus-visible{outline:2px solid #1C1917;outline-offset:2px;border-radius:2px}
.page-template-page-formularz .ws-strip{display:none}

@media (min-width:993px){
	/* nad nagłówkiem (z-index 29), żeby rozwijany panel go przykrywał */
	.ws-strip{z-index:30}
	.ws-strip .wsB__panel{left:auto;right:0;top:calc(100% + 1px);width:600px;max-width:calc(100vw - 30px)}
}

@media (max-width:992px){
	/* bez z-index: nagłówek mobilny (z-index 999, po otwarciu position:fixed) musi przykrywać pasek; panel i tło mają własne z-index */
	.ws-strip{z-index:auto;font-size:10px}
	.ws-strip__in{height:30px;gap:10px;padding:0 12px}
	.ws-strip__label{display:none}
	.ws-strip .wsB{width:auto}
	.ws-strip__item:nth-child(n+4){display:none}
	.ws-strip__list{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 64px),rgba(0,0,0,.08) 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 64px),rgba(0,0,0,.08) 100%)}
	/* odstęp na końcu listy: po przewinięciu do końca ostatni element wychodzi spod zaniku */
	.ws-strip__list::after{content:"";flex:0 0 64px}
	.ws-strip__item + .ws-strip__item::before{margin:0 5px}
	.ws-strip__link{padding:0 8px;min-height:30px}
	.ws-strip__soon{padding:0 8px}
	.ws-strip__cta{padding:0 6px;min-height:30px;font-size:10px}
	.ws-strip__cta-d{display:none}
	.ws-strip__cta-m{display:inline}
}

@media (prefers-reduced-motion:reduce){
	.ws-strip__link,.ws-strip__cta-d,.ws-strip__arrow{transition:none}
}