/**
 * Disclaimer Block Pattern Styles
 *
 * Reusable disclaimer styles for use across the site
 */

/* ========================================
   Disclaimer Card Base
======================================== */

.disclaimer-card {
	background: linear-gradient(135deg, #fef3c7 0%, #fef3c7 100%) !important;
	border-color: #fde68a !important;
	gap: 16px !important;
	align-items: flex-start !important;
}

.disclaimer-card-info {
	background: linear-gradient(135deg, #dbeafe 0%, #dbeafe 100%) !important;
	border-color: #93c5fd !important;
}

.disclaimer-card > p:first-child {
	margin: 0 !important;
	flex-shrink: 0;
	line-height: 1 !important;
}

.disclaimer-card > p:last-child {
	margin: 0 !important;
	flex: 1;
}

/* ========================================
   Responsive Styles
======================================== */

@media (max-width: 781px) {
	/* Disclaimer on tablet */
	.disclaimer-card {
		padding: 16px 20px !important;
	}
}

@media (max-width: 600px) {
	/* Disclaimer on mobile */
	.disclaimer-card {
		padding: 16px !important;
		gap: 12px !important;
	}

	.disclaimer-card p {
		font-size: 13px !important;
	}
}

@media (max-width: 480px) {
	/* Disclaimer on very small screens */
	.disclaimer-card {
		flex-direction: column !important;
		align-items: flex-start !important;
		padding: 14px !important;
	}
}