/**
 * Journal Access TPS - frontend styles.
 * Fonts: EB Garamond (body) / Hammersmith One (headings + button).
 * Scoped under .jat-* to avoid theme conflicts.
 */

.jat-access {
	font-family: 'EB Garamond', Georgia, 'Times New Roman', serif;
	line-height: 1.6;
}

.jat-access *,
.jat-access *::before,
.jat-access *::after {
	box-sizing: border-box;
}

.jat-heading {
	margin: 0 0 14px;
	font-family: 'Hammersmith One', 'Arial Black', Arial, sans-serif;
	font-weight: 400;
	font-size: 24px;
	line-height: 1.3;
	color: #201D1A;
}

/* ---- Access button ---- */

.jat-btn {
	display: inline-block;
	background-color: #39ABAC;
	border: 2px solid #39ABAC;
	color: #ffffff;
	font-family: 'Hammersmith One', 'Arial Black', Arial, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.2;
	letter-spacing: 0.02em;
	text-align: center;
	text-decoration: none;
	padding: 14px 30px;
	cursor: pointer;
	transition:
		background-color 0.25s ease,
		color 0.25s ease,
		border-color 0.25s ease;
	-webkit-tap-highlight-color: transparent;
}

.jat-btn:hover,
.jat-btn:focus {
	background-color: #ffffff;
	border-color: #39ABAC;
	color: #39ABAC;
	text-decoration: none;
}

.jat-btn:focus-visible {
	outline: 2px solid #39ABAC;
	outline-offset: 3px;
}

.jat-btn:active {
	transform: translateY(1px);
}

/* ---- Login note ---- */

.jat-login-note {
	margin: 0;
	font-size: 18px;
	color: #201D1A;
}

.jat-login-link {
	color: #39ABAC;
	text-decoration: underline;
}

.jat-login-link:hover {
	color: #2a7d7e;
}

/* ---- Error page (wp_die output) ---- */

.jat-error-page {
	max-width: 640px;
	margin: 40px auto;
	padding: 24px;
	font-family: 'EB Garamond', Georgia, serif;
	font-size: 18px;
	line-height: 1.6;
	text-align: center;
}

.jat-error-page h1 {
	font-family: 'Hammersmith One', sans-serif;
	font-weight: 400;
	font-size: 26px;
}

.jat-error-page a {
	color: #39ABAC;
}

.jat-debug {
	display: block;
	margin-top: 8px;
	font-family: Consolas, Monaco, monospace;
	font-size: 12px;
	color: #666;
	word-break: break-all;
}