/**
 * SN Blog Core — Author subscriptions styles.
 *
 * @package SN_Blog_Core
 * @since   1.0.0
 */

/* Subscribe area container */
.sn-subscribe-area {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}

/* Subscribe button */
.sn-subscribe-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 20px;
	border: 2px solid #e53935;
	border-radius: 6px;
	background: transparent;
	color: #e53935;
	font-family: 'Inter', system-ui, -apple-system, sans-serif;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: background-color 0.2s, color 0.2s, border-color 0.2s;
	white-space: nowrap;
}

.sn-subscribe-btn:hover {
	background: #e53935;
	color: #fff;
}

/* Subscribed state */
.sn-subscribe-btn.sn-subscribed {
	background: rgba(229, 57, 53, 0.15);
	border-color: #e53935;
	color: #e53935;
}

.sn-subscribe-btn.sn-subscribed .sn-subscribe-text::before {
	content: "\2713\00a0";
}

/* Hover on subscribed — show unsubscribe intent */
.sn-subscribe-btn.sn-subscribed.sn-hover-unsub {
	border-color: #f44336;
	background: rgba(244, 67, 54, 0.1);
	color: #f44336;
}

.sn-subscribe-btn.sn-subscribed.sn-hover-unsub .sn-subscribe-text::before {
	content: "\2717\00a0";
}

/* Loading state */
.sn-subscribe-btn.sn-loading {
	opacity: 0.7;
	pointer-events: none;
}

/* Subscriber count */
.sn-subscribe-count {
	font-size: 13px;
	color: var(--wp--preset--color--text-muted, #8a8a96);
}

/* Email form for non-logged-in users */
.sn-subscribe-form {
	display: flex;
	gap: 8px;
	align-items: stretch;
}

.sn-subscribe-email {
	padding: 8px 12px;
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: 6px;
	background: rgba(255, 255, 255, 0.05);
	color: var(--wp--preset--color--text-primary, #f5f5f5);
	font-family: 'Inter', system-ui, -apple-system, sans-serif;
	font-size: 14px;
	min-width: 200px;
	transition: border-color 0.2s;
}

.sn-subscribe-email:focus {
	outline: none;
	border-color: #e53935;
}

.sn-subscribe-email::placeholder {
	color: var(--wp--preset--color--text-muted, #8a8a96);
}

/* Confirmed subscription label */
.sn-subscribe-confirmed {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 16px;
	border-radius: 6px;
	background: rgba(76, 175, 80, 0.15);
	color: #4caf50;
	font-size: 14px;
	font-weight: 600;
}

.sn-subscribe-confirmed::before {
	content: "\2713";
}

/* Feedback messages */
.sn-subscribe-msg {
	width: 100%;
	padding: 8px 12px;
	border-radius: 6px;
	font-size: 13px;
	animation: sn-msg-fade 0.3s ease;
}

.sn-msg-success {
	background: rgba(76, 175, 80, 0.12);
	color: #4caf50;
}

.sn-msg-error {
	background: rgba(244, 67, 54, 0.12);
	color: #f44336;
}

@keyframes sn-msg-fade {
	from { opacity: 0; transform: translateY(-4px); }
	to { opacity: 1; transform: translateY(0); }
}

/* Responsive */
@media (max-width: 600px) {
	.sn-subscribe-form {
		flex-direction: column;
		width: 100%;
	}

	.sn-subscribe-email {
		min-width: unset;
		width: 100%;
	}

	.sn-subscribe-area {
		flex-direction: column;
		align-items: flex-start;
	}
}