/**
 * ApeChain Comics — Bootstrap-friendly catalog styles (child theme).
 */

.apechain-comics-archive .comic-card,
.apechain-comics-series .comic-card {
	border: 1px solid var(--bs-border-color, #dee2e6);
}

.apechain-comic-meta {
	margin: 1.5rem 0;
	padding: 1rem;
	border: 1px solid rgba(0, 39, 135, 0.12);
	background: var(--apechain-gm-blue, #e2f0ff);
	border-radius: var(--bs-border-radius, 0.375rem);
}

.apechain-comic-meta dl {
	display: grid;
	grid-template-columns: max-content 1fr;
	gap: 0.35rem 1rem;
	margin: 0;
}

.apechain-comic-meta dt {
	font-weight: 600;
}

.apechain-comic-cover {
	margin-bottom: 1.5rem;
}

.apechain-comic-cover img {
	max-width: 320px;
	height: auto;
}

.apechain-comic-hero-row {
	align-items: flex-start;
}

.apechain-comic-cover--hero .apechain-comic-cover__img {
	max-width: 100%;
	width: auto;
	height: auto;
	max-height: 520px;
}

.apechain-comic-cover--placeholder {
	min-height: 280px;
	background: var(--apechain-gm-blue, #e2f0ff);
}

.apechain-purchase-panel {
	border: 1px solid rgba(0, 39, 135, 0.12);
	box-shadow: var(--apechain-card-shadow, 0 0.35rem 1.25rem rgba(0, 39, 135, 0.1));
	background: var(--apechain-surface-elevated, #fff);
}

.apechain-purchase-panel .card-title {
	font-weight: 700;
}

.apechain-purchase-price {
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 1.2;
}

.apechain-purchase-price .woocommerce-Price-amount {
	font-size: inherit;
}

.apechain-purchase-dl {
	display: grid;
	grid-template-columns: max-content 1fr;
	gap: 0.35rem 0.75rem;
	font-size: 0.9rem;
}

.apechain-purchase-dl dt {
	font-weight: 600;
	margin: 0;
}

.apechain-purchase-dl dd {
	margin: 0;
}

.apechain-purchase-actions .single_add_to_cart_button,
.apechain-purchase-actions .btn.buy-now,
.apechain-purchase-actions button[type="submit"].btn {
	width: 100%;
}

.apechain-purchase-actions form.cart {
	margin-bottom: 0;
}

.apechain-payment-list__item {
	padding: 0.5rem 0;
	border-bottom: 1px solid var(--bs-border-color, #dee2e6);
}

.apechain-payment-list__item:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.apechain-comic-title {
	font-weight: 700;
	color: var(--apechain-secondary, #002787);
}

@media (min-width: 768px) {
	.apechain-comic-cover--hero {
		position: sticky;
		top: 1rem;
	}
}

.apechain-key-notes {
	margin-top: 1rem;
	padding: 0.75rem 1rem;
	background: var(--apechain-gm-blue, #e2f0ff);
	border-left: 3px solid var(--apechain-primary, #0054fa);
	border-radius: var(--bs-border-radius-sm, 0.25rem);
}

.apechain-comics-search .form-control,
.apechain-comics-search input[type="search"],
.apechain-comics-search input[type="text"] {
	max-width: 100%;
}

.apechain-featured-comics {
	list-style: none;
	padding-left: 0;
}

.apechain-featured-comics li {
	margin-bottom: 1rem;
}
