/* WPA WooCommerce Share & Wishlist - vertical layout + modal */
/* Icons vertical */
.wpa-ws-icons-vertical {
	position: absolute;
	top: 12px;
	right: 12px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	z-index: 30;
}

.wpa-ws-btn {
	background: rgba(255, 255, 255, 0.98);
	border: 1px solid rgba(0, 0, 0, 0.08);
	padding: 8px;
	border-radius: 8px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.06);
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 40px;
	height: 40px;
}

.wpa-ws-btn svg { display: block; }

.wpa-ws-wishlisted {
	background: #fff7f7;
    border-color:#ff6b6b
	color: #ff3b3b;
}

/* tooltip shown on hover - content updated by JS/PHP */
.wpa-ws-tooltip {
	position: absolute;
	left: -9999px;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(0,0,0,0.85);
	color: #fff;
	padding: 6px 8px;
	font-size: 12px;
	border-radius: 4px;
	white-space: nowrap;
	z-index: 40;
}

.wpa-ws-btn:hover .wpa-ws-tooltip {
	left: calc(-100% - 20px);
}

/* Modal (amazon-like popover) */
.wpa-share-modal-backdrop {
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,0.35);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 99999;
}

.wpa-share-modal-backdrop.visible {
	display: flex;
}

.wpa-share-modal {
	background: #fff;
	border-radius: 6px;
	padding: 12px;
	min-width: 250px;
	box-shadow: 0 8px 32px rgba(0,0,0,0.24);
}

.wpa-share-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.wpa-share-list .ssf-channel-v { display: flex; align-items: center; }
.wpa-share-list a.ssf-channel {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 8px;
	border-radius: 4px;
	text-decoration: none;
	color: inherit;
	border: 1px solid transparent;
}

.wpa-share-list a.ssf-channel:hover { background: #f7f7f7; }

.wpa-share-list i {
	display: inline-block;
	width: 28px;
	height: 28px;
	background-size: 28px 28px;
	background-repeat: no-repeat;
	background-position: center;
}

/* icons (using Amazon's small share icons as examples) */
.wpa-icon-email { background-image: url(https://nature.xenrion.net/wp-content/uploads/2025/12/email-circular.svg); }
.wpa-icon-pinterest { background-image: url(https://nature.xenrion.net/wp-content/uploads/2025/12/pinterest-circular.svg); }
.wpa-icon-facebook { background-image: url(https://nature.xenrion.net/wp-content/uploads/2025/12/facebook-circular.svg); }
.wpa-icon-x { background-image: url(https://nature.xenrion.net/wp-content/uploads/2025/12/x-circular.png); }
.wpa-icon-whatsapp {background-image:url(https://nature.xenrion.net/wp-content/uploads/2025/12/whatsapp-circular.svg);}
.wpa-icon-instagram {background-image:url(https://nature.xenrion.net/wp-content/uploads/2025/12/Instagram_logo_2016.svg);}
.wpa-icon-link { background-image: url(https://nature.xenrion.net/wp-content/uploads/2025/12/link-circular.svg); }

/* Wishlist list styles */
.wpa-wishlist-list { display: grid; grid-template-columns: repeat( auto-fill, minmax(320px, 1fr) ); gap: 16px; }
.wpa-wishlist-item { border: 1px solid #eee; padding: 12px; border-radius: 6px; display: flex; gap: 12px; align-items: center; }
.wpa-wishlist-thumb img { max-width: 80px; height: auto; display: block; }
.wpa-wishlist-meta { flex: 1; }
.wpa-wishlist-actions { margin-top: 8px; display: flex; gap: 8px; align-items: center; flex-wrap: nowrap; }
.wpa-wishlist-actions .button { white-space: nowrap; } /* keep in single line */
/* WhatsApp & Instagram share channels */
.ssf-channel.wa { color: #25D366; }
.ssf-channel.ig { color: #E1306C; }