/* =============================================================================
   Marketingbright — References / APA Citations CSS
   Loaded on: singular `docs` pages + body.tmpl-references archive page

   1. .mb-references       — section on single doc pages
   2. body.tmpl-references — References archive template
   ============================================================================= */

/* =============================================================================
   1. References section — single doc page
   ============================================================================= */

.mb-references {
	margin-top: var(--mb-space-8, 2rem);
	padding-top: var(--mb-space-8, 2rem);
	border-top: 1px solid var(--mb-color-border, #e5e7eb);
}

.mb-references__heading {
	font-size: var(--mb-text-xs, 0.75rem);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--mb-color-text-muted, #7e868c);
	margin-bottom: var(--mb-space-4, 1rem);
	margin-top: 0;
}

.mb-references__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.mb-references__item {
	padding-block: var(--mb-space-4, 1rem);
	border-top: 1px solid var(--mb-color-border, #e5e7eb);
	border-radius: var(--mb-radius-sm, 4px);
	transition: background-color 0.15s ease;
}

.mb-references__item:first-child {
	border-top: none;
}

.mb-references__item:hover {
	background-color: var(--mb-color-bg-subtle, #f2f5f7);
	padding-inline: var(--mb-space-3, 0.75rem);
}

.mb-references__citation {
	font-size: var(--mb-text-sm, 0.875rem);
	color: var(--mb-color-text, #2f373d);
	line-height: var(--mb-leading-relaxed, 1.625);
	margin: 0;
}

.mb-references__year {
	color: var(--mb-color-text-muted, #7e868c);
}

/* Only the title <a> is a hyperlink — container has no pointer cursor */
.mb-references__title-link {
	color: var(--mb-color-secondary, #257cff);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.mb-references__title-link:hover,
.mb-references__title-link:focus {
	color: var(--mb-color-primary, #f45a2a);
}

.mb-references__meta {
	color: var(--mb-color-text-muted, #7e868c);
}

/* =============================================================================
   2. References archive template — body.tmpl-references
   ============================================================================= */

body.tmpl-references .mb-references__heading {
	font-size: var(--mb-text-sm, 0.875rem);
}

body.tmpl-references .mb-references__item {
	display: flex;
	align-items: flex-start;
	gap: var(--mb-space-4, 1rem);
}

/* Cover image — only rendered on archive template */
.mb-references__cover {
	flex-shrink: 0;
}

.mb-references__cover img {
	width: 56px;
	height: auto;
	border-radius: var(--mb-radius-sm, 4px);
	display: block;
	box-shadow: var(--mb-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.12));
}

.mb-references__citation-wrap {
	flex: 1;
	min-width: 0;
}

/* Archive page layout */
body.tmpl-references .mb-tmpl-references {
	padding-block: var(--mb-space-12, 3rem);
}

.mb-references-archive__hero {
	padding-block: var(--mb-space-10, 2.5rem);
}

.mb-references-archive__title {
	margin-top: 0;
	margin-bottom: var(--mb-space-3, 0.75rem);
}

.mb-references-archive__intro {
	color: var(--mb-color-text-muted, #7e868c);
	font-size: var(--mb-text-base, 1rem);
	line-height: var(--mb-leading-loose, 1.8);
	margin: 0;
}

.mb-references-archive__body {
	padding-bottom: var(--mb-space-16, 4rem);
}

.mb-references-archive__empty {
	color: var(--mb-color-text-muted, #7e868c);
	font-size: var(--mb-text-base, 1rem);
}

/* Category grouping */
.mb-references-archive__category {
	margin-bottom: var(--mb-space-12, 3rem);
}

.mb-references-archive__category-title {
	font-size: var(--mb-text-lg, 1.125rem);
	font-weight: 700;
	color: var(--mb-color-text-heading, #2f373d);
	padding-bottom: var(--mb-space-3, 0.75rem);
	border-bottom: 2px solid var(--mb-color-border, #e5e7eb);
	margin-top: 0;
	margin-bottom: var(--mb-space-6, 1.5rem);
}

/* Individual doc within a category */
.mb-references-archive__doc {
	margin-bottom: var(--mb-space-8, 2rem);
}

.mb-references-archive__doc-title {
	font-size: var(--mb-text-base, 1rem);
	font-weight: 600;
	margin-top: 0;
	margin-bottom: var(--mb-space-3, 0.75rem);
}

.mb-references-archive__doc-link {
	color: var(--mb-color-text-heading, #2f373d);
	text-decoration: none;
}

.mb-references-archive__doc-link:hover,
.mb-references-archive__doc-link:focus {
	color: var(--mb-color-secondary, #257cff);
	text-decoration: underline;
}

/* Methodology note — bottom of archive page */
.mb-references-archive__methodology {
	padding-block: var(--mb-space-10, 2.5rem);
	border-top: 1px solid var(--mb-color-border, #e5e7eb);
}

.mb-references-archive__methodology-title {
	font-size: var(--mb-text-base, 1rem);
	font-weight: 700;
	color: var(--mb-color-text-heading, #2f373d);
	margin-top: 0;
	margin-bottom: var(--mb-space-3, 0.75rem);
}

.mb-references-archive__methodology p,
.mb-references-archive__methodology ul {
	font-size: var(--mb-text-sm, 0.875rem);
	color: var(--mb-color-text-muted, #7e868c);
	line-height: var(--mb-leading-relaxed, 1.625);
	margin-top: 0;
	margin-bottom: var(--mb-space-3, 0.75rem);
}

.mb-references-archive__methodology ul {
	padding-left: var(--mb-space-5, 1.25rem);
}

.mb-references-archive__methodology a {
	color: var(--mb-color-secondary, #257cff);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.mb-references-archive__methodology a:hover,
.mb-references-archive__methodology a:focus {
	color: var(--mb-color-primary, #f45a2a);
}