/* =================================================================
   VÝRAZNÉ TLAČÍTKO "DO KOŠÍKU"
   Soubor:   vyrazne-tlacitko-kosik.css
   Verze:    1
   
   Co dělá (na celém e-shopu):
   - Solidní zelené pozadí #2f7a3c (místo bledého outline)
   - Bílý text
   - Plná šířka kartičky / kontejneru
   - Větší výška (42 px místo 34 px) pro lepší viditelnost
   - Tmavě zelený hover efekt + jemný stín
   - Mírné stlačení při kliknutí (feedback)
   
   Funguje na:
   - Produktové kartičky v kategoriích
   - Detail produktu
   - Souvisejici produkty
   - Homepage — novinky / doporučené
   - Výsledky vyhledávání
   ================================================================= */


/* ---------- TLAČÍTKO "DO KOŠÍKU" / "PŘIDAT DO KOŠÍKU" ---------- */
html body button.add-to-cart-button,
html body a.add-to-cart-button,
html body .add-to-cart-button,
html body .btn.btn-cart,
html body button[data-testid="buttonAddToCart"] {
  background: #2f7a3c !important;
  background-color: #2f7a3c !important;
  color: #ffffff !important;
  border: none !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 42px !important;
  padding: 10px 16px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  transition: background 0.15s ease, box-shadow 0.15s ease, transform 0.08s ease !important;
  opacity: 1 !important;
  float: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  box-shadow: 0 2px 4px rgba(47, 122, 60, 0.15);
  text-decoration: none !important;
}


/* ---------- HOVER (najetí myši) ---------- */
html body button.add-to-cart-button:hover,
html body a.add-to-cart-button:hover,
html body .add-to-cart-button:hover,
html body .btn.btn-cart:hover,
html body button[data-testid="buttonAddToCart"]:hover {
  background: #245e2d !important;
  background-color: #245e2d !important;
  color: #ffffff !important;
  box-shadow: 0 4px 10px rgba(47, 122, 60, 0.28);
  text-decoration: none !important;
}


/* ---------- ACTIVE (kliknutí) ---------- */
html body button.add-to-cart-button:active,
html body a.add-to-cart-button:active,
html body .add-to-cart-button:active,
html body .btn.btn-cart:active {
  transform: scale(0.98);
  box-shadow: 0 1px 2px rgba(47, 122, 60, 0.2);
}


/* ---------- TEXT UVNITŘ TLAČÍTKA (ochrana proti dědění barev) ---------- */
html body button.add-to-cart-button span,
html body a.add-to-cart-button span,
html body .add-to-cart-button span,
html body .btn.btn-cart span {
  color: #ffffff !important;
}


/* ---------- OBALOVÝ FORM / DIV (aby tlačítko nebylo zúženo) ---------- */
html body .add-to-cart-button-wrapper,
html body form.pr-action-csrf-enabled {
  width: 100%;
}