/* Przycisk „Twoje BMI” w menu sklepu (motyw Shoptimizer: klasa .menu-button daje kształt pigułki jak „Promocje”).
   Selektor body li.menu-item.menu-button.rsi-menu-bmi musi być mocniejszy niż reguły motywu, np.
   „.menu-primary-menu-container > ul > li.menu-button > a span { background:#f7c600 !important }”.
   Limonkowy kolor, ciemny napis, przebiegający błysk, czarna plakietka „NOWOŚĆ”.
   Rytm błysku ustawia assets/js/menu.js klasami is-blysk-3 / is-blysk (decyzja właściciela 2026-10-30). */
/* REGRESJA R-005: nie skracać selektora — patrz REGRESJE.md */
body li.menu-item.menu-button.rsi-menu-bmi > a span {
  background: #c6f432 !important; color: #1b2a00 !important;
  position: relative; overflow: hidden; display: inline-flex !important; align-items: center; gap: 6px;
  line-height: 1.25 !important; vertical-align: middle;
}
body li.menu-item.menu-button.rsi-menu-bmi > a:hover span, body li.menu-item.menu-button.rsi-menu-bmi.current-menu-item > a span { background: #b4e21f !important; }
body li.menu-item.menu-button.rsi-menu-bmi > a span::after {
  content: ""; position: absolute; top: 0; left: -60%; width: 40%; height: 100%;
  background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .7), transparent);
  transform: skewX(-20deg); pointer-events: none;
}
/* 3 błyski w dotychczasowym tempie (co 3 s) przy pierwszym wejściu, potem pojedyncze błyski na sygnał menu.js */
body li.menu-item.menu-button.rsi-menu-bmi.is-blysk-3 > a span::after { animation: rsi-menu-blysk 3s ease-in-out 3; }
body li.menu-item.menu-button.rsi-menu-bmi.is-blysk > a span::after { animation: rsi-menu-blysk-1 1.65s ease-in-out 1; }
@keyframes rsi-menu-blysk { 0% { left: -60%; } 55%, 100% { left: 130%; } }
@keyframes rsi-menu-blysk-1 { 0% { left: -60%; } 100% { left: 130%; } }
.rsi-menu-bmi__ikona { flex: 0 0 auto; }
.rsi-menu-bmi__nowosc {
  font-style: normal; font-size: 9px; line-height: 1; letter-spacing: .06em; font-weight: 800;
  background: #111; color: #c6f432; padding: 3px 6px; border-radius: 999px;
}
/* Telefon: limonkowa kropka przy „☰ MENU” (przycisk motywu button.menu-toggle; na komputerze ukryty) — wariant B, decyzja
   właściciela 2026-10-30. Znika po pierwszym otwarciu menu w wizycie (klasa na <html> z menu.js). Kolor jak przycisk „Twoje BMI”. */
html:not(.rsi-bmi-kropka-off) button.menu-toggle { position: relative; overflow: visible; }
html:not(.rsi-bmi-kropka-off) button.menu-toggle::after {
  content: ""; position: absolute; top: -4px; left: 19px; width: 13px; height: 13px; border-radius: 50%;
  background-color: #c6f432; border: 2px solid #111; box-sizing: border-box; pointer-events: none;
  animation: rsi-menu-kropka 2s ease-out infinite;
}
@keyframes rsi-menu-kropka { 0% { box-shadow: 0 0 0 0 rgba(150, 200, 20, .7); } 70%, 100% { box-shadow: 0 0 0 10px rgba(150, 200, 20, 0); } }
@media (prefers-reduced-motion: reduce) {
  html:not(.rsi-bmi-kropka-off) button.menu-toggle::after { animation: none; }
  body li.menu-item.menu-button.rsi-menu-bmi > a span::after, body li.menu-item.menu-button.rsi-menu-bmi[class*="is-blysk"] > a span::after { animation: none; display: none; }
}