/* =========================================================
   MagnetWorld – cart badge (FINÁLNÍ VERZE)
========================================================= */

/* -------------------------
   LISTING (titulka, kategorie)
   badge je v .p-bottom
-------------------------- */

.products-block .p-bottom{
  position: relative;
}

.products-block .p-bottom > .mw-cart-badge{
  position: absolute;
  right: 14px;
  top: 58px; /* u DETAIL / DO KOŠÍKU – případně doladíme */

  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 18px;
  height: 18px;
  padding: 0 6px;

  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  line-height: 18px;

  background: #111;
  color: #fff;

  z-index: 6;
  box-shadow: 0 0 0 2px #fff;
  pointer-events: none;
}

/* -------------------------
   DETAIL PRODUKTU
   badge je v tlačítku
-------------------------- */

.mw-badge-anchor{
  position: relative !important;
  overflow: visible !important;
}

.mw-badge-anchor > .mw-cart-badge{
  position: absolute;
  top: -8px;
  right: -10px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 18px;
  height: 18px;
  padding: 0 6px;

  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  line-height: 18px;

  background: #111;
  color: #fff;

  z-index: 50;
  box-shadow: 0 0 0 2px #fff;
  pointer-events: none;
}

/* -------------------------
   SPOLEČNÉ
-------------------------- */

.mw-cart-badge.is-zero{
  display: none;
}

/* Pulse efekt */
@keyframes mwBadgePop{
  0%   { transform: scale(1); }
  60%  { transform: scale(1.25); }
  100% { transform: scale(1); }
}

.mw-cart-badge.mw-pop{
  animation: mwBadgePop 280ms ease-out;
}
.mw-cart-badge.is-zero,
.products-block .p-bottom > .mw-cart-badge.is-zero{
  display:none !important;
}