/* =========================================================================
   PRODUCT DELIVERY ESTIMATE — styling
   Enqueued automatically by the plugin, no manual CSS paste needed.
   Everything is scoped under .pde-delivery-estimate for specificity
   against theme button/icon styles.
   ========================================================================= */

.pde-delivery-estimate {
	--pde-accent: #3E8AC7;
	--pde-accent-soft: rgba(62, 138, 199, 0.08);
	--pde-text: #2b2f33;

	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 16px;
	background: var(--pde-accent-soft) !important;
	border-radius: 12px !important;
	border: none !important;
	font-size: 13.5px;
	font-weight: 500;
	color: var(--pde-text);
	margin: 12px 0;
}

.pde-delivery-estimate .pde-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--pde-accent);
	flex-shrink: 0;
	width: 20px;
	height: 20px;
}

.pde-delivery-estimate .pde-icon img {
	width: 20px;
	height: 20px;
	object-fit: contain;
	border-radius: 4px;
}

.pde-delivery-estimate .pde-icon svg {
	width: 100%;
	height: 100%;
}

.pde-delivery-estimate .pde-text {
	line-height: 1.4;
}