/**
 * Hybrid Load More — Chesterfield (and other enabled) Woo archives.
 */

.rs-archive-load-more {
	width: 100%;
	max-width: 42rem;
	margin: 1.75rem auto 1.25rem;
	padding: 0 1rem;
	text-align: center;
	box-sizing: border-box;
}

.rs-archive-load-more__btn {
	appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: min(100%, 22rem);
	padding: 0.95rem 1.75rem;
	border: 1px solid rgba(176, 141, 87, 0.55);
	border-radius: 999px;
	background:
		radial-gradient(120% 180% at 10% 0%, rgba(212, 179, 122, 0.22), transparent 55%),
		linear-gradient(180deg, #2a221c 0%, #1a1612 100%);
	color: #f7f1e8;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: clamp(1rem, 2.4vw, 1.125rem);
	font-weight: 600;
	letter-spacing: 0.02em;
	line-height: 1.25;
	cursor: pointer;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.08) inset,
		0 10px 28px rgba(21, 17, 14, 0.16);
	transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.rs-archive-load-more__btn:hover,
.rs-archive-load-more__btn:focus-visible {
	border-color: rgba(212, 179, 122, 0.85);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.1) inset,
		0 14px 34px rgba(21, 17, 14, 0.22);
	transform: translateY(-1px);
	outline: none;
}

.rs-archive-load-more__btn:disabled,
.rs-archive-load-more__btn.is-loading {
	cursor: wait;
	opacity: 0.88;
	transform: none;
}

.rs-archive-load-more__end {
	margin: 0.35rem 0 0;
	color: #5c534a;
	font-size: 0.95rem;
	line-height: 1.45;
}

.rs-archive-load-more__error {
	margin: 0.75rem 0 0;
	color: #6b3b2e;
	font-size: 0.92rem;
	line-height: 1.45;
}

.rs-archive-load-more__fallback {
	display: inline-block;
	margin-left: 0.35rem;
	color: #8a6a3a;
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

/* Keep numbered pagination crawlable; mute visually so Load More leads. */
body.rs-archive-load-more-on .woocommerce-pagination.wd-pagination,
body.rs-archive-load-more-on .woocommerce-pagination {
	margin-top: 0.75rem;
	margin-bottom: 1.5rem;
	opacity: 0.72;
}

body.rs-archive-load-more-on .woocommerce-pagination .page-numbers {
	font-size: 0.875rem;
}

@media (max-width: 640px) {
	.rs-archive-load-more {
		margin-top: 1.35rem;
		padding: 0 0.75rem;
	}

	.rs-archive-load-more__btn {
		min-width: 100%;
		padding: 0.9rem 1.25rem;
	}
}