/* ==========================================================================
   Biodeep – Free Shipping & Savings Notices
   ========================================================================== */

/* ── Free Shipping Bar ─────────────────────────────────────────────────── */
.biodeep-free-shipping {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 12px 14px;
	margin: 12px 0;
	border-radius: 6px;
	font-size: 0.95em;
	line-height: 1.4;
	background-color: #f0f9f4;
	border: 1px solid #c3e6cb;
	color: #155724;
}

.biodeep-free-shipping--progress {
	background-color: #f8f9fa;
	border-color: #dee2e6;
	color: #495057;
}

.biodeep-free-shipping--achieved {
	background-color: #d4edda;
	border-color: #c3e6cb;
	color: #155724;
	font-weight: 600;
}

.biodeep-free-shipping__message {
	display: flex;
	align-items: center;
	gap: 6px;
}

.biodeep-free-shipping__icon {
	flex-shrink: 0;
	font-size: 1.1em;
}

/* ── Progress Bar ──────────────────────────────────────────────────────── */
.biodeep-free-shipping__bar-wrap {
	width: 100%;
	height: 6px;
	background-color: #dee2e6;
	border-radius: 999px;
	overflow: hidden;
}

.biodeep-free-shipping__bar {
	height: 100%;
	background-color: #28a745;
	border-radius: 999px;
	transition: width 0.4s ease;
	min-width: 4px;
}

/* ── Savings Badge ─────────────────────────────────────────────────────── */
.biodeep-savings {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 12px;
	margin: 8px 0;
	border-radius: 999px;
	font-size: 0.92em;
	font-weight: 600;
	background-color: #fff3cd;
	border: 1px solid #ffc107;
	color: #856404;
}

.biodeep-savings__icon {
	flex-shrink: 0;
	font-size: 1em;
}

/* ── Cart / Checkout wrappers ──────────────────────────────────────────── */
.biodeep-free-shipping-cart-wrap,
.biodeep-savings-cart-wrap {
	display: block;
}

.biodeep-free-shipping-cart-wrap .biodeep-free-shipping,
.biodeep-savings-cart-wrap .biodeep-savings {
	margin: 10px 0;
}

/* ── Promotion Dates (Diretiva Omnibus / legislação PT) ─────────────────── */
.biodeep-promo-dates {
	margin: 4px 0 8px;
	font-size: 0.8em;
	color: #6c757d;
	line-height: 1.4;
}

.biodeep-promo-dates__label {
	font-weight: 600;
	color: #495057;
}

/* ── Responsive ────────────────────────────────────────────────────────── */
@media ( max-width: 480px ) {
	.biodeep-free-shipping,
	.biodeep-savings {
		font-size: 0.88em;
	}

	.biodeep-promo-dates {
		font-size: 0.75em;
	}
}