/* WP Newsletter – feliratkozási form stílusok */

:root {
	--wpn-btn-bg:       #0073aa;
	--wpn-btn-color:    #ffffff;
	--wpn-input-border: #cccccc;
	--wpn-focus-color:  #0073aa;
	--wpn-max-width:    480px;
	--wpn-radius:       4px;
}

.wpn-form-wrap {
	max-width: var(--wpn-max-width);
}

.wpn-form-title {
	margin-bottom: 1em;
}

.wpn-field {
	margin-bottom: 1em;
}

.wpn-field label {
	display: block;
	margin-bottom: 0.3em;
	font-weight: 600;
}

.wpn-field input[type="text"],
.wpn-field input[type="email"] {
	display: block;
	width: 100%;
	padding: 0.5em 0.75em;
	border: 1px solid var(--wpn-input-border);
	border-radius: var(--wpn-radius);
	font-size: 1em;
	box-sizing: border-box;
}

.wpn-field input:focus {
	outline: 2px solid var(--wpn-focus-color);
	border-color: var(--wpn-focus-color);
}

.wpn-submit-btn {
	display: inline-block;
	padding: 0.6em 1.4em;
	background: var(--wpn-btn-bg);
	color: var(--wpn-btn-color);
	border: none;
	border-radius: var(--wpn-radius);
	font-size: 1em;
	cursor: pointer;
	transition: opacity 0.2s ease;
}

.wpn-submit-btn:hover {
	opacity: 0.85;
}

.wpn-submit-btn:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

.wpn-message {
	display: none;
	margin-top: 0.75em;
	padding: 0.6em 0.9em;
	border-radius: var(--wpn-radius);
	font-size: 0.95em;
}

.wpn-message--success {
	background: #d4edda;
	color: #155724;
	border: 1px solid #c3e6cb;
}

.wpn-message--error {
	background: #f8d7da;
	color: #721c24;
	border: 1px solid #f5c6cb;
}