/* ============================================================
   Ecommerce ETA — Frontend Styles
   ============================================================ */

:root {
	--eeta-bg:          #f0f9f4;
	--eeta-border:      #b2dfca;
	--eeta-text:        #1a6640;
	--eeta-radius:      4px;
	--eeta-font-size:   0.9em;
}

/* ---- Product page ETA badge ---- */
.eeta-eta-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: var(--eeta-bg);
	border: 1px solid var(--eeta-border);
	border-radius: var(--eeta-radius);
	color: var(--eeta-text);
	font-size: var(--eeta-font-size);
	padding: 7px 12px;
	margin: 8px 0 12px;
	line-height: 1.4;
}

.eeta-eta-badge .eeta-icon {
	font-style: normal;
	flex-shrink: 0;
}

/* ---- Cart item ETA ---- */
.eeta-cart-item-eta {
	color: var(--eeta-text);
	font-size: 0.85em;
	display: block;
	margin-top: 3px;
}

/* ---- Checkout ETA row ---- */
.eeta-checkout-eta th,
.eeta-checkout-eta td {
	color: var(--eeta-text);
	font-size: var(--eeta-font-size);
	padding-top: 4px;
	padding-bottom: 4px;
}

/* ---- Thank-you page ETA ---- */
.eeta-thankyou-eta {
	margin-top: 30px;
}

.eeta-thankyou-eta .eeta-eta-badge {
	font-size: 1em;
	padding: 10px 16px;
}

/* ---- Email ETA (for webmail preview, not mail clients) ---- */
.eeta-email-eta {
	background: var(--eeta-bg) !important;
	border-color: var(--eeta-border) !important;
	color: var(--eeta-text) !important;
}