/**
 * Section pages — sidebar-only additions (Information layout base).
 *
 * Scoped to body.ba-section-context so Information pages are unchanged.
 *
 * @package BiologicaPress
 */

/* Section page grid — Information sidebar + main + action rail (default 3-col from theme.css). */
@media (min-width: 1024px) {
	body.ba-section-context.ba-section-no-information-nav:not(.ba-section-rail-hidden) .ba-information-shell {
		grid-template-columns: minmax(0, 1fr) minmax(0, var(--ba-il-rail-width));
	}

	body.ba-section-context.ba-section-no-information-nav.ba-section-rail-hidden .ba-information-shell {
		grid-template-columns: minmax(0, 1fr);
	}

	body.ba-section-context:not(.ba-section-no-information-nav).ba-section-rail-hidden .ba-information-shell {
		grid-template-columns: minmax(0, var(--ba-il-sidenav-width)) minmax(0, 1fr);
	}

	body.ba-section-context.ba-section-rail-static .ba-information-rail--actions {
		position: static;
	}

	body.ba-section-context.ba-section-rail-hidden .ba-information-rail--actions {
		display: none;
	}
}

/* Right action panel */
body.ba-section-context .ba-information-rail--actions {
	padding: 0.75rem 0.85rem;
}

body.ba-section-context .ba-section-actions {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
}

body.ba-section-context .ba-section-actions__btn {
	display: block;
	width: 100%;
	padding: 0.45rem 0.55rem;
	font-size: 0.8125rem;
	font-weight: 600;
	line-height: 1.35;
	text-align: left;
	color: #334155;
	background: #fff;
	border: 1px solid var(--ba-sp-actions-border);
	border-radius: var(--ba-sp-actions-btn-radius);
	cursor: pointer;
	text-decoration: none;
	transition: color 0.12s ease, background-color 0.12s ease, border-color 0.12s ease;
}

body.ba-section-context .ba-section-actions__btn:hover,
body.ba-section-context .ba-section-actions__btn:focus-visible {
	color: #0e7490;
	background: #f0f9ff;
	border-color: #bae6fd;
	outline: none;
}

body.ba-section-context .ba-section-actions__btn.is-copied {
	color: #0e7490;
	background: #f0f9ff;
}

/* Hierarchy pager (footer of main column) */
body.ba-section-context .ba-section-hier-pager {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: var(--ba-sp-pager-gap);
	margin-top: 1.5rem;
	padding-top: 1rem;
	border-top: 1px solid var(--ba-sp-pager-border);
}

body.ba-section-context .ba-section-hier-pager__link {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	padding: 0.65rem 0.75rem;
	text-decoration: none;
	border: 1px solid var(--ba-sp-card-border);
	border-radius: var(--ba-sp-card-radius);
	background: var(--ba-sp-card-bg);
	transition: background-color 0.12s ease, border-color 0.12s ease;
}

body.ba-section-context .ba-section-hier-pager__link:hover,
body.ba-section-context .ba-section-hier-pager__link:focus-visible {
	background: #f0f9ff;
	border-color: #bae6fd;
	outline: none;
}

body.ba-section-context .ba-section-hier-pager__link--next {
	text-align: right;
}

body.ba-section-context .ba-section-hier-pager__label {
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #64748b;
}

body.ba-section-context .ba-section-hier-pager__title {
	font-size: 0.8125rem;
	font-weight: 600;
	color: #0f172a;
	line-height: 1.35;
}

/* Landing cards inside Information content area */
body.ba-section-context .ba-section-landing__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 0.85rem;
}

@media (min-width: 640px) {
	body.ba-section-context .ba-section-landing__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

body.ba-section-context .ba-section-card {
	padding: 1rem;
	border: 1px solid var(--ba-sp-card-border);
	border-radius: var(--ba-sp-card-radius);
	background: var(--ba-sp-card-bg);
	transition: border-color 0.12s ease, box-shadow 0.12s ease;
}

body.ba-section-context .ba-section-card:hover {
	border-color: #cbd5e1;
	box-shadow: var(--ba-sp-card-shadow-hover);
}

body.ba-section-context .ba-section-card__title {
	margin: 0 0 0.35rem;
	font-size: 1rem;
	font-weight: 700;
}

body.ba-section-context .ba-section-card__title a {
	color: #0f172a;
	text-decoration: none;
}

body.ba-section-context .ba-section-card__excerpt {
	margin: 0 0 0.65rem;
	font-size: 0.875rem;
	color: #64748b;
	line-height: 1.55;
}

body.ba-section-context .ba-section-card__cta {
	font-size: 0.8125rem;
	font-weight: 600;
	color: #0e7490;
	text-decoration: none;
}

@media (prefers-reduced-motion: reduce) {
	body.ba-section-context .ba-section-actions__btn,
	body.ba-section-context .ba-section-hier-pager__link,
	body.ba-section-context .ba-section-card {
		transition: none;
	}
}