/*
 * "Solutions for WC" – Classic customer-facing design theme.
 *
 * Phase 1: shared building-block classes driven by the CSS custom properties
 * ESFW_Core::enqueue_frontend_theme() prints (--esfw-primary, --esfw-secondary,
 * --esfw-text, --esfw-button). Add-on plugins can adopt these classes on their
 * own front-end templates incrementally; nothing here is required.
 */

.esfw-card {
	background: var(--esfw-secondary, #f6f7f7);
	color: var(--esfw-text, #1d2327);
	border: 1px solid rgba(0, 0, 0, .08);
	border-radius: 10px;
	padding: 20px 22px;
}

.esfw-btn {
	display: inline-block;
	background: var(--esfw-button, #2271b1);
	color: #fff;
	border: none;
	border-radius: 6px;
	padding: 10px 18px;
	font-weight: 600;
	cursor: pointer;
	text-decoration: none;
}

.esfw-btn:hover,
.esfw-btn:focus {
	filter: brightness(0.92);
	color: #fff;
}

.esfw-btn.esfw-btn-secondary {
	background: transparent;
	color: var(--esfw-button, #2271b1);
	border: 1px solid var(--esfw-button, #2271b1);
}

.esfw-alert {
	border-radius: 8px;
	padding: 12px 16px;
	font-size: 14px;
	line-height: 1.5;
	border-left: 4px solid var(--esfw-primary, #2271b1);
	background: rgba(0, 0, 0, .03);
	color: var(--esfw-text, #1d2327);
}

.esfw-badge {
	display: inline-block;
	background: var(--esfw-primary, #2271b1);
	color: #fff;
	border-radius: 999px;
	padding: 2px 10px;
	font-size: 12px;
	font-weight: 600;
}