/* Edukacja PRO — przyklejony przycisk „Dodaj do koszyka” na telefonie.
   Pasek domyślnie nie istnieje dla oka. Pokazuje go dopiero reguła
   z progiem szerokości (dopisywana z Ustawień) razem z klasą
   .wcep-pasek-gotowy, którą skrypt nadaje po starcie. */

.wcep-pasek{
  display:none;
  position:fixed;left:0;right:0;bottom:0;z-index:99990;
  align-items:center;gap:12px;
  padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));
  background:#fff;border-top:1px solid #E3E9EC;
  box-shadow:0 -8px 24px rgba(6,59,76,.12);
  color:#063B4C;font-size:14px;line-height:1.3;
  transform:translateY(110%);transition:transform .22s ease;
}
.wcep-pasek[hidden]{display:none !important}
.wcep-pasek.wcep-pasek-widac{transform:none}

.wcep-pasek .wcep-pasek-foto{
  width:46px;height:46px;object-fit:contain;flex:0 0 auto;border-radius:8px;
  background:#F4F8FA;margin:0;
}
.wcep-pasek-info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1px}
.wcep-pasek-nazwa{
  font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.wcep-pasek-cena{font-weight:700;font-size:15px;color:#063B4C;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wcep-pasek-cena del{opacity:.55;font-weight:400;font-size:13px;margin-right:4px}
.wcep-pasek-cena ins{text-decoration:none}
.wcep-pasek-od{font-weight:400;font-size:13px}
.wcep-pasek-cena .woocommerce-price-suffix{font-size:11px;font-weight:400}
.wcep-pasek-stan{font-size:12px;color:#E8336D;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wcep-pasek-stan:empty{display:none}

.wcep-pasek .wcep-pasek-przycisk{
  appearance:none;flex:0 0 auto;cursor:pointer;
  border:0;border-radius:10px;
  background:#08D5A0;color:#063B4C;
  font:inherit;font-weight:700;font-size:14.5px;line-height:1.2;
  padding:13px 18px;min-height:46px;white-space:nowrap;
  box-shadow:none;text-transform:none;letter-spacing:normal;
}
.wcep-pasek .wcep-pasek-przycisk:hover,
.wcep-pasek .wcep-pasek-przycisk:focus{background:#06C090;color:#063B4C}
.wcep-pasek .wcep-pasek-przycisk:focus-visible{outline:2px solid #063B4C;outline-offset:2px}
.wcep-pasek.wcep-pasek-czeka .wcep-pasek-przycisk{opacity:.7;pointer-events:none}

/* Bardzo wąski ekran: bez miniatury, żeby przycisk się zmieścił. */
@media (max-width:360px){
  .wcep-pasek .wcep-pasek-foto{display:none}
  .wcep-pasek .wcep-pasek-przycisk{padding:12px 14px}
}

/* Miejsce na pasek pod stopką i podniesione pływające elementy. */
body.wcep-z-paskiem{padding-bottom:var(--wcep-pasek-h,0px)}
body.wcep-z-paskiem .grecaptcha-badge,
body.wcep-z-paskiem #ast-scroll-top{
  bottom:calc(var(--wcep-pasek-h,0px) + 14px) !important;
  transition:bottom .22s ease;
}

/* Podświetlenie wariantów po przewinięciu do nich. */
.wcep-wskaz{animation:wcep-wskaz 1.6s ease 1;border-radius:14px}
@keyframes wcep-wskaz{
  0%,100%{box-shadow:0 0 0 0 rgba(232,51,109,0)}
  20%,60%{box-shadow:0 0 0 4px rgba(232,51,109,.45)}
}

/* Ikony podniesione nad pasek przez skrypt. */
[data-wcep-podniesione]{transition:translate .22s ease}