/* =========================================================
   ADD TO CART – GREEN SYSTEM (ALL BUTTONS)
   1) Product detail main button: green + pulse + sweep
   2) Other add-to-cart buttons: green + sweep (NO pulse)
   ========================================================= */

/* ===== Shared "green system" look (all add-to-cart) ===== */
button.add-to-cart-button{
  background-color: #22A06B !important;
  border-color: #22A06B !important;
  color: #ffffff !important;

  background-image: linear-gradient(
    90deg,
    #22A06B 0%,
    #2BBE84 45%,
    #22A06B 100%
  ) !important;
  background-size: 200% 100% !important;
  background-position: left center !important;
  background-repeat: no-repeat !important;

  transition: background-position .7s ease, box-shadow .3s ease, transform .3s ease !important;
}

/* text + ikony vždy biele */
button.add-to-cart-button,
button.add-to-cart-button *{
  color: #ffffff !important;
}

/* hover sweep pre všetky add-to-cart (desktop hover only) */
@media (hover: hover){
  button.add-to-cart-button:hover{
    background-position: right center !important;
    box-shadow: 0 10px 24px rgba(34,160,107,.35) !important;
  }
}

/* active (klik) – mierne tmavšia zelená */
button.add-to-cart-button:active{
  background-color: #1B8E60 !important;
  border-color: #1B8E60 !important;
}

/* focus (klávesnica) */
button.add-to-cart-button:focus-visible{
  outline: none !important;
  box-shadow:
    0 0 0 3px rgba(34,160,107,.4),
    0 10px 24px rgba(34,160,107,.35) !important;
}

/* ===== 1) MAIN button on product detail: add subtle pulse ===== */
.p-detail-inner .p-to-cart-block
button.btn.btn-conversion.add-to-cart-button{
  animation: lm-btn-breathe 3.4s ease-in-out infinite;
}

/* ===== 2) OTHER add-to-cart buttons: explicitly NO pulse ===== */
button.btn.btn-cart.add-to-cart-button,
.p-tools button.add-to-cart-button{
  animation: none !important;
}

/* subtle pulse animation (only for main product button) */
@keyframes lm-btn-breathe{
  0%, 100%{
    transform: scale(1);
    box-shadow: 0 6px 16px rgba(34,160,107,.28);
  }
  50%{
    transform: scale(1.025);
    box-shadow: 0 10px 22px rgba(34,160,107,.38);
  }
}

/* accessibility */
@media (prefers-reduced-motion: reduce){
  button.add-to-cart-button{
    animation: none !important;
    transition: none !important;
  }
}