/**
 * Blockquote — Common base CSS (loads for every style).
 *
 * Style-specific look (border, card, mark, highlight, centered) lives in the
 * per-style files. This file only handles shared structure so every variant
 * stays aligned and predictable.
 *
 * @package captain-widgets-kit
 * @since   1.3.0
 */

.captwiki-blockquote {
	--captwiki-bq-accent: #6366f1;
	position: relative;
	display: block;
	margin: 0;
	quotes: none;
	box-sizing: border-box;
}

.captwiki-blockquote *,
.captwiki-blockquote *::before,
.captwiki-blockquote *::after {
	box-sizing: border-box;
}

.captwiki-blockquote__content {
	position: relative;
}

.captwiki-blockquote__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 40px;
	line-height: 1;
	color: var( --captwiki-bq-accent );
}

.captwiki-blockquote__icon svg {
	display: block;
	width: 1em;
	height: 1em;
	fill: currentColor;
}

.captwiki-blockquote__icon i {
	font-size: inherit;
	line-height: 1;
	font-style: normal;
}

.captwiki-blockquote__text {
	margin: 0 0 22px;
	font-size: 20px;
	line-height: 1.6;
	color: #1f2937;
}

.captwiki-blockquote__footer {
	display: flex;
	align-items: center;
	gap: 14px;
	margin: 0;
	font-style: normal;
}

.captwiki-blockquote__avatar {
	flex: 0 0 auto;
	width: 52px;
	height: 52px;
	object-fit: cover;
	border-radius: 50%;
	display: block;
}

.captwiki-blockquote__meta {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.captwiki-blockquote__author {
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.3;
	color: #111827;
}

.captwiki-blockquote__role {
	font-size: 14px;
	line-height: 1.4;
	color: #6b7280;
}

.captwiki-blockquote__source {
	font-size: 13px;
	line-height: 1.4;
	color: #9ca3af;
}

.captwiki-blockquote__source a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
	transition: color 0.2s ease;
}

.captwiki-blockquote__source a:hover {
	color: var( --captwiki-bq-accent );
}

/* Centered alignment keeps the author block aligned with the text. */
.captwiki-blockquote[style*="text-align: center"] .captwiki-blockquote__footer,
.captwiki-blockquote[style*="text-align:center"] .captwiki-blockquote__footer {
	justify-content: center;
}

.captwiki-blockquote[style*="text-align: right"] .captwiki-blockquote__footer,
.captwiki-blockquote[style*="text-align:right"] .captwiki-blockquote__footer {
	justify-content: flex-end;
}
