/* Guarantee and delivery box under the buy buttons. */

/* Elementor flex containers shrink widgets to their content; the box always fills the column. */
.elementor-widget.elementor-widget-pg_buybox {
	width: 100%;
	max-width: 100%;
	align-self: stretch;
}

.pg-buybox {
	width: 100%;
	font-family: var(--pg-font-body);
	font-size: var(--pg-fs-14);
	line-height: 1.4;
	color: var(--pg-text);
}

.pg-buybox__note {
	margin: 0 0 var(--pg-space-12);
	font-size: var(--pg-fs-13);
	color: var(--pg-muted);
}

.pg-buybox__box {
	display: grid;
	gap: var(--pg-space-12);
	padding: var(--pg-space-16);
	background: var(--pg-surface-card);
	border-radius: var(--pg-radius);
}

.pg-buybox__row {
	display: flex;
	align-items: flex-start;
	gap: var(--pg-space-12);
}

.pg-buybox__icon {
	width: 20px;
	height: 20px;
}

.pg-buybox__text {
	min-width: 0;
	padding-top: 1px;
}

.pg-buybox__main {
	font-weight: 600;
}

.pg-buybox__sub {
	display: block;
	margin-top: 2px;
	font-size: var(--pg-fs-13);
	color: var(--pg-muted);
}

/* Stock dot, same 20px column as the icons below it. */
.pg-buybox__dot {
	--pg-dot: var(--pg-accent);
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	flex: none;
}

.pg-buybox__dot::before,
.pg-buybox__dot::after {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--pg-dot);
}

.pg-buybox__row--stock.is-in .pg-buybox__dot::after {
	animation: pg-buybox-pulse 2s var(--pg-ease) infinite;
}

.pg-buybox__row--stock.is-low       .pg-buybox__dot,
.pg-buybox__row--stock.is-last      .pg-buybox__dot,
.pg-buybox__row--stock.is-backorder .pg-buybox__dot { --pg-dot: var(--pg-warning); }
.pg-buybox__row--stock.is-out       .pg-buybox__dot { --pg-dot: var(--pg-danger); }

@keyframes pg-buybox-pulse {
	from { transform: scale(1);   opacity: .5; }
	to   { transform: scale(2.4); opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
	.pg-buybox__row--stock.is-in .pg-buybox__dot::after {
		animation: none;
	}
}