/**
 * Auto Form Builder - Addon Base Styles
 * 
 * Styles for addon infrastructure including upgrade notices
 * 
 * @package Auto_Form_Builder
 * @subpackage Addons
 * @since 1.0.7
 */

/* ==========================================================================
   Upgrade Notice
   ========================================================================== */

.auto-form-builder-upgrade-notice {
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	color: #fff;
	padding: 30px;
	border-radius: 8px;
	margin: 20px 0;
}

.auto-form-builder-upgrade-notice h2 {
	color: #fff;
	margin-top: 0;
	font-size: 24px;
	display: flex;
	align-items: center;
}

.auto-form-builder-upgrade-notice h2 .dashicons {
	font-size: 24px;
	width: 24px;
	height: 24px;
	margin-right: 10px;
}

.auto-form-builder-upgrade-notice p {
	font-size: 16px;
	margin-bottom: 20px;
	line-height: 1.6;
}

.auto-form-builder-upgrade-notice-features {
	list-style: none;
	padding: 0;
	margin: 0 0 20px;
}

.auto-form-builder-upgrade-notice-features li {
	margin-bottom: 8px;
	font-size: 14px;
	display: flex;
	align-items: center;
}

.auto-form-builder-upgrade-notice-features li .dashicons {
	color: #90ee90;
	margin-right: 8px;
	width: 20px;
	height: 20px;
	font-size: 20px;
}

.auto-form-builder-upgrade-notice .button-upgrade {
	background: #fff;
	color: #667eea;
	border: none;
	font-weight: 600;
	padding: 10px 25px;
	font-size: 14px;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	border-radius: 4px;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.auto-form-builder-upgrade-notice .button-upgrade:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgb(0 0 0 / 20%);
	color: #667eea;
}

.auto-form-builder-upgrade-notice .button-upgrade:focus {
	outline: 2px solid #fff;
	outline-offset: 2px;
}

.auto-form-builder-upgrade-notice .button-upgrade .dashicons {
	margin-left: 5px;
	width: 16px;
	height: 16px;
	font-size: 16px;
	line-height: 1.3;
}