/* ------------------------------------------------------------------ *
 * Blog sidebar cards — "Meet Olga" + "Popular Categories".
 *
 * Rendered by inc/blog-sidebar.php into Kadence's .sidebar-inner-wrap via
 * the kadence_before_sidebar hook. Colours are Kadence global-palette
 * tokens so they track any Customizer palette change:
 *   palette1 gold accent · palette2 maroon · palette3 strong · palette4 body
 *   palette5 medium · palette6 subtle · palette7 tan BG · palette8 cream BG
 * Fraunces (the theme display serif) carries the headings.
 * ------------------------------------------------------------------ */

.sidebar-inner-wrap .mcs-sidebar-card {
	margin-bottom: 2rem;
}
.sidebar-inner-wrap .mcs-sidebar-card:last-child {
	margin-bottom: 0;
}

/* ---- Meet Olga ---------------------------------------------------- */
.mcs-author-card {
	background: var(--global-palette8);
	border: 1px solid rgba(74, 36, 24, 0.06);
	border-radius: 18px;
	box-shadow: 0 10px 30px -18px rgba(74, 36, 24, 0.35);
	padding: 1.75rem 1.5rem 1.5rem;
	text-align: center;
}

.mcs-author-card__title {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.4em;
	margin: 0 0 1.1rem;
	font-family: 'Fraunces', Georgia, serif;
	font-style: italic;
	font-weight: 600;
	font-size: clamp(1.8rem, 2.4vw, 2.2rem);
	line-height: 1.1;
	color: var(--global-palette2);
}
.mcs-author-card__title .mcs-sidebar-icon {
	width: 22px;
	height: 22px;
	color: var(--global-palette1);
}

.mcs-author-card__photo {
	margin: 0 0 1.25rem;
	border-radius: 14px;
	overflow: hidden;
}
.mcs-author-card__photo img {
	display: block;
	width: 100%;
	height: auto;
}

.mcs-author-card__bio {
	color: var(--global-palette4);
	font-size: 0.975rem;
	line-height: 1.6;
}
.mcs-author-card__bio p {
	margin: 0 0 0.75rem;
}
.mcs-author-card__bio p:last-child {
	margin-bottom: 0;
}

.mcs-author-card__highlight {
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	gap: 0.35rem 0.85rem;
	margin-top: 1.25rem;
	padding-top: 1.25rem;
	border-top: 1px solid rgba(74, 36, 24, 0.12);
}
.mcs-author-card__stat-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: var(--global-palette7);
	color: var(--global-palette2);
}
.mcs-author-card__stat {
	text-align: left;
	font-weight: 700;
	line-height: 1.25;
	color: var(--global-palette3);
}
.mcs-author-card__tagline {
	grid-column: 1 / -1;
	margin: 0.35rem 0 0;
	font-family: 'Fraunces', Georgia, serif;
	font-style: italic;
	font-size: 0.95rem;
	line-height: 1.4;
	color: var(--global-palette5);
}

.mcs-author-card__cta {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5em;
	margin-top: 1.4rem;
	padding: 0.85rem 1.25rem;
	border-radius: 10px;
	background: var(--global-palette2);
	color: #fff;
	font-size: 0.82rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-decoration: none;
	transition: background 0.15s ease, transform 0.15s ease;
}
.mcs-author-card__cta:hover {
	background: var(--global-palette3);
	color: #fff;
	transform: translateY(-1px);
}
.mcs-author-card__cta-arrow {
	transition: transform 0.15s ease;
}
.mcs-author-card__cta:hover .mcs-author-card__cta-arrow {
	transform: translateX(3px);
}

/* ---- Popular Categories ------------------------------------------- */
.mcs-cats-card {
	padding: 0.25rem 0.25rem 0;
}
.mcs-cats-card__title {
	margin: 0 0 0.5rem;
	font-family: 'Fraunces', Georgia, serif;
	font-weight: 600;
	font-size: 1.4rem;
	color: var(--global-palette3);
}
.mcs-cats-card__list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.mcs-cats-card__item {
	margin: 0;
}
.mcs-cats-card__link {
	display: flex;
	align-items: center;
	gap: 0.85rem;
	padding: 0.85rem 0.25rem;
	border-bottom: 1px solid rgba(74, 36, 24, 0.1);
	color: var(--global-palette4);
	font-weight: 500;
	text-decoration: none;
	transition: color 0.15s ease, padding-left 0.15s ease;
}
.mcs-cats-card__link:hover {
	padding-left: 0.5rem;
	color: var(--global-palette2);
}
.mcs-cats-card__icon {
	display: inline-flex;
	flex-shrink: 0;
	color: var(--global-palette1);
}
/* The shared illustrations (mcs_get_illustration_svg) use a 64x64 viewBox
   with no width/height — size them down for the list. */
.mcs-cats-card__icon svg {
	width: 26px;
	height: 26px;
}
.mcs-cats-card__label {
	flex: 1;
}
.mcs-cats-card__chev {
	font-size: 1.3rem;
	line-height: 1;
	color: var(--global-palette6);
}
.mcs-cats-card__link:hover .mcs-cats-card__chev {
	color: var(--global-palette2);
}

.mcs-cats-card__viewall {
	display: inline-flex;
	align-items: center;
	gap: 0.4em;
	margin-top: 1rem;
	color: var(--global-palette2);
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-decoration: none;
}
.mcs-cats-card__viewall:hover {
	color: var(--global-palette3);
}

/* ---- Override Kadence's sidebar link styling ---------------------- *
 * The sidebar carries `sidebar-link-style-normal`, which underlines links
 * and recolours them on hover — that bleeds into our bespoke card links
 * and the CTA button (dark link-hover colour + underline on a dark button).
 * Force our own treatment. !important is needed to beat the theme's
 * sidebar link rules; same house style as kadence-overrides.css.
 * ------------------------------------------------------------------ */
.mcs-author-card__cta,
.mcs-author-card__cta:hover,
.mcs-author-card__cta:focus,
.mcs-cats-card__link,
.mcs-cats-card__link:hover,
.mcs-cats-card__link:focus,
.mcs-cats-card__viewall,
.mcs-cats-card__viewall:hover,
.mcs-cats-card__viewall:focus {
	text-decoration: none !important;
	box-shadow: none !important;
}
.mcs-author-card__cta,
.mcs-author-card__cta:hover,
.mcs-author-card__cta:focus {
	color: #fff !important;
}