/*
 * PublishPress Authors — observatorio-cero-theme
 *
 * Styles for PublishPress Authors box in single post sidebar.
 * Minimalist, seamless sidebar integration matching oc-recent-posts design language.
 *
 * Uses only CSS custom properties from theme.json / color-modes.css.
 * No !important declarations — uses precise CSS specificity scoping.
 */

/* ═══════════════════════════════════════════
 * Author Box Sidebar Section
 * ═══════════════════════════════════════════ */

.oc-sidebar .pp-multiple-authors-boxes-wrapper.pp-multiple-authors-wrapper,
.oc-sidebar-1 .pp-multiple-authors-boxes-wrapper.pp-multiple-authors-wrapper,
.pp-multiple-authors-boxes-wrapper.pp-multiple-authors-wrapper {
	background: transparent;
	border: none;
	border-radius: 0;
	padding: 0;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	box-shadow: none;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

/* Hide leftover wpautop filter p and br elements */
.pp-multiple-authors-boxes-wrapper > p,
.pp-multiple-authors-boxes-wrapper br {
	display: none;
}

/* ═══════════════════════════════════════════
 * Section Header / Title
 * ═══════════════════════════════════════════ */

.oc-sidebar .pp-multiple-authors-boxes-wrapper .widget-title.box-header-title,
.oc-sidebar .pp-multiple-authors-boxes-wrapper .box-header-title,
.oc-sidebar-1 .pp-multiple-authors-boxes-wrapper .widget-title.box-header-title,
.oc-sidebar-1 .pp-multiple-authors-boxes-wrapper .box-header-title,
.pp-multiple-authors-boxes-wrapper .box-header-title {
	font-size: var(--wp--preset--font-size--label-md);
	font-weight: var(--wp--custom--typography--font-weight--medium);
	letter-spacing: var(--wp--custom--typography--letter-spacing--label-sm);
	text-transform: uppercase;
	color: var(--wp--preset--color--on-surface-variant);
	border-bottom: var(--wp--custom--ui--decoration--border) solid var(--wp--preset--color--outline-variant);
	padding-bottom: var(--wp--preset--spacing--30);
	margin-top: 0;
	margin-bottom: var(--wp--preset--spacing--30);
	display: block;
}

/* ═══════════════════════════════════════════
 * Authors List Structure
 * ═══════════════════════════════════════════ */

.oc-sidebar .pp-multiple-authors-boxes-wrapper .pp-multiple-authors-boxes-ul,
.oc-sidebar-1 .pp-multiple-authors-boxes-wrapper .pp-multiple-authors-boxes-ul,
.pp-multiple-authors-boxes-wrapper .pp-multiple-authors-boxes-ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

/* 
 * Author Row - Uniform height (40px), pixel-perfect vertical centering,
 * hover style identical to oc-recent-posts (background-color + elevated shadow)
 */
.oc-sidebar .pp-multiple-authors-boxes-wrapper .pp-multiple-authors-boxes-li,
.oc-sidebar-1 .pp-multiple-authors-boxes-wrapper .pp-multiple-authors-boxes-li,
.pp-multiple-authors-boxes-wrapper .pp-multiple-authors-boxes-li {
	display: flex;
	align-items: center;
	gap: var(--wp--preset--spacing--30);
	padding: 0 var(--wp--preset--spacing--30);
	height: var(--wp--custom--ui--sizes--author-row);
	min-height: var(--wp--custom--ui--sizes--author-row);
	max-height: var(--wp--custom--ui--sizes--author-row);
	background: transparent;
	border: none;
	border-radius: var(--wp--custom--border-radius--md);
	margin: 0;
	width: 100%;
	box-sizing: border-box;
	box-shadow: none;
	transition:
		background-color var(--wp--custom--ui--interaction--medium),
		box-shadow var(--wp--custom--ui--interaction--medium);
}

/* Hover state matching oc-recent-posts-item:hover */
.oc-sidebar .pp-multiple-authors-boxes-wrapper .pp-multiple-authors-boxes-li:hover,
.oc-sidebar-1 .pp-multiple-authors-boxes-wrapper .pp-multiple-authors-boxes-li:hover,
.pp-multiple-authors-boxes-wrapper .pp-multiple-authors-boxes-li:hover {
	background: var(--wp--preset--color--surface-container);
	box-shadow: var(--wp--preset--shadow--elevated);
}

/* ═══════════════════════════════════════════
 * Avatar Styling (Fine border & vertical center)
 * ═══════════════════════════════════════════ */

.oc-sidebar .pp-multiple-authors-boxes-wrapper .pp-author-boxes-avatar,
.oc-sidebar-1 .pp-multiple-authors-boxes-wrapper .pp-author-boxes-avatar,
.pp-multiple-authors-boxes-wrapper .pp-author-boxes-avatar {
	flex-shrink: 0;
	width: var(--wp--custom--ui--sizes--author-avatar);
	height: var(--wp--custom--ui--sizes--author-avatar);
	margin: 0;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}

.oc-sidebar .pp-multiple-authors-boxes-wrapper .pp-author-boxes-avatar .avatar-image,
.oc-sidebar-1 .pp-multiple-authors-boxes-wrapper .pp-author-boxes-avatar .avatar-image,
.pp-multiple-authors-boxes-wrapper .pp-author-boxes-avatar .avatar-image {
	width: var(--wp--custom--ui--sizes--author-avatar);
	height: var(--wp--custom--ui--sizes--author-avatar);
	border-radius: var(--wp--custom--border-radius--full);
	overflow: hidden;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}

.oc-sidebar .pp-multiple-authors-boxes-wrapper .pp-author-boxes-avatar .author-avatar-link,
.oc-sidebar-1 .pp-multiple-authors-boxes-wrapper .pp-author-boxes-avatar .author-avatar-link,
.pp-multiple-authors-boxes-wrapper .pp-author-boxes-avatar .author-avatar-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--wp--custom--ui--sizes--author-avatar);
	height: var(--wp--custom--ui--sizes--author-avatar);
	border-radius: var(--wp--custom--border-radius--full);
	overflow: hidden;
	line-height: 1;
	transition: transform var(--wp--custom--ui--interaction--medium);
}

.oc-sidebar .pp-multiple-authors-boxes-wrapper .pp-author-boxes-avatar .author-avatar-link:hover,
.oc-sidebar-1 .pp-multiple-authors-boxes-wrapper .pp-author-boxes-avatar .author-avatar-link:hover,
.pp-multiple-authors-boxes-wrapper .pp-author-boxes-avatar .author-avatar-link:hover {
	transform: scale(var(--wp--custom--ui--scale--hover-avatar));
}

/* Fine border around the avatar image */
.oc-sidebar .pp-multiple-authors-boxes-wrapper.pp-multiple-authors-layout-simple_list.multiple-authors-target-shortcode .pp-author-boxes-avatar img,
.oc-sidebar .pp-multiple-authors-boxes-wrapper .pp-author-boxes-avatar img.avatar,
.oc-sidebar-1 .pp-multiple-authors-boxes-wrapper.pp-multiple-authors-layout-simple_list.multiple-authors-target-shortcode .pp-author-boxes-avatar img,
.oc-sidebar-1 .pp-multiple-authors-boxes-wrapper .pp-author-boxes-avatar img.avatar,
.pp-multiple-authors-boxes-wrapper .pp-author-boxes-avatar img.avatar {
	width: var(--wp--custom--ui--sizes--author-avatar);
	height: var(--wp--custom--ui--sizes--author-avatar);
	max-width: var(--wp--custom--ui--sizes--author-avatar);
	max-height: var(--wp--custom--ui--sizes--author-avatar);
	object-fit: cover;
	border-radius: var(--wp--custom--border-radius--full);
	border: var(--wp--custom--ui--decoration--border) solid var(--wp--preset--color--outline-variant);
	box-sizing: border-box;
	display: block;
	margin: 0;
	padding: 0;
}

/* ═══════════════════════════════════════════
 * Author Name (Strict Vertical Centering & Truncation)
 * ═══════════════════════════════════════════ */

.oc-sidebar .pp-multiple-authors-boxes-wrapper .pp-author-boxes-avatar-details,
.oc-sidebar-1 .pp-multiple-authors-boxes-wrapper .pp-author-boxes-avatar-details,
.pp-multiple-authors-boxes-wrapper .pp-author-boxes-avatar-details {
	flex: 1 1 auto;
	min-width: 0;
	display: inline-flex;
	align-items: center;
	height: 100%;
	margin: 0;
	padding: 0;
	line-height: 1;
}

.oc-sidebar .pp-multiple-authors-boxes-wrapper .pp-author-boxes-name.multiple-authors-name,
.oc-sidebar-1 .pp-multiple-authors-boxes-wrapper .pp-author-boxes-name.multiple-authors-name,
.pp-multiple-authors-boxes-wrapper .pp-author-boxes-name.multiple-authors-name {
	font-size: var(--wp--preset--font-size--body-sm);
	font-weight: var(--wp--custom--typography--font-weight--semibold);
	line-height: 1;
	margin: 0;
	padding: 0;
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
}

.oc-sidebar .pp-multiple-authors-boxes-wrapper .pp-author-boxes-name.multiple-authors-name a,
.oc-sidebar-1 .pp-multiple-authors-boxes-wrapper .pp-author-boxes-name.multiple-authors-name a,
.pp-multiple-authors-boxes-wrapper .pp-author-boxes-name.multiple-authors-name a {
	color: var(--wp--preset--color--on-surface);
	text-decoration: none;
	line-height: 1;
	transition:
		color var(--wp--custom--ui--interaction--medium),
		transform var(--wp--custom--ui--interaction--medium);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
}

/* Hover color & slight shift like oc-recent-posts */
.oc-sidebar .pp-multiple-authors-boxes-wrapper .pp-multiple-authors-boxes-li:hover .pp-author-boxes-name.multiple-authors-name a,
.oc-sidebar .pp-multiple-authors-boxes-wrapper .pp-author-boxes-name.multiple-authors-name a:hover,
.oc-sidebar-1 .pp-multiple-authors-boxes-wrapper .pp-multiple-authors-boxes-li:hover .pp-author-boxes-name.multiple-authors-name a,
.oc-sidebar-1 .pp-multiple-authors-boxes-wrapper .pp-author-boxes-name.multiple-authors-name a:hover,
.pp-multiple-authors-boxes-wrapper .pp-multiple-authors-boxes-li:hover .pp-author-boxes-name.multiple-authors-name a,
.pp-multiple-authors-boxes-wrapper .pp-author-boxes-name.multiple-authors-name a:hover {
	color: var(--wp--preset--color--primary);
}

.oc-sidebar .pp-multiple-authors-boxes-wrapper .pp-author-boxes-name.multiple-authors-name a:focus-visible,
.oc-sidebar-1 .pp-multiple-authors-boxes-wrapper .pp-author-boxes-name.multiple-authors-name a:focus-visible,
.pp-multiple-authors-boxes-wrapper .pp-author-boxes-name.multiple-authors-name a:focus-visible {
	outline: var(--wp--custom--ui--focus--width) solid var(--wp--preset--color--primary);
	outline-offset: var(--wp--custom--ui--focus--offset);
}

/* Hide unused metadata & prefixes */
.pp-multiple-authors-boxes-wrapper .pp-author-boxes-description,
.pp-multiple-authors-boxes-wrapper .ppma-author-field-meta,
.pp-multiple-authors-boxes-wrapper .ppma-layout-prefix,
.pp-multiple-authors-boxes-wrapper .ppma-layout-suffix {
	display: none;
}

/* ═══════════════════════════════════════════
 * Print & Accessibility
 * ═══════════════════════════════════════════ */

@media print {
	.pp-multiple-authors-boxes-wrapper {
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.pp-multiple-authors-boxes-wrapper,
	.pp-multiple-authors-boxes-wrapper .pp-multiple-authors-boxes-li,
	.pp-multiple-authors-boxes-wrapper .author-avatar-link {
		transition: none;
		transform: none;
	}
}