/* ==========================================================================
   Sales Pop – Frontend Popup Premium UI
   ========================================================================== */

.ideaplnewplg20i-root {
	position: fixed;
	bottom: 24px;
	z-index: 99999;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	pointer-events: none;
}
.ideaplnewplg20i-root.ideaplnewplg20i-pos-bottom_left { left: 20px; }
.ideaplnewplg20i-root.ideaplnewplg20i-pos-bottom_right { right: 20px; }

.ideaplnewplg20i-card {
	pointer-events: auto;
	width: var(--ideaplnewplg20i-width, 360px);
	max-width: calc(100vw - 40px);
	background: var(--ideaplnewplg20i-bg-light, #fff);
	color: var(--ideaplnewplg20i-text-light, #1a1a2e);
	border-radius: var(--ideaplnewplg20i-radius, 14px);
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 14px 16px;
	font-size: var(--ideaplnewplg20i-fontsize, 14px);
	position: relative;
	opacity: 0;
	transform: translateY(30px);
	transition: transform .45s cubic-bezier(.22,1,.36,1), opacity .35s ease;
}
.ideaplnewplg20i-root.ideaplnewplg20i-has-shadow .ideaplnewplg20i-card {
	box-shadow: 0 14px 40px rgba(20,20,40,.16);
}
.ideaplnewplg20i-card.is-visible { opacity: 1; transform: translateY(0); }

/* Dark theme */
.ideaplnewplg20i-root.ideaplnewplg20i-theme-dark .ideaplnewplg20i-card {
	background: var(--ideaplnewplg20i-bg-dark, #15162b);
	color: var(--ideaplnewplg20i-text-dark, #f5f5fa);
}
.ideaplnewplg20i-root.ideaplnewplg20i-theme-auto .ideaplnewplg20i-card {
	background: var(--ideaplnewplg20i-bg-light, #fff);
	color: var(--ideaplnewplg20i-text-light, #1a1a2e);
}
@media (prefers-color-scheme: dark) {
	.ideaplnewplg20i-root.ideaplnewplg20i-theme-auto .ideaplnewplg20i-card {
		background: var(--ideaplnewplg20i-bg-dark, #15162b);
		color: var(--ideaplnewplg20i-text-dark, #f5f5fa);
	}
	.ideaplnewplg20i-root.ideaplnewplg20i-theme-auto .ideaplnewplg20i-subtext { color: var(--ideaplnewplg20i-subtext-dark, #a0a3bd); }
}

/* Image */
.ideaplnewplg20i-image {
	width: 52px;
	height: 52px;
	background-color: rgba(0,0,0,.04);
	background-size: cover;
	background-position: center;
	flex-shrink: 0;
}
.ideaplnewplg20i-root.ideaplnewplg20i-shape-rounded .ideaplnewplg20i-image { border-radius: 12px; }
.ideaplnewplg20i-root.ideaplnewplg20i-shape-circle .ideaplnewplg20i-image { border-radius: 50%; }
.ideaplnewplg20i-root.ideaplnewplg20i-shape-square .ideaplnewplg20i-image { border-radius: 0; }

/* Text */
.ideaplnewplg20i-content { flex: 1; min-width: 0; }
.ideaplnewplg20i-title { font-size: .92em; color: var(--ideaplnewplg20i-subtext-light, #6b7280); margin: 0 0 2px; line-height: 1.3; }
.ideaplnewplg20i-root.ideaplnewplg20i-theme-dark .ideaplnewplg20i-title { color: var(--ideaplnewplg20i-subtext-dark, #a0a3bd); }
.ideaplnewplg20i-product { font-weight: 700; margin: 0 0 4px; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ideaplnewplg20i-product a { color: inherit; text-decoration: none; }
.ideaplnewplg20i-product a:hover { text-decoration: underline; }
.ideaplnewplg20i-meta { display: flex; align-items: center; gap: 8px; font-size: .82em; color: var(--ideaplnewplg20i-subtext-light, #6b7280); }
.ideaplnewplg20i-root.ideaplnewplg20i-theme-dark .ideaplnewplg20i-meta { color: var(--ideaplnewplg20i-subtext-dark, #a0a3bd); }
.ideaplnewplg20i-dot-sep { opacity: .6; }
.ideaplnewplg20i-verify { color: var(--ideaplnewplg20i-accent, #5b5bf5); font-weight: 600; text-decoration: none; }
.ideaplnewplg20i-verify:hover { text-decoration: underline; }

/* Close button */
.ideaplnewplg20i-close {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	border: none;
	background: rgba(0,0,0,.06);
	color: inherit;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	line-height: 1;
	transition: background .15s ease, transform .15s ease;
}
.ideaplnewplg20i-close:hover { background: rgba(0,0,0,.12); transform: rotate(90deg); }
.ideaplnewplg20i-root.ideaplnewplg20i-theme-dark .ideaplnewplg20i-close { background: rgba(255,255,255,.1); }
.ideaplnewplg20i-root.ideaplnewplg20i-theme-dark .ideaplnewplg20i-close:hover { background: rgba(255,255,255,.18); }

/* Animation variants */
.ideaplnewplg20i-anim-fade .ideaplnewplg20i-card { transform: none; }
.ideaplnewplg20i-anim-fade .ideaplnewplg20i-card.is-visible { transform: none; }
.ideaplnewplg20i-anim-bounce .ideaplnewplg20i-card.is-visible { animation: ideaplnewplg20i-bounce-in .55s cubic-bezier(.34,1.56,.64,1); }
.ideaplnewplg20i-anim-zoom .ideaplnewplg20i-card { transform: scale(.85); }
.ideaplnewplg20i-anim-zoom .ideaplnewplg20i-card.is-visible { transform: scale(1); }

@keyframes ideaplnewplg20i-bounce-in {
	0% { transform: translateY(40px) scale(.9); opacity: 0; }
	60% { transform: translateY(-6px) scale(1.02); opacity: 1; }
	100% { transform: translateY(0) scale(1); }
}

/* Responsive: hide/adjust per device as configured via body classes */
@media (max-width: 782px) {
	.ideaplnewplg20i-root { bottom: 14px; }
	.ideaplnewplg20i-root.ideaplnewplg20i-pos-bottom_left { left: 12px; }
	.ideaplnewplg20i-root.ideaplnewplg20i-pos-bottom_right { right: 12px; }
	.ideaplnewplg20i-card { padding: 12px 14px; gap: 10px; }
	.ideaplnewplg20i-image { width: 44px; height: 44px; }
}
.ideaplnewplg20i-hide-mobile { display: none !important; }
.ideaplnewplg20i-hide-tablet { display: none !important; }