/**
 * NIYAPRESS: Newsletter Clean Design
 * Supprime le design encombrant (fond gris, bordures, ombres)
 * Design minimal et propre
 * Version: 1.0.0
 */

/* ═══════════════════════════════════════════════════════════
   NEWSLETTER ARTICLE - DESIGN CLEAN
   ═══════════════════════════════════════════════════════════ */

.article-newsletter {
	margin: 32px 0 24px !important;
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

.article-newsletter__inner {
	display: block !important;
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 0 !important;
	position: relative !important;
}

.article-newsletter__inner::before,
.article-newsletter__inner::after {
	display: none !important;
	content: none !important;
}

/* Icon - Supprimer complètement */
.article-newsletter__icon {
	display: none !important;
}

/* Titre et description */
.article-newsletter__title {
	margin: 0 0 8px !important;
	font-size: 1.25rem !important;
	font-weight: 800 !important;
	color: #1a1a1a !important;
	line-height: 1.3 !important;
	text-align: right !important;
}

.article-newsletter__desc {
	margin: 0 0 16px !important;
	font-size: 0.95rem !important;
	color: #555 !important;
	line-height: 1.5 !important;
	text-align: right !important;
}

/* Form - Design minimal */
.article-newsletter__form {
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
	align-items: stretch !important;
	width: 100% !important;
	max-width: 500px !important;
	margin: 0 auto !important;
}

/* Input - Clean design */
.article-newsletter__input {
	width: 100% !important;
	height: 48px !important;
	padding: 12px 16px !important;
	font-size: 1rem !important;
	color: #1a1a1a !important;
	background: #fff !important;
	border: 2px solid #ddd !important;
	border-radius: 8px !important;
	box-shadow: none !important;
	transition: border-color 0.2s ease !important;
	direction: rtl !important;
	text-align: right !important;
}

.article-newsletter__input:focus {
	outline: none !important;
	border-color: #001D83 !important;
	box-shadow: 0 0 0 3px rgba(0, 29, 131, 0.1) !important;
}

.article-newsletter__input::placeholder {
	color: #999 !important;
}

/* Button - Brand colors simple */
.article-newsletter__btn {
	width: 100% !important;
	height: 48px !important;
	padding: 12px 20px !important;
	font-size: 1rem !important;
	font-weight: 700 !important;
	color: #fff !important;
	background: #007bff !important;
	border: none !important;
	border-radius: 8px !important;
	box-shadow: none !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	text-align: center !important;
}

.article-newsletter__btn:hover {
	background: #0056b3 !important;
	transform: none !important;
	box-shadow: none !important;
}

.article-newsletter__btn:active {
	transform: scale(0.98) !important;
}

/* Note - Texte simple */
.article-newsletter__note {
	margin: 8px 0 0 !important;
	font-size: 0.8rem !important;
	color: #777 !important;
	text-align: center !important;
	line-height: 1.4 !important;
}

/* ═══════════════════════════════════════════════════════════
   NEWSLETTER FOOTER - DESIGN CLEAN
   ═══════════════════════════════════════════════════════════ */

.site-footer .footer-newsletter,
.site-footer.site-footer--harmonized .footer-col--newsletter {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
}

.site-footer .footer-newsletter-title,
.site-footer.site-footer--harmonized .footer-newsletter-title {
	margin: 0 0 12px !important;
	font-size: 1.25rem !important;
	font-weight: 800 !important;
	color: #fff !important;
	text-align: right !important;
}

.site-footer .footer-newsletter-desc,
.site-footer.site-footer--harmonized .footer-newsletter-desc {
	margin: 0 0 16px !important;
	font-size: 0.95rem !important;
	color: rgba(255, 255, 255, 0.8) !important;
	text-align: right !important;
}

.site-footer .footer-newsletter-form,
.site-footer.site-footer--harmonized .footer-newsletter-form {
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
	align-items: stretch !important;
	width: 100% !important;
	max-width: 100% !important;
}

.site-footer .footer-newsletter-input,
.site-footer.site-footer--harmonized .footer-newsletter-input {
	width: 100% !important;
	height: 48px !important;
	padding: 12px 16px !important;
	font-size: 1rem !important;
	color: #1a1a1a !important;
	background: #fff !important;
	border: 2px solid transparent !important;
	border-radius: 8px !important;
	box-shadow: none !important;
	transition: border-color 0.2s ease !important;
	direction: rtl !important;
	text-align: right !important;
}

.site-footer .footer-newsletter-input:focus,
.site-footer.site-footer--harmonized .footer-newsletter-input:focus {
	outline: none !important;
	border-color: #FAA31B !important;
	box-shadow: 0 0 0 3px rgba(250, 163, 27, 0.2) !important;
}

.site-footer .footer-newsletter-input::placeholder,
.site-footer.site-footer--harmonized .footer-newsletter-input::placeholder {
	color: #999 !important;
}

.site-footer .footer-newsletter-btn,
.site-footer.site-footer--harmonized .footer-newsletter-btn {
	width: 100% !important;
	height: 48px !important;
	padding: 12px 20px !important;
	font-size: 1rem !important;
	font-weight: 700 !important;
	color: #001D83 !important;
	background: #FAA31B !important;
	border: none !important;
	border-radius: 8px !important;
	box-shadow: none !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	text-align: center !important;
}

.site-footer .footer-newsletter-btn:hover,
.site-footer.site-footer--harmonized .footer-newsletter-btn:hover {
	background: #E60000 !important;
	color: #fff !important;
	transform: none !important;
	box-shadow: none !important;
}

.site-footer .footer-newsletter-btn:active,
.site-footer.site-footer--harmonized .footer-newsletter-btn:active {
	transform: scale(0.98) !important;
}

/* Messages */
.site-footer .footer-newsletter-msg,
.site-footer.site-footer--harmonized .footer-newsletter-msg {
	margin: 8px 0 0 !important;
	font-size: 0.9rem !important;
	text-align: center !important;
}

.site-footer .footer-newsletter-msg--success,
.site-footer.site-footer--harmonized .footer-newsletter-msg--success {
	color: #8fd4a0 !important;
}

.site-footer .footer-newsletter-msg--error,
.site-footer.site-footer--harmonized .footer-newsletter-msg--error {
	color: #f0a0a0 !important;
}

/* ═══════════════════════════════════════════════════════════
   MOBILE RESPONSIVE
   ═══════════════════════════════════════════════════════════ */

@media (max-width: 768px) {
	.article-newsletter {
		margin: 24px 0 20px !important;
	}
	
	.article-newsletter__title {
		font-size: 1.1rem !important;
	}
	
	.article-newsletter__desc {
		font-size: 0.9rem !important;
	}
	
	.article-newsletter__form {
		max-width: 100% !important;
	}
	
	.article-newsletter__input,
	.article-newsletter__btn {
		height: 44px !important;
		font-size: 0.95rem !important;
	}
	
	/* Footer newsletter mobile */
	.site-footer .footer-newsletter-title,
	.site-footer.site-footer--harmonized .footer-newsletter-title {
		font-size: 1.1rem !important;
	}
	
	.site-footer .footer-newsletter-desc,
	.site-footer.site-footer--harmonized .footer-newsletter-desc {
		font-size: 0.9rem !important;
	}
	
	.site-footer .footer-newsletter-input,
	.site-footer.site-footer--harmonized .footer-newsletter-input,
	.site-footer .footer-newsletter-btn,
	.site-footer.site-footer--harmonized .footer-newsletter-btn {
		height: 44px !important;
		font-size: 0.95rem !important;
	}
}

@media (max-width: 480px) {
	.article-newsletter__title {
		font-size: 1rem !important;
	}
	
	.article-newsletter__desc {
		font-size: 0.85rem !important;
		margin-bottom: 12px !important;
	}
}

/* ═══════════════════════════════════════════════════════════
   DARK MODE - SI NÉCESSAIRE
   ═══════════════════════════════════════════════════════════ */

body.dark-mode .article-newsletter__title {
	color: #fff !important;
}

body.dark-mode .article-newsletter__desc {
	color: rgba(255, 255, 255, 0.8) !important;
}

body.dark-mode .article-newsletter__input {
	background: rgba(255, 255, 255, 0.1) !important;
	border-color: rgba(255, 255, 255, 0.2) !important;
	color: #fff !important;
}

body.dark-mode .article-newsletter__input::placeholder {
	color: rgba(255, 255, 255, 0.5) !important;
}

body.dark-mode .article-newsletter__input:focus {
	border-color: #FAA31B !important;
	box-shadow: 0 0 0 3px rgba(250, 163, 27, 0.2) !important;
}

body.dark-mode .article-newsletter__note {
	color: rgba(255, 255, 255, 0.6) !important;
}