/**
 * Styles légers pour les retours utilisateur de la newsletter Brevo
 * Ne surcharge pas le design existant du thème
 */

@keyframes os-spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.os-brevo-form-container {
	position: relative;
	width: 100%;
}

.os-brevo-message-area {
	border-radius: 8px;
	padding: 12px 16px;
	font-size: 0.875rem;
	line-height: 1.45;
	margin-top: 12px;
	transition: all 0.25s ease-in-out;
}

.os-brevo-message--success {
	background-color: #ecfdf5;
	border: 1px solid #a7f3d0;
	color: #065f46;
}

.os-brevo-message--error {
	background-color: #fef2f2;
	border: 1px solid #fecaca;
	color: #991b1b;
}

.os-btn-loading {
	opacity: 0.85;
	cursor: wait !important;
}

.os-btn-spinner {
	margin-left: 6px;
	display: inline-flex;
	align-items: center;
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}