/**
 * mmm-kit-manager / shelf-life.css
 * Styles for the Shelf Life product tab on the WooCommerce storefront.
 */

/* ── Summary callout ────────────────────────────────────────────────────── */

.mmm-shelf-life-summary {
	margin: 0 0 24px;
	border: 2px solid #1d2327;
	border-radius: 6px;
	padding: 16px 20px;
	background: #f8f9fa;
}

.mmm-shelf-life-summary-inner {
	display: flex;
	align-items: flex-start;
	gap: 14px;
}

.mmm-shelf-life-icon {
	font-size: 28px;
	line-height: 1;
	flex-shrink: 0;
	margin-top: 2px;
}

.mmm-shelf-life-summary-label {
	margin: 0 0 4px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: #666;
}

.mmm-shelf-life-summary-value {
	margin: 0 0 4px;
	font-size: 22px;
	font-weight: 700;
	color: #1d2327;
	line-height: 1.2;
}

.mmm-shelf-life-summary-note {
	margin: 0;
	font-size: 13px;
	color: #555;
}

/* ── Components table ───────────────────────────────────────────────────── */

.mmm-shelf-life-table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 16px;
}

.mmm-shelf-life-table th {
	text-align: left;
	padding: 8px 12px;
	background: #f5f5f5;
	border-bottom: 2px solid #ddd;
	font-size: 13px;
}

.mmm-shelf-life-table td {
	padding: 10px 12px;
	border-bottom: 1px solid #eee;
	vertical-align: middle;
}

.mmm-sl-col-life {
	width: 160px;
	font-weight: 600;
}

/* ── Limiting row ───────────────────────────────────────────────────────── */

.mmm-sl-row-limiting td {
	background: #fff8e6;
}

.mmm-sl-limiting-badge {
	display: inline-block;
	background: #e07b00;
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.05em;
	padding: 2px 6px;
	border-radius: 3px;
	margin-left: 7px;
	vertical-align: middle;
	text-transform: uppercase;
}

/* ── No-expiry label ────────────────────────────────────────────────────── */

.mmm-sl-no-expiry {
	color: #999;
	font-weight: 400;
	font-style: italic;
}

/* ── Disclaimer ─────────────────────────────────────────────────────────── */

.mmm-shelf-life-disclaimer {
	font-size: 12px;
	color: #888;
	font-style: italic;
	margin-top: 12px;
	line-height: 1.5;
}