/**
 * 99Bitcoins Subscription Form Styles
 *
 * Handles honeypot field hiding and feedback message styling
 */

/* Honeypot field - Hidden from users but accessible to bots */
.nnbtc-honeypot {
	position: absolute !important;
	left: -9999px !important;
	width: 1px !important;
	height: 1px !important;
	opacity: 0 !important;
	pointer-events: none !important;
	z-index: -1 !important;
	overflow: hidden !important;
	clip: rect(1px, 1px, 1px, 1px) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
	border: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}

.rtl .nnbtc-honeypot {
	right: -9999px !important;
}

/* Feedback message container */
.nnbtc-subscription-feedback {
	display: none;
	margin-top: 16px;
	padding: 16px;
	border-radius: 8px;
	font-size: 14px;
	line-height: 1.5;
	animation: slideInDown 0.3s ease-out;
}

.nnbtc-subscription-feedback p {
	margin: 0;
	padding: 0;
}

/* Success message */
.nnbtc-subscription-feedback.success {
	background-color: #c4e9e0;
	border: 1px solid #008868;
	color: #006b51;
}

.nnbtc-subscription-feedback.success::before {
	content: '✓ ';
	font-weight: bold;
	margin-right: 4px;
}

/* Error message */
.nnbtc-subscription-feedback.error {
	background-color: #f9d2d2;
	border: 1px solid #d00120;
	color: #a00119;
}

.nnbtc-subscription-feedback.error::before {
	content: '⚠ ';
	font-weight: bold;
	margin-right: 4px;
}

/* Loading state */
.optin-form.is-submitting {
	opacity: 0.7;
	pointer-events: none;
}

.optin-form.is-submitting input[type='submit'] {
	cursor: wait;
}

/* Animation for feedback messages */
@keyframes slideInDown {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
	.nnbtc-subscription-feedback {
		font-size: 13px;
		padding: 12px;
	}
}

/* High contrast mode support */
@media (prefers-contrast: high) {
	.nnbtc-subscription-feedback.success {
		background-color: #fff;
		border-width: 2px;
	}

	.nnbtc-subscription-feedback.error {
		background-color: #fff;
		border-width: 2px;
	}
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
	.nnbtc-subscription-feedback {
		animation: none;
	}
}

/* Focus styles for accessibility */
.optin-form input:focus {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

/* Additional styling for the feedback in footer forms */
.nnbtc-footer__subscription-form .nnbtc-subscription-feedback {
	max-width: 500px;
}

/* Additional styling for popup forms */
.nnbtc-popup-form+.nnbtc-subscription-feedback {
	margin-top: 16px;
}