/* =====================================================================
   POWIADOMIENIE "DODANO DO KOSZYKA" — działa na całej stronie (sklep,
   kategorie, karta produktu, koszyk), nie tylko w "Moje konto".
   Celowo NIEZALEŻNE od koszyk.css / konto.css (własne zmienne, żeby
   działało nawet na stronach, gdzie tamte pliki się nie ładują).
   Wgraj do: motyw-potomny/cart-notify/cart-notify.css
   Wczytywane przez cart_notify_register_assets() w functions.php.
   ===================================================================== */

.cn-toast{
  position:fixed;
  bottom:24px;
  left:50%;
  transform:translateX(-50%) translateY(20px);
  background:#351515;
  color:#FCF0D6;
  padding:24px;
  border-radius:999px;
  font-family:'DM Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size:0.88rem;
  font-weight:600;
  opacity:0;
  pointer-events:none;
  transition:opacity .25s ease, transform .25s ease;
  z-index:99999;
  display:flex;
  align-items:center;
  gap:10px;
  box-shadow:0 10px 30px rgba(0,0,0,0.25);
  max-width:calc(100vw - 32px);
}
.cn-toast.show{
  opacity:1;
  transform:translateX(-50%) translateY(0);
}

.cn-toast-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:20px;
  height:20px;
  border-radius:50%;
  flex:0 0 auto;
  background:rgba(252,240,214,0.15);
}
.cn-toast-icon.cn-toast-icon-animate{
  animation: cn-toast-icon-pop .35s ease .05s both;
}
.cn-toast-icon svg{
  width:12px;
  height:12px;
  stroke:#FCF0D6;
  fill:none;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
@keyframes cn-toast-icon-pop{
  0%{ transform:scale(.4); opacity:0; }
  60%{ transform:scale(1.2); opacity:1; }
  100%{ transform:scale(1); opacity:1; }
}

@media (max-width:480px){
  .cn-toast{
    left:16px;
    right:16px;
    transform:translateY(20px);
    width:auto;
    max-width:none;
    justify-content:center;
  }
  .cn-toast.show{
    transform:translateY(0);
  }
}

/* Ukrywamy natywny, zielony komunikat WooCommerce ("Produkt został dodany
   do koszyka. Zobacz koszyk") - w jego miejsce pokazujemy nasz dymek
   (patrz cart-notify.js). Dotyczy WYŁĄCZNIE klasy komunikatów sukcesu
   (.woocommerce-message) - błędy (.woocommerce-error) i informacje
   (.woocommerce-info) zostają widoczne bez zmian. */
.woocommerce-message{
  display:none !important;
}