/**
 * NovaSpark Shortcodes CSS
 *
 * @package NovaSparkShortcodes
 */

/* CTA Box */
.ns-cta-box {
	background: linear-gradient(135deg, var(--ns-bg-2, #fafafa), var(--ns-bg-3, #f4f4f5));
	border: 1px solid var(--ns-border, #e5e5e5);
	border-left: 4px solid var(--ns-accent, #006bff);
	border-radius: var(--ns-radius-lg, 12px);
	padding: var(--ns-space-6, 1.5rem);
	margin-block: var(--ns-space-6, 1.5rem);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--ns-space-6, 1.5rem);
}

@media (max-width: 640px) {
	.ns-cta-box {
		flex-direction: column;
		align-items: flex-start;
	}
}

.ns-cta-title {
	font-size: var(--ns-text-lg, 1.125rem);
	font-weight: 700;
	margin-bottom: var(--ns-space-1, 0.25rem);
}

.ns-cta-desc {
	font-size: var(--ns-text-sm, 0.875rem);
	color: var(--ns-text-3, #666666);
	margin: 0;
}

/* Alert Boxes */
.ns-alert-box {
	padding: var(--ns-space-4, 1rem) var(--ns-space-5, 1.25rem);
	border-radius: var(--ns-radius, 8px);
	margin-block: var(--ns-space-4, 1rem);
	border-left: 4px solid;
	font-size: var(--ns-text-sm, 0.875rem);
}

.ns-alert-info    { background: #e0f2fe; border-color: #0284c7; color: #0369a1; }
.ns-alert-tip     { background: #dcfce7; border-color: #16a34a; color: #15803d; }
.ns-alert-warning { background: #fef3c7; border-color: #d97706; color: #b45309; }
.ns-alert-danger  { background: #fee2e2; border-color: #dc2626; color: #b91c1c; }