/*
 * Origem: WPCode 882 + 884.
 * Feature migrada: feedback visual do compartilhamento na pagina de produto.
 */

.single-product .copy-product-link {
  cursor: pointer;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.single-product .copy-product-link:hover {
  opacity: 0.75;
}

.single-product .copy-product-link.is-copied {
  opacity: 0.55;
  transform: scale(0.97);
}

/*
 * PDP mobile — compartilhamento social do Elementor.
 * Os botoes nativos do Elementor sao div[role=button] sem href; reforcamos a
 * camada clicavel do widget mobile para evitar interceptacao local por wrappers.
 */
@media (max-width: 767px) {
  .single-product .elementor-widget-share-buttons,
  .single-product .elementor-widget-share-buttons .elementor-widget-container,
  .single-product .elementor-widget-share-buttons .elementor-grid,
  .single-product .elementor-widget-share-buttons .elementor-grid-item,
  .single-product .elementor-widget-share-buttons .elementor-share-btn {
    position: relative;
    z-index: 1;
    pointer-events: auto;
  }
}

#exclusive-product-share-toast {
  position: fixed;
  transform: translate(-50%, -10px);
  opacity: 0;
  pointer-events: none;
  z-index: 99999;
  padding: 10px 12px;
  border-radius: 12px;
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: rgba(255, 255, 255, 0.95);
  background: rgba(0, 0, 0, 0.82);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
  transition: opacity 0.18s ease, transform 0.18s ease;
  white-space: nowrap;
}

#exclusive-product-share-toast.is-visible {
  opacity: 1;
  transform: translate(-50%, -18px);
}

@media (max-width: 767px) {
  #exclusive-product-share-toast {
    right: auto;
    max-width: calc(100vw - 24px);
    box-sizing: border-box;
  }
}