/* Shared structural layer for single-product action widgets.
 * Visual states are controlled from Elementor; this file only normalizes behavior.
 */
.prk-product-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.prk-product-action-button,
.prk-product-action .prk-product-action-button {
  --prk-action-translate-y: 0px;
  --prk-action-scale: 1;
  appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  line-height: 1;
  cursor: pointer;
  transform: translateY(var(--prk-action-translate-y)) scale(var(--prk-action-scale));
  transition-property: color, background-color, border-color, box-shadow, transform, opacity, fill;
  transition-timing-function: ease;
}

.prk-product-action-button:hover,
.prk-product-action-button:focus,
.prk-product-action-button:focus-visible,
.prk-product-action-button:active {
  text-decoration: none;
}

.prk-product-action-button:focus-visible {
  outline: 2px solid color-mix(in srgb, currentColor 38%, transparent);
  outline-offset: 2px;
}

.prk-product-action-button svg,
.prk-product-action-button img,
.prk-product-action-button i,
.prk-product-action-button .wishlist-icon {
  display: block;
  flex: 0 0 auto;
  transition: color 180ms ease, fill 180ms ease, stroke 180ms ease;
}

.prk-product-action-button svg {
  fill: currentColor;
}

.prk-product-action-tooltip-host {
  position: relative;
}

/* The wishlist renderer has its own wrapper; normalize it to the same action contract. */
.prk-product-wishlist-action.sit-wishlist-btn-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.prk-product-wishlist-action .prk-loop-wishlist-tooltip-host {
  display: inline-flex;
}

.prk-product-wishlist-action .sit-wishlist-btn {
  margin: 0;
}