/* Widget Styles - Adapted from Preview */
.zmon-bio-box-widget {
	position: relative;
	background: transparent;
	color: inherit;
	border: 1px solid rgba(0, 0, 0, 0.08);
	/* Subtle Border */
	border-radius: 12px;
	/* Modern Soft Radius */
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04);
	/* Soft Diffuse Shadow */
	margin: 24px 0;
	font-family: inherit;
	/* overflow: hidden; Removed to allow tooltip visibility */
	box-sizing: border-box;
}

.zmon-bio-box-widget * {
	box-sizing: border-box;
}

/* Tabs Container */
/* Tabs Container */
/* Tabs Container */
.zmon-bio-box-widget .zmon-bio-box-tabs {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	/* Delicate Divider */
	background-color: #f8f9fa;
	/* Clean Soft Grey */
	background-image: none;
	/* No Patterns */
	color: #1e293b;
	padding: 0 0 0 24px !important;
	/* Flush Right for Button */
	height: 60px;
	/* Fixed height for vertical rhythm */
	border-radius: 12px 12px 0 0;
	/* Soft Top Radius */
}

/* Nav Container */
/* Nav Container */
/* Nav Container */
.zmon-bio-box-widget .zmon-bio-box-nav {
	display: flex;
	gap: 12px;
	/* Comfortable Spacing */
	margin: 0;
	padding: 0;
	/* No inner padding */
	background: transparent;
	/* Remove inner background */
	border-bottom: none;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	border-radius: 0;
	width: auto;
	/* Intrinsic Width */
	height: 100%;
}


/* Tab Items */
.zmon-bio-box-widget .zmon-bio-box-tab-caption {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 15px;
	font-weight: 600;
	/* Medium Weight */
	color: #64748b;
	/* Slate Grey */
	text-transform: capitalize;
	/* Title Case */
	letter-spacing: normal;
	/* Natural Spacing */
	font-size: 14px;
	/* Readable Size */
	cursor: pointer;
	border: none !important;
	transition: all 0.2s ease;
	font-family: inherit;
	background: transparent !important;
	flex: 1 !important;
	/* Allow flex growth */
	width: auto !important;
	/* Allow width to adapt */
	position: relative;
	/* Reset styles */
	border-radius: 4px 4px 0 0;
	/* Folder Tab Radius */
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	opacity: 1;
	z-index: 1;
	padding: 0 !important;
	/* Removed container padding to push borders to edge */
	margin: 0 !important;
	box-sizing: border-box !important;
}

.zmon-bio-box-widget .zmon-bio-box-tab-caption:hover {
	color: #1e293b;
	background: transparent !important;
	transform: none;
	/* Stable */
}

/* Minimalist Tabs - No Indicator */
.zmon-bio-box-widget .zmon-bio-box-tab-caption a::after {
	display: none !important;
}


/* Remove Container Pseudo Element */
.zmon-bio-box-widget .zmon-bio-box-tab-caption::after {
	display: none !important;
}

.zmon-bio-box-widget .zmon-bio-box-nav .zmon-bio-box-tab-caption.selected,
.zmon-bio-box-widget .zmon-bio-box-tab-caption.selected {
	opacity: 1 !important;
	border: none !important;
	border-top: 3px solid #1e293b !important;
	/* Subtle Top Accent Restored */
	border-bottom: none !important;
	background-color: #ffffff !important;
	background-image: none !important;
	/* Pure Clean White */
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	color: #1e293b !important;
	/* Dark Slate Text */
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
	/* Soft Shadow */
	transform: none;
	/* Stable */
	z-index: 10;
	position: relative;
	/* overflow: hidden; Removed to prevent text truncation */
	box-sizing: border-box !important;
	/* Ensure padding includes border */
	margin-top: 0 !important;
	border-radius: 8px 8px 0 0;
	/* Rounded Top Card */
}

/* Removed Noise Overlay */
.zmon-bio-box-widget .zmon-bio-box-tab-caption.selected::before {
	display: none;
}

/* Show Indicator on Selected */
.zmon-bio-box-widget .zmon-bio-box-tab-caption.selected a::after {
	transform: scaleX(1);
	opacity: 1;
}

.zmon-bio-box-widget .zmon-bio-box-tab-caption.selected a {
	transform: none;
	/* Normal Scale */
	letter-spacing: normal;
	/* Normal Spacing */
	font-weight: 700;
	/* Bold Impact */
	padding: 0 16px !important;
	/* Wider Active Area */
}


.zmon-bio-box-widget .zmon-bio-box-tab-caption a {
	text-decoration: none !important;
	color: inherit !important;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 12px !important;
	/* 12px Horizontal Padding */
	width: 100%;
	height: 100%;
	position: relative;
	white-space: nowrap !important;
	/* Prevent wrapping */
	transition: all 0.2s ease;
	/* Fast Smooth */
	outline: none !important;
	box-shadow: none !important;
}

.zmon-bio-box-widget .zmon-bio-box-tab-caption a:focus,
.zmon-bio-box-widget .zmon-bio-box-tab-caption a:active {
	outline: none !important;
	box-shadow: none !important;
	background: transparent !important;
}



@media (max-width: 480px) {
	.zmon-bio-box-widget .zmon-bio-box-nav {
		justify-content: flex-start;
		/* Left align scrollable on mobile if needed, or center */
		gap: 20px;
		width: 100%;
		overflow-x: auto;
		/* Allow scrolling if many tabs */
		scrollbar-width: none;
		/* Hide scrollbar */
	}

	.zmon-bio-box-widget .zmon-bio-box-nav::-webkit-scrollbar {
		display: none;
	}

	.zmon-bio-box-widget .zmon-bio-box-tab-caption {
		font-size: 14px;
		white-space: nowrap;
	}
}

/* Say Thanks Icon & Animation */
.zmon-bio-box-widget .zmon-bio-box-say-thanks {
	position: relative;
	display: flex;
	align-items: center;
	margin-left: auto;
	flex-direction: row !important;
	gap: 0;
	/* Gap handled by expansion */
	height: 100%;
	/* Full Height for Alignment */
}

.zmon-bio-box-widget .zmon-bio-box-say-thanks-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	outline: none;
	height: 100%;
	/* Full Height */
	width: 60px;
	/* Full Square */
	position: relative;
	z-index: 2;
}

.zmon-bio-box-widget .zmon-bio-box-say-thanks-icon {
	width: 20px;
	height: 20px;
	color: #64748b;
	/* Slate 500 */
	opacity: 1;
	transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
	/* Springy */
	display: block;
}

.zmon-bio-box-widget .zmon-bio-box-say-thanks:hover .zmon-bio-box-say-thanks-icon {
	color: #1e293b;
	transform: scale(1.1) rotate(5deg);
	/* Subtle reaction */
}

/* Hover Gradient for Z-Icon */
.zmon-bio-box-widget .zmon-bio-box-say-thanks-btn:hover .zmon-z-logo-3 path {
	stroke: url(#zmon-z-gradient-pwbb) !important;
	fill: none !important;
	transition: stroke 0.3s ease;
}

/* Expansion Label (Replacing Tooltip) */
.zmon-bio-box-widget .zmon-bio-box-say-thanks-tooltip {
	display: flex;
	align-items: center;
	position: relative;
	bottom: auto;
	right: auto;
	background: #f1f5f9;
	/* Light Tint */
	color: #64748b;
	padding: 4px 12px;
	/* Comfortable Padding */
	border-radius: 6px;
	/* Rounded Pill */
	font-size: 13px;
	font-weight: 500;
	white-space: nowrap;
	margin: 0;
	box-shadow: none;
	pointer-events: none;
	overflow: hidden;
	max-width: 0;
	opacity: 0;
	transform: translateX(10px);
	/* Start slightly overlapping */
	transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
	/* Smooth Slide */
	height: 32px;
	/* Fixed Height Pill */
}

/* Hover State - Expand */
.zmon-bio-box-widget .zmon-bio-box-say-thanks:hover .zmon-bio-box-say-thanks-tooltip {
	max-width: 200px;
	/* Sufficient width */
	opacity: 1;
	transform: translateX(0);
	padding-right: 12px;
	/* Space between text and icon */
	pointer-events: auto;
	margin-right: 8px;
	/* Space from button */
}

/* Hide Arrow */
.zmon-bio-box-widget .zmon-bio-box-say-thanks-tooltip::before {
	display: none;
}

.zmon-bio-box-widget .zmon-bio-box-say-thanks-tooltip a {
	color: #1e293b;
	text-decoration: none;
	font-weight: 600;
	pointer-events: auto;
	transition: color 0.2s;
	margin-left: 4px;
}

.zmon-bio-box-widget .zmon-bio-box-say-thanks-tooltip a:hover {
	color: #3b82f6;
	text-decoration: underline;
}

.zmon-bio-box-widget .zmon-bio-box-say-thanks:hover .zmon-bio-box-say-thanks-tooltip {
	display: block;
	pointer-events: auto;
}

/* Footer Info Section - Version, Help Text, and Info Icon */
.zmon-bio-box-widget .zmon-bio-box-footer-info {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-left: auto;
}

.zmon-bio-box-widget .zmon-bio-box-version {
	font-size: 10px;
	color: #64748b;
	font-weight: 600;
}

.zmon-bio-box-widget .zmon-bio-box-help-text {
	font-size: 10px;
	color: #64748b;
	font-weight: 500;
}

/* Tab Content Display Logic */
.zmon-bio-box-widget .zmon-bio-box-content-pane .zmon-bio-box-tab-content {
	display: block !important;
}

/* Content */
/* Content */
.zmon-bio-box-widget .zmon-bio-box-content {
	padding: 20px;
	display: flex;
	flex-direction: column;
}

.zmon-bio-box-widget .zmon-bio-box-content-pane {
	width: 100%;
	/* Ensure full width in flex container */
	display: none !important;
	animation: fadeIn 0.3s ease;
}

.zmon-bio-box-widget .zmon-bio-box-content-pane.show {
	display: block !important;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(5px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Author Tab */
.zmon-bio-box-widget .zmon-bio-box-author-bio {
	display: flex;
	align-items: flex-start;
	gap: 25px;
	padding: 0;
}

.zmon-bio-box-widget .zmon-bio-box-avatar {
	flex: 0 0 auto;
	/* Changed from 120px to auto - let image size determine width */
	padding: 0;
	min-width: auto;
	max-width: none;
}

.zmon-bio-box-widget .zmon-bio-box-avatar img {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	object-fit: cover;
	border: 4px solid rgba(255, 255, 255, 0.5);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.zmon-bio-box-widget .zmon-bio-box-bio {
	flex: 1;
	padding: 0;
}

.zmon-bio-box-widget .zmon-bio-box-author-name {
	margin: 0 0 5px;
	font-size: 24px;
	font-weight: 800;
	color: inherit;
	letter-spacing: -0.02em;
	font-family: inherit;
}

.zmon-bio-box-widget .zmon-bio-box-author-title {
	margin: 0 0 15px;
	font-size: 14px;
	color: inherit;
	opacity: 0.9;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.zmon-bio-box-widget .zmon-bio-box-author-bio-text {
	flex: 1;
	font-size: 16px;
	line-height: 1.7;
	color: inherit;
	padding: 0;
	text-align: left;
}

/* Footer */
.zmon-bio-box-widget .zmon-bio-box-author-footer {
	margin-top: 25px;
	padding-top: 20px;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: none;
}

.zmon-bio-box-widget .zmon-bio-box-author-social-media {
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
	display: flex;
	gap: 12px;
}

.zmon-bio-box-widget .zmon-bio-box-author-social-media li {
	padding: 0 !important;
	margin: 0 !important;
}

.zmon-bio-box-widget .zmon-bio-box-author-social-media a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: transparent !important;
	color: var(--zmon-button-text-color, #1e293b);
	/* Darker default color */
	font-size: 16px;
	text-decoration: none;
	transition: all 0.2s ease;
	opacity: 1;
	padding: 0 !important;
	border: 1px solid #000;
	/* Black outline */
}

/* Inactive state for social icons without usernames */
.zmon-bio-box-widget .zmon-bio-box-author-social-media a.zmon-icon-inactive {
	opacity: 0.3;
	transition: opacity 0.2s ease;
}

.zmon-bio-box-widget .zmon-bio-box-author-social-media a.zmon-icon-inactive:hover {
	opacity: 0.6;
}

.zmon-bio-box-widget .zmon-bio-box-author-social-media a:hover {
	background: #000 !important;
	/* Black background on hover */
	color: #fff;
	/* White icon color on hover */
	transform: scale(1.1);
	/* Slight grow */
	filter: none;
	box-shadow: none;
	border-color: #000;
}

.zmon-bio-box-widget .zmon-bio-box-author-social-media a:hover .zmon-bio-box-icon {
	background-color: currentColor !important;
}

/* Placeholder/Generic Button Styling */
.zmon-bio-box-widget .zmon-bio-box-author-social-media a.zmon-bio-box-icon-placeholder {
	background: #e2e8f0 !important;
	color: #64748b !important;
}


/* Icons */
.zmon-bio-box-icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

/* Info Icon */
.zmon-bio-box-widget .zmon-bio-box-info {
	position: relative;
	display: flex;
	align-items: center;
	padding: 0;
}

.zmon-bio-box-widget .author-box-info-icon {
	fill: var(--zmon-text-color, #64748b);
	opacity: 0.9;
	width: 20px;
	height: 20px;
	transition: all 0.2s;
	cursor: help;
}

.zmon-bio-box-widget .author-box-info-icon:hover {
	fill: var(--zmon-heading-color, #3b82f6);
	opacity: 1;
	transform: scale(1.15);
}

.zmon-bio-box-widget .zmon-bio-box-tooltip {
	display: none;
	position: absolute;
	bottom: 100%;
	right: 0;
	background: #1e293b;
	color: #f1f5f9;
	padding: 8px 12px;
	border-radius: 6px;
	font-size: 12px;
	font-weight: 500;
	white-space: nowrap;
	margin-bottom: 8px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
	z-index: 1000;
	pointer-events: none;
}

.zmon-bio-box-widget .zmon-bio-box-tooltip::before {
	content: '';
	position: absolute;
	top: 100%;
	right: 8px;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #1e293b;
}

.zmon-bio-box-widget .zmon-bio-box-info:hover .zmon-bio-box-tooltip {
	display: block;
	pointer-events: auto;
}

/* Article Info Styles */
.zmon-bio-box-widget .zmon-bio-box-article-info {
	padding: 0;
}

/* Consolidated Article Info Layout */
.zmon-bio-box-article-info.zmon-article-info-consolidated {
	display: flex;
	flex-direction: column;
	gap: 8px;
	/* Reduced from 16px for tighter layout */
}

/* Full Width Items (Title) */
.zmon-bio-box-article-info-item.zmon-article-info-full {
	display: flex;
	flex-direction: column;
	padding: 8px 12px;
	/* Reduced from 16px 20px */
	background: #f8f9fa;
	/* Simple light background */
	border-radius: 4px;
	/* Reduced from 10px */
	border: 1px solid #e1e4e8;
	gap: 4px;
	/* Reduced from 8px */
}

/* Grid Layout for Info Items */
.zmon-article-info-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	/* Reduced from 200px for denser layout */
	gap: 8px;
	/* Reduced from 12px */
}

/* Individual Items in Grid */
.zmon-article-info-grid .zmon-bio-box-article-info-item {
	display: flex;
	flex-direction: column;
	padding: 8px 10px;
	/* Reduced from 14px 16px */
	background: #ffffff;
	border-radius: 4px;
	/* Reduced from 8px */
	border: 1px solid #e1e4e8;
	gap: 3px;
	/* Reduced from 6px */
	box-shadow: none;
	/* Removed for minimal design */
}

.zmon-article-info-grid .zmon-bio-box-article-info-item:hover {
	border-color: #2271b1;
	background: #f8f9ff;
	/* Removed transform and box-shadow animations */
}

/* Standard Article Info Items (Legacy) */
.zmon-bio-box-article-info-item {
	display: flex;
	padding: 8px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.zmon-bio-box-article-info-item:last-child {
	border-bottom: none;
}

.zmon-bio-box-article-info-item-title {
	font-weight: 700;
	color: #555d66;
	font-size: 10px;
	/* Reduced from 11px */
	text-transform: uppercase;
	letter-spacing: 0.5px;
	/* Reduced from 1px */
	opacity: 0.9;
	margin-bottom: 2px;
	/* Reduced from 4px */
}

.zmon-bio-box-article-info-item-details {
	color: #23282d;
	line-height: 1.4;
	/* Reduced from 1.5 */
	font-size: 13px;
	/* Reduced from 14px */
	font-weight: 500;
}

.zmon-bio-box-article-info-item-details a {
	color: #2271b1;
	text-decoration: none;
	font-weight: 600;
	border-bottom: 1px solid transparent;
	display: inline-block;
	/* Removed transition for minimal design */
}

.zmon-bio-box-article-info-item-details a:hover {
	color: #135e96;
	border-bottom-color: #135e96;
}

/* Mobile Responsive for Article Info Grid */
@media (max-width: 480px) {
	.zmon-article-info-grid {
		grid-template-columns: 1fr;
	}
}



/* Popular Posts */
.zmon-bio-box-widget .zmon-bio-box-popular-posts ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.zmon-bio-box-widget .zmon-bio-box-popular-posts li {
	padding: 2px 0;
	margin: 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	transition: all 0.2s ease;
}

.zmon-bio-box-widget .zmon-bio-box-popular-posts li:last-child {
	border-bottom: none;
}

.zmon-bio-box-widget .zmon-bio-box-popular-posts a {
	text-decoration: none;
	color: inherit;
	font-weight: 500;
	font-size: 13px;
	line-height: 1.3;
	display: block;
	padding: 1px 0;
	transition: all 0.2s ease;
}

.zmon-bio-box-widget .zmon-bio-box-popular-posts a:hover {
	color: #2271b1;
	padding-left: 4px;
	transform: translateX(2px);
}

/* Manual Post Slots Styling */
.zmon-bio-box-widget .zmon-manual-post-slot {
	margin: 0;
	padding: 6px 8px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	font-size: 13px;
	line-height: 1.4;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	transition: all 0.2s ease;
}

.zmon-bio-box-widget .zmon-manual-post-slot:last-child {
	border-bottom: none;
}

.zmon-bio-box-widget .zmon-manual-post-slot.empty {
	cursor: pointer;
	color: #999;
}

.zmon-bio-box-widget .zmon-manual-post-slot.empty:hover {
	background-color: #f0f8ff;
	color: #2271b1;
}

.zmon-bio-box-widget .zmon-manual-link-placeholder {
	font-style: italic;
}

.zmon-bio-box-widget .zmon-manual-post-slot.populated {
	cursor: default;
}

.zmon-bio-box-widget .zmon-manual-link-title {
	flex: 1;
	text-decoration: none;
	color: inherit;
	font-weight: 500;
	transition: all 0.2s ease;
}

.zmon-bio-box-widget .zmon-manual-link-title:hover {
	color: #2271b1;
}

/* Manual Link Actions - Edit and Remove Icons */
.zmon-bio-box-widget .zmon-manual-link-actions {
	display: inline-flex;
	gap: 6px;
	opacity: 0;
	transition: opacity 0.2s;
	margin-left: 8px;
	vertical-align: middle;
	align-items: center;
}

.zmon-bio-box-widget .zmon-manual-post-slot.populated:hover .zmon-manual-link-actions {
	opacity: 1;
}

/* Dashicons styling for edit/remove buttons */
.zmon-bio-box-widget .zmon-shuffle-manual-link.dashicons,
.zmon-bio-box-widget .zmon-delete-manual-link.dashicons {
	cursor: pointer;
	width: 20px !important;
	height: 20px !important;
	font-size: 20px !important;
	line-height: 1 !important;
	color: #666 !important;
	transition: all 0.2s;
	display: inline-block !important;
	font-family: dashicons !important;
	font-weight: 400 !important;
	font-style: normal !important;
	text-decoration: inherit !important;
	text-transform: none !important;
	text-rendering: auto !important;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
	vertical-align: middle !important;
	text-align: center !important;
	padding: 0 !important;
	margin: 0 !important;
}

.zmon-bio-box-widget .zmon-shuffle-manual-link.dashicons:hover {
	color: #2271b1 !important;
}

.zmon-bio-box-widget .zmon-delete-manual-link.dashicons:hover {
	color: #dc3232 !important;
}

/* Dashicon content - specific override */
.zmon-bio-box-widget .dashicons-update:before,
.zmon-bio-box-widget .zmon-shuffle-manual-link.dashicons-update:before {
	content: "\f463" !important;
}

.zmon-bio-box-widget .dashicons-no-alt:before,
.zmon-bio-box-widget .zmon-delete-manual-link.dashicons-no-alt:before {
	content: "\f335" !important;
}

/* Additional specificity for theme preview wrapper context */
.zmon-theme-preview-wrapper .zmon-bio-box-widget .zmon-shuffle-manual-link.dashicons,
.zmon-theme-preview-wrapper .zmon-bio-box-widget .zmon-delete-manual-link.dashicons {
	width: 20px !important;
	height: 20px !important;
	font-size: 20px !important;
	line-height: 1 !important;
	color: #666 !important;
	font-family: dashicons !important;
	display: inline-block !important;
	text-align: center !important;
	padding: 0 !important;
}

.zmon-theme-preview-wrapper .zmon-bio-box-widget .zmon-shuffle-manual-link.dashicons:hover {
	color: #2271b1 !important;
}

.zmon-theme-preview-wrapper .zmon-bio-box-widget .zmon-delete-manual-link.dashicons:hover {
	color: #dc3232 !important;
}

/* Two Column Grid Layout */
.zmon-bio-box-widget .zmon-bio-box-posts-grid {
	display: flex;
	align-items: stretch;
	gap: 12px;
}

.zmon-bio-box-widget .zmon-bio-box-posts-column {
	flex: 1;
	min-width: 0;
	/* Prevent flex overflow */
}

.zmon-bio-box-widget .zmon-bio-box-posts-separator {
	width: 1px;
	background-color: rgba(0, 0, 0, 0.08);
	margin: 0;
}

.zmon-bio-box-widget .zmon-bio-box-empty-slot {
	margin: 0;
	padding: 6px 0;
	/* Increased from 4px to match li+a padding */
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	font-size: 13px;
	line-height: 1.4;
	display: block;
	box-sizing: border-box;
}

.zmon-bio-box-widget .zmon-bio-box-empty-message {
	font-style: italic;
	opacity: 0.6;
	padding: 4px 0;
	font-size: 12px;
}

/* Mobile Responsive for Grid */
@media (max-width: 600px) {

	/* Horizontal Scrolling for Popular Posts Grid on Mobile */
	.zmon-bio-box-widget .zmon-bio-box-posts-grid {
		flex-direction: row;
		/* Keep row for side-by-side */
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		gap: 15px;
		padding-bottom: 10px;
		/* Scrollbar space */
		/* Snap behavior optional */
		scroll-snap-type: x mandatory;
	}

	.zmon-bio-box-widget .zmon-bio-box-posts-column {
		min-width: 85%;
		/* Shows most of the column, peeks the next */
		flex: 0 0 85%;
		scroll-snap-align: start;
	}

	.zmon-bio-box-widget .zmon-bio-box-posts-separator {
		display: none;
		/* Hide separator in scroll view */
	}

	.zmon-bio-box-widget .zmon-bio-box-posts-column.right {
		display: block;
		/* Unhide the right column */
	}

	/* Manual links mobile responsive */
	.zmon-bio-box-widget .zmon-manual-post-slot {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}

	.zmon-bio-box-widget .zmon-manual-link-actions {
		opacity: 1;
		margin-left: 0;
	}
}

/* Mobile Collapsible Logic */
.zmon-bio-box-mobile-collapsible .zmon-bio-box-mobile-tab {
	display: none;
}

@media (max-width: 767px) {
	.zmon-bio-box-mobile-collapsible .zmon-bio-box-tabs {
		display: none;
	}

	.zmon-bio-box-mobile-collapsible .zmon-bio-box-mobile-tab {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 15px 20px;
		background: var(--zmon-bg-color, #fff);
		border-bottom: 1px solid var(--zmon-border-color, #e2e4e7);
		cursor: pointer;
	}

	.zmon-bio-box-mobile-collapsible .zmon-bio-box-mobile-tab h5 {
		margin: 0;
		font-size: 16px;
		font-weight: 600;
		color: var(--zmon-heading-color, #1e293b);
		flex: 1;
	}

	.zmon-bio-box-mobile-collapsible .zmon-bio-box-mobile-tab a {
		text-decoration: none;
		color: inherit;
		display: flex;
		width: 100%;
		justify-content: space-between;
		align-items: center;
	}

	/* Scrollable Social Icons on Mobile */
	.zmon-bio-box-widget .zmon-bio-box-author-footer .zmon-bio-box-author-social-media {
		flex-wrap: nowrap;
		overflow-x: auto;
		justify-content: flex-start;
		padding-bottom: 5px !important;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	.zmon-bio-box-widget .zmon-bio-box-author-footer .zmon-bio-box-author-social-media::-webkit-scrollbar {
		display: none;
	}

	.zmon-bio-box-widget .zmon-bio-box-author-footer .zmon-bio-box-author-social-media li {
		flex: 0 0 auto;
	}


	.zmon-bio-box-mobile-collapsible .zmon-bio-box-content-pane {
		display: block !important;
	}

	.zmon-bio-box-mobile-collapsible .zmon-bio-box-tab-content {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.3s ease;
	}

	.zmon-bio-box-mobile-collapsible .zmon-bio-box-tab-content.selected {
		max-height: 1000px;
		padding: 20px;
		border-bottom: 1px solid var(--zmon-border-color, #e2e4e7);
	}

	.zmon-bio-box-widget .zmon-bio-box-author-bio {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	.zmon-bio-box-widget .zmon-bio-box-avatar {
		margin-bottom: 15px;
	}

	.zmon-bio-box-widget .zmon-bio-box-author-bio-text {
		text-align: center;
	}
}

/* Original Icons - Refactored for Contrast */
.zmon-bio-box-icon-facebook {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cpath d='M9.88 22h3.66v-9.12h3.06l.46-3.55h-3.53V7.05c0-1.03.29-1.73 1.76-1.73h1.89V2.14C16.87 2.1 15.76 2 14.46 2c-2.73 0-4.57 1.66-4.57 4.7v2.62H6.81v3.55h3.07V22z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cpath d='M9.88 22h3.66v-9.12h3.06l.46-3.55h-3.53V7.05c0-1.03.29-1.73 1.76-1.73h1.89V2.14C16.87 2.1 15.76 2 14.46 2c-2.73 0-4.57 1.66-4.57 4.7v2.62H6.81v3.55h3.07V22z'/%3E%3C/svg%3E");
	background-color: currentColor;
}

.zmon-bio-box-icon-twitter {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cpath d='M22.1 5.82c-.55.82-1.24 1.54-2.05 2.13.01.17.01.35.01.53 0 5.43-4.13 11.68-11.67 11.68-2.32 0-4.47-.68-6.3-1.85.32.03.65.06.98.06 1.92 0 3.69-.66 5.09-1.76a4.123 4.123 0 0 1-3.83-2.85c.25.04.5.08.77.08.37 0 .74-.06 1.07-.15a4.112 4.112 0 0 1-3.29-4.03v-.04c.56.3 1.19.49 1.86.51a4.143 4.143 0 0 1-1.8-3.42c0-.75.2-1.45.56-2.06 2.02 2.48 5.04 4.12 8.46 4.28-.07-.3-.11-.62-.11-.94a4.106 4.106 0 0 1 4.11-4.09c1.19 0 2.25.49 3 1.3.93-.19 1.81-.53 2.61-1-.31.95-.96 1.76-1.81 2.26.8-.09 1.59-.3 2.34-.64z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cpath d='M22.1 5.82c-.55.82-1.24 1.54-2.05 2.13.01.17.01.35.01.53 0 5.43-4.13 11.68-11.67 11.68-2.32 0-4.47-.68-6.3-1.85.32.03.65.06.98.06 1.92 0 3.69-.66 5.09-1.76a4.123 4.123 0 0 1-3.83-2.85c.25.04.5.08.77.08.37 0 .74-.06 1.07-.15a4.112 4.112 0 0 1-3.29-4.03v-.04c.56.3 1.19.49 1.86.51a4.143 4.143 0 0 1-1.8-3.42c0-.75.2-1.45.56-2.06 2.02 2.48 5.04 4.12 8.46 4.28-.07-.3-.11-.62-.11-.94a4.106 4.106 0 0 1 4.11-4.09c1.19 0 2.25.49 3 1.3.93-.19 1.81-.53 2.61-1-.31.95-.96 1.76-1.81 2.26.8-.09 1.59-.3 2.34-.64z'/%3E%3C/svg%3E");
	background-color: currentColor;
}

.zmon-bio-box-icon-pinterest {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cpath d='M12.35 2.03c-5.5 0-8.38 3.5-8.38 7.38 0 1.88 1 3.75 2.62 4.75.5.25.38 0 .75-1.5 0-.12 0-.25-.12-.38-2.24-2.75-.37-8.13 4.88-8.13 7.62 0 6.12 10.5 1.38 10.5-1 .13-1.88-.62-1.88-1.62v-.5c.5-1.38.88-2.63 1-4 0-2.62-3.88-2.25-3.88 1.25 0 .62.12 1.25.38 1.75 0 0-1.25 5.12-1.5 6-.25 1.5-.12 3 .12 4.38-.12.12 0 .12 0 .12h.12c.88-1.25 1.62-2.5 2.12-3.88.12-.62.75-2.88.75-2.88.62.88 1.75 1.38 2.88 1.38 3.88 0 6.62-3.38 6.62-7.5s-3.48-7.12-7.86-7.12z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cpath d='M12.35 2.03c-5.5 0-8.38 3.5-8.38 7.38 0 1.88 1 3.75 2.62 4.75.5.25.38 0 .75-1.5 0-.12 0-.25-.12-.38-2.24-2.75-.37-8.13 4.88-8.13 7.62 0 6.12 10.5 1.38 10.5-1 .13-1.88-.62-1.88-1.62v-.5c.5-1.38.88-2.63 1-4 0-2.62-3.88-2.25-3.88 1.25 0 .62.12 1.25.38 1.75 0 0-1.25 5.12-1.5 6-.25 1.5-.12 3 .12 4.38-.12.12 0 .12 0 .12h.12c.88-1.25 1.62-2.5 2.12-3.88.12-.62.75-2.88.75-2.88.62.88 1.75 1.38 2.88 1.38 3.88 0 6.62-3.38 6.62-7.5s-3.48-7.12-7.86-7.12z'/%3E%3C/svg%3E");
	background-color: currentColor;
}

.zmon-bio-box-icon-instagram {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cpath d='M15.48 12.03c0-1.88-1.5-3.38-3.37-3.38s-3.38 1.5-3.38 3.38 1.5 3.38 3.38 3.38 3.37-1.51 3.37-3.38zm1.75 0c0 2.88-2.25 5.12-5.12 5.12s-5.13-2.25-5.13-5.12S9.23 6.9 12.1 6.9s5.13 2.25 5.13 5.13zm1.37-5.38c0 .75-.5 1.25-1.25 1.25s-1.25-.5-1.25-1.25.5-1.25 1.25-1.25 1.25.63 1.25 1.25zm-6.5-2.87c-1.5 0-4.62-.12-5.88.38-.88.38-1.63 1.12-1.88 2-.5 1.25-.38 4.37-.38 5.87s-.12 4.62.38 5.88c.25.88 1 1.62 1.88 1.88 1.25.5 4.5.37 5.88.37s4.62.12 5.87-.37c.88-.38 1.5-1 1.88-1.88.5-1.38.37-4.5.37-5.88s.12-4.62-.37-5.87c-.25-.88-1-1.63-1.88-1.88-1.24-.63-4.37-.5-5.87-.5zm10 8.25v4.12c0 1.5-.5 3-1.62 4.25-1.12 1.12-2.63 1.62-4.25 1.62H7.98c-1.5 0-3-.5-4.25-1.62-1-1.12-1.62-2.63-1.62-4.25V7.9c0-1.62.62-3.12 1.62-4.25 1.25-1 2.75-1.62 4.25-1.62h8.25c1.5 0 3 .5 4.25 1.62 1 1.12 1.62 2.62 1.62 4.25v4.13z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cpath d='M15.48 12.03c0-1.88-1.5-3.38-3.37-3.38s-3.38 1.5-3.38 3.38 1.5 3.38 3.38 3.38 3.37-1.51 3.37-3.38zm1.75 0c0 2.88-2.25 5.12-5.12 5.12s-5.13-2.25-5.13-5.12S9.23 6.9 12.1 6.9s5.13 2.25 5.13 5.13zm1.37-5.38c0 .75-.5 1.25-1.25 1.25s-1.25-.5-1.25-1.25.5-1.25 1.25-1.25 1.25.63 1.25 1.25zm-6.5-2.87c-1.5 0-4.62-.12-5.88.38-.88.38-1.63 1.12-1.88 2-.5 1.25-.38 4.37-.38 5.87s-.12 4.62.38 5.88c.25.88 1 1.62 1.88 1.88 1.25.5 4.5.37 5.88.37s4.62.12 5.87-.37c.88-.38 1.5-1 1.88-1.88.5-1.38.37-4.5.37-5.88s.12-4.62-.37-5.87c-.25-.88-1-1.63-1.88-1.88-1.24-.63-4.37-.5-5.87-.5zm10 8.25v4.12c0 1.5-.5 3-1.62 4.25-1.12 1.12-2.63 1.62-4.25 1.62H7.98c-1.5 0-3-.5-4.25-1.62-1-1.12-1.62-2.63-1.62-4.25V7.9c0-1.62.62-3.12 1.62-4.25 1.25-1 2.75-1.62 4.25-1.62h8.25c1.5 0 3 .5 4.25 1.62 1 1.12 1.62 2.62 1.62 4.25v4.13z'/%3E%3C/svg%3E");
	background-color: currentColor;
}

.zmon-bio-box-icon-youtube {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cpath d='M5.98 2h1.2L8 5.09 8.76 2h1.21L8.59 6.59v3.13H7.4V6.59L5.98 2zm5.49 1.98c-.93 0-1.55.62-1.55 1.53V8.3c0 1 .52 1.53 1.55 1.53.85 0 1.52-.57 1.52-1.53V5.51c0-.89-.66-1.53-1.52-1.53zm.44 4.28c0 .31-.16.54-.44.54-.29 0-.46-.24-.46-.54V5.61c0-.31.14-.54.44-.54.33 0 .46.22.46.54v2.65zm3.95-4.23v4.32c-.13.16-.42.43-.62.43-.23 0-.28-.16-.28-.38V4.03H13.9v4.76c0 .56.17 1.02.74 1.02.32 0 .77-.17 1.22-.71v.63h1.06v-5.7h-1.06zm1.83 11.55c-.37 0-.45.26-.45.64v.55h.89v-.55c0-.37-.07-.64-.44-.64zm-3.92.03c-.07.04-.14.09-.21.17v3.38a.8.8 0 0 0 .24.19c.16.08.4.09.52-.06.06-.08.09-.2.09-.37v-2.8c0-.18-.04-.32-.11-.42-.12-.16-.35-.18-.53-.09zm4.03-4.33c-2.17-.15-9.22-.15-11.39 0-2.35.16-2.62 1.58-2.64 5.31.02 3.72.29 5.15 2.64 5.31 2.17.15 9.22.15 11.39 0 2.35-.16 2.62-1.58 2.64-5.31-.02-3.72-.3-5.15-2.64-5.31zM7.52 20.19H6.39V13.9H5.21v-1.07H8.7v1.07H7.52v6.29zm4.04 0h-1.01v-.6c-.19.22-.38.39-.58.5-.54.31-1.29.3-1.29-.8v-4.53h1.01v4.16c0 .22.05.37.27.37.2 0 .47-.25.59-.41v-4.12h1.01v5.43zm3.88-1.13c0 .67-.25 1.19-.92 1.19-.37 0-.68-.14-.96-.49v.42h-1.02v-7.35h1.02v2.37c.23-.28.54-.51.9-.51.74 0 .98.62.98 1.36v3.01zm3.73-1.46h-1.93v1.02c0 .41.03.76.44.76.43 0 .45-.29.45-.76v-.38h1.04v.41c0 1.04-.45 1.68-1.51 1.68-.96 0-1.46-.7-1.46-1.68v-2.43c0-.94.62-1.6 1.53-1.6.97 0 1.43.62 1.43 1.6l.01 1.38z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cpath d='M5.98 2h1.2L8 5.09 8.76 2h1.21L8.59 6.59v3.13H7.4V6.59L5.98 2zm5.49 1.98c-.93 0-1.55.62-1.55 1.53V8.3c0 1 .52 1.53 1.55 1.53.85 0 1.52-.57 1.52-1.53V5.51c0-.89-.66-1.53-1.52-1.53zm.44 4.28c0 .31-.16.54-.44.54-.29 0-.46-.24-.46-.54V5.61c0-.31.14-.54.44-.54.33 0 .46.22.46.54v2.65zm3.95-4.23v4.32c-.13.16-.42.43-.62.43-.23 0-.28-.16-.28-.38V4.03H13.9v4.76c0 .56.17 1.02.74 1.02.32 0 .77-.17 1.22-.71v.63h1.06v-5.7h-1.06zm1.83 11.55c-.37 0-.45.26-.45.64v.55h.89v-.55c0-.37-.07-.64-.44-.64zm-3.92.03c-.07.04-.14.09-.21.17v3.38a.8.8 0 0 0 .24.19c.16.08.4.09.52-.06.06-.08.09-.2.09-.37v-2.8c0-.18-.04-.32-.11-.42-.12-.16-.35-.18-.53-.09zm4.03-4.33c-2.17-.15-9.22-.15-11.39 0-2.35.16-2.62 1.58-2.64 5.31.02 3.72.29 5.15 2.64 5.31 2.17.15 9.22.15 11.39 0 2.35-.16 2.62-1.58 2.64-5.31-.02-3.72-.3-5.15-2.64-5.31zM7.52 20.19H6.39V13.9H5.21v-1.07H8.7v1.07H7.52v6.29zm4.04 0h-1.01v-.6c-.19.22-.38.39-.58.5-.54.31-1.29.3-1.29-.8v-4.53h1.01v4.16c0 .22.05.37.27.37.2 0 .47-.25.59-.41v-4.12h1.01v5.43zm3.88-1.13c0 .67-.25 1.19-.92 1.19-.37 0-.68-.14-.96-.49v.42h-1.02v-7.35h1.02v2.37c.23-.28.54-.51.9-.51.74 0 .98.62.98 1.36v3.01zm3.73-1.46h-1.93v1.02c0 .41.03.76.44.76.43 0 .45-.29.45-.76v-.38h1.04v.41c0 1.04-.45 1.68-1.51 1.68-.96 0-1.46-.7-1.46-1.68v-2.43c0-.94.62-1.6 1.53-1.6.97 0 1.43.62 1.43 1.6l.01 1.38z'/%3E%3C/svg%3E");
	background-color: currentColor;
}

.zmon-bio-box-icon-tiktok {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24' xml:space='preserve'%3E%3Cpath d='M20.8 7c-1.1 0-2.2-.4-3-1-1-.7-1.7-1.8-1.9-3-.1-.3-.1-.6-.1-.9h-3.3v13.8c0 1.3-.9 2.4-2 2.8-.3.1-.7.2-1.1.1-.5 0-1-.2-1.4-.4-.9-.5-1.4-1.4-1.4-2.5 0-1.7 1.3-3 3-3 .3 0 .6.1.9.1V9.7c-.3 0-.6-.1-.9-.1-1.8 0-3.5.8-4.7 2.1-.9 1-1.5 2.3-1.5 3.7-.1 1.8.5 3.5 1.8 4.8.2.2.4.4.6.5.9.8 2.3 1.3 3.7 1.3.3 0 .6 0 .9-.1 1.3-.2 2.5-.8 3.5-1.7 1.2-1.2 1.8-2.7 1.8-4.4V8.5c.6.4 1.2.8 1.8 1.1 1 .4 2.1.7 3.2.7V7.9l.1-.9z' style='fill:%23fff'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24' xml:space='preserve'%3E%3Cpath d='M20.8 7c-1.1 0-2.2-.4-3-1-1-.7-1.7-1.8-1.9-3-.1-.3-.1-.6-.1-.9h-3.3v13.8c0 1.3-.9 2.4-2 2.8-.3.1-.7.2-1.1.1-.5 0-1-.2-1.4-.4-.9-.5-1.4-1.4-1.4-2.5 0-1.7 1.3-3 3-3 .3 0 .6.1.9.1V9.7c-.3 0-.6-.1-.9-.1-1.8 0-3.5.8-4.7 2.1-.9 1-1.5 2.3-1.5 3.7-.1 1.8.5 3.5 1.8 4.8.2.2.4.4.6.5.9.8 2.3 1.3 3.7 1.3.3 0 .6 0 .9-.1 1.3-.2 2.5-.8 3.5-1.7 1.2-1.2 1.8-2.7 1.8-4.4V8.5c.6.4 1.2.8 1.8 1.1 1 .4 2.1.7 3.2.7V7.9l.1-.9z' style='fill:%23fff'/%3E%3C/svg%3E");
	background-color: currentColor;
}

.zmon-bio-box-icon-website {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24' xml:space='preserve'%3E%3Cpath d='M12 24c-1.7 0-3.2-.3-4.7-.9s-2.7-1.5-3.8-2.6c-1.1-1.1-1.9-2.4-2.5-3.8-.6-1.5-.9-3-.9-4.7s.3-3.2.9-4.7 1.5-2.7 2.5-3.8S5.9 1.6 7.3 1s3-1 4.7-1 3.2.3 4.7.9c1.5.6 2.7 1.5 3.8 2.5 1.1 1.1 1.9 2.3 2.5 3.8.6 1.4.9 3 .9 4.7s-.3 3.3-.9 4.7c-.6 1.5-1.5 2.7-2.5 3.8-1.1 1.1-2.4 1.9-3.8 2.6-1.5.7-3 1-4.7 1zm4.7-16.5h4.5c-.7-1.4-1.6-2.5-2.7-3.4-1.1-.9-2.5-1.6-4-2 .5.7.9 1.5 1.3 2.4.4.9.7 1.9.9 3zm-7.6 0h5.8c-.2-1.1-.6-2.1-1.1-3.1S12.7 2.6 12 1.8c-.6.5-1.2 1.2-1.6 2.1-.5.9-.9 2.1-1.3 3.6zm-6.9 7.2H7c-.1-.5-.1-1-.1-1.5v-2.6c0-.4.1-.8.1-1.3H2.2c-.2.5-.3.9-.3 1.3s-.1.8-.1 1.3 0 1 .1 1.4c0 .4.1.9.3 1.4zm7.2 7.2c-.5-.8-.9-1.6-1.3-2.5s-.7-1.9-.9-3H2.8c.8 1.4 1.6 2.5 2.6 3.3 1 .9 2.3 1.6 4 2.2zM2.8 7.5h4.5c.2-1.1.5-2 .8-2.9.3-.8.8-1.7 1.3-2.5-1.5.4-2.8 1-3.9 1.9s-2 2.1-2.7 3.5zM12 22.3c.7-.7 1.3-1.5 1.8-2.5.5-.9.9-2 1.2-3.3H9.1c.3 1.2.7 2.3 1.1 3.2.5 1 1.1 1.8 1.8 2.6zm-3.2-7.6h6.4c.1-.6.1-1.1.1-1.5v-2.4c0-.4-.1-.9-.1-1.5H8.8c-.1.6-.1 1.1-.2 1.5v2.4c.1.3.1.8.2 1.5zm5.8 7.2c1.4-.5 2.7-1.2 3.9-2.1 1.2-.9 2.1-2 2.8-3.3h-4.5c-.3 1.1-.6 2.1-.9 2.9-.4.9-.8 1.7-1.3 2.5zm2.4-7.2h4.8c.1-.5.2-.9.3-1.3 0-.4.1-.9.1-1.4 0-.5 0-1-.1-1.3s-.1-.9-.3-1.4H17c.1.7.1 1.2.1 1.6v2.2c0 .5 0 1-.1 1.6z' style='fill:%23fff'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24' xml:space='preserve'%3E%3Cpath d='M12 24c-1.7 0-3.2-.3-4.7-.9s-2.7-1.5-3.8-2.6c-1.1-1.1-1.9-2.4-2.5-3.8-.6-1.5-.9-3-.9-4.7s.3-3.2.9-4.7 1.5-2.7 2.5-3.8S5.9 1.6 7.3 1s3-1 4.7-1 3.2.3 4.7.9c1.5.6 2.7 1.5 3.8 2.5 1.1 1.1 1.9 2.3 2.5 3.8.6 1.4.9 3 .9 4.7s-.3 3.3-.9 4.7c-.6 1.5-1.5 2.7-2.5 3.8-1.1 1.1-2.4 1.9-3.8 2.6-1.5.7-3 1-4.7 1zm4.7-16.5h4.5c-.7-1.4-1.6-2.5-2.7-3.4-1.1-.9-2.5-1.6-4-2 .5.7.9 1.5 1.3 2.4.4.9.7 1.9.9 3zm-7.6 0h5.8c-.2-1.1-.6-2.1-1.1-3.1S12.7 2.6 12 1.8c-.6.5-1.2 1.2-1.6 2.1-.5.9-.9 2.1-1.3 3.6zm-6.9 7.2H7c-.1-.5-.1-1-.1-1.5v-2.6c0-.4.1-.8.1-1.3H2.2c-.2.5-.3.9-.3 1.3s-.1.8-.1 1.3 0 1 .1 1.4c0 .4.1.9.3 1.4zm7.2 7.2c-.5-.8-.9-1.6-1.3-2.5s-.7-1.9-.9-3H2.8c.8 1.4 1.6 2.5 2.6 3.3 1 .9 2.3 1.6 4 2.2zM2.8 7.5h4.5c.2-1.1.5-2 .8-2.9.3-.8.8-1.7 1.3-2.5-1.5.4-2.8 1-3.9 1.9s-2 2.1-2.7 3.5zM12 22.3c.7-.7 1.3-1.5 1.8-2.5.5-.9.9-2 1.2-3.3H9.1c.3 1.2.7 2.3 1.1 3.2.5 1 1.1 1.8 1.8 2.6zm-3.2-7.6h6.4c.1-.6.1-1.1.1-1.5v-2.4c0-.4-.1-.9-.1-1.5H8.8c-.1.6-.1 1.1-.2 1.5v2.4c.1.3.1.8.2 1.5zm5.8 7.2c1.4-.5 2.7-1.2 3.9-2.1 1.2-.9 2.1-2 2.8-3.3h-4.5c-.3 1.1-.6 2.1-.9 2.9-.4.9-.8 1.7-1.3 2.5zm2.4-7.2h4.8c.1-.5.2-.9.3-1.3 0-.4.1-.9.1-1.4 0-.5 0-1-.1-1.3s-.1-.9-.3-1.4H17c.1.7.1 1.2.1 1.6v2.2c0 .5 0 1-.1 1.6z' style='fill:%23fff'/%3E%3C/svg%3E");
	background-color: currentColor;
}

/* Related Posts (Preserved) */
.zmon-related-posts-widget {
	padding-bottom: 1rem;
	border-bottom: 1px solid rgba(0, 0, 0, .2);
}

.zmon-related-posts-list {
	margin: 0 !important;
	padding: 0 !important;
}

.zmon-related-posts-list li {
	list-style: none;
	display: block;
	position: relative;
	padding: .5rem .25rem .5rem 1rem;
	margin: 0 !important;
	line-height: 24px !important;
}

.zmon-related-posts-list li:before {
	content: '\2022';
	display: block;
	position: absolute;
	left: 0;
	top: 12px;
	line-height: 1rem;
}

.zmon-related-posts-grid {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	column-gap: 1.25%;
}

.zmon-related-posts-grid .zmon-related-posts-grid-item {
	width: 32.5%;
	margin: 0 0 1.25%;
	border: 1px solid rgba(0, 0, 0, .25);
	border-radius: 5px;
	box-sizing: border-box;
}

/* Fix: MV Lazy load images: starts */
.zmon-related-posts-grid .zmon-related-posts-grid-item br {
	display: none !important;
}

/* Fix: MV Lazy load images: ends */

.zmon-related-posts-grid .zmon-related-posts-grid-item a {
	text-decoration: none;
}

.zmon-related-posts-grid .zmon-related-posts-grid-item h4 {
	margin: 0;
	padding: 0 .5rem .5rem;
	font-size: 1.2rem;
}

.zmon-related-posts-grid .zmon-related-posts-grid-item.no-featured-image h4 {
	padding: .5rem;
}

.zmon-related-posts-grid .zmon-related-posts-grid-item:first-child {
	margin-top: 0;
}

.zmon-related-posts-grid .zmon-related-posts-grid-item img {
	width: 100%;
	height: 100%;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
	.zmon-related-posts-grid {
		column-gap: 1.5%;
	}

	.zmon-related-posts-grid .zmon-related-posts-grid-item {
		width: 48.5%;
		margin-bottom: 1.5%;
	}
}

@media only screen and (max-width: 319px) {
	.zmon-related-posts-grid {
		column-gap: 0;
	}

	.zmon-related-posts-grid .zmon-related-posts-grid-item {
		width: 100%;
		margin-bottom: 2.5%;
	}
}

/* Z Logo Variations */
/* Z Logo Variations */
/* Z Logo Variations */
.zmon-bio-box-widget .zmon-bio-box-say-thanks {
	display: flex;
	align-items: center;
	margin-left: auto;
}

.zmon-bio-box-widget .zmon-bio-box-say-thanks-btn {
	padding: 4px;
	border-radius: 4px;
	transition: background 0.2s;
}

.zmon-bio-box-widget .zmon-bio-box-say-thanks-btn:hover {
	background: rgba(0, 0, 0, 0.05);
}

.zmon-bio-box-widget .zmon-bio-box-say-thanks-icon {
	width: 20px;
	height: 20px;
	display: block;
}

/* Logo 3: Soft Round (Chosen Design) */
.zmon-bio-box-widget .zmon-z-logo-3 {
	stroke: #8b5cf6;
	/* Purple */
	stroke-linecap: round;
	fill: none !important;
	/* Override generic icon fill */
}

.zmon-bio-box-widget .zmon-bio-box-say-thanks-btn:hover .zmon-z-logo-3 {
	stroke: #7c3aed;
	transform: rotate(5deg);
}

/* Generic Tooltip Styles - mirroring .zmon-bio-box-say-thanks-tooltip */
.zmon-bio-box-widget .zmon-tooltip-container {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-left: 4px;
}

.zmon-bio-box-widget .zmon-tooltip-popup {
	display: none;
	position: absolute;
	bottom: 100%;
	/* Above the icon */
	left: 50%;
	transform: translateX(-50%);
	background: #1e293b;
	color: #ffffff !important;
	/* Force white text */
	padding: 10px 14px;
	border-radius: 6px;
	font-size: 13px;
	line-height: 1.4;
	white-space: pre-line;
	/* Allows line breaks */
	z-index: 100;
	width: max-content;
	max-width: 240px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
	margin-bottom: 8px;
	/* Space between tip and icon */
	font-weight: 500;
	text-transform: none;
	text-align: left;
	pointer-events: none;
}

/* Arrow */
.zmon-bio-box-widget .zmon-tooltip-popup::before {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -6px;
	border-width: 6px;
	border-style: solid;
	border-color: #1e293b transparent transparent transparent;
}

/* Show on hover */
.zmon-bio-box-widget .zmon-tooltip-container:hover .zmon-tooltip-popup {
	display: block;
}

/* Icon style */
.zmon-bio-box-widget .zmon-tooltip-icon {
	font-size: 16px;
	width: 16px;
	height: 16px;
	color: #a0a5aa;
	cursor: help;
	display: inline-block;
	line-height: 1;
}

.zmon-bio-box-widget .zmon-tooltip-container:hover .zmon-tooltip-icon {
	color: #2271b1;
}

/* Admin-Specific Tooltip Overrides (High Specificity to fix dark-on-dark) */
.zmon-theme-preview-wrapper .zmon-bio-box-widget .zmon-tooltip-container {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-left: 4px;
}

.zmon-theme-preview-wrapper .zmon-bio-box-widget .zmon-tooltip-popup {
	display: none;
	position: absolute;
	bottom: 100%;
	/* Above the icon */
	left: 50%;
	transform: translateX(-50%);
	background: #1e293b;
	color: #ffffff !important;
	/* Force white text */
	padding: 10px 14px;
	border-radius: 6px;
	font-size: 13px;
	/* Slightly larger to match standard */
	line-height: 1.4 !important;
	white-space: pre-line;
	/* Allows line breaks */
	z-index: 100;
	width: max-content;
	max-width: 240px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
	margin-bottom: 8px;
	/* Space between tip and icon */
	font-weight: 500 !important;
	/* Match ZMonstrs popup weight */
	text-transform: none !important;
	text-align: left;
	pointer-events: none;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
}

/* Arrow */
.zmon-theme-preview-wrapper .zmon-bio-box-widget .zmon-tooltip-popup::before {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -6px;
	border-width: 6px;
	border-style: solid;
	border-color: #1e293b transparent transparent transparent;
}

/* Show on hover */
.zmon-theme-preview-wrapper .zmon-bio-box-widget .zmon-tooltip-container:hover .zmon-tooltip-popup {
	display: block;
}

/* Icon style */
.zmon-theme-preview-wrapper .zmon-bio-box-widget .zmon-tooltip-icon {
	font-size: 16px;
	width: 16px;
	height: 16px;
	color: #a0a5aa;
	cursor: help;
	display: inline-block;
	line-height: 1;
}

.zmon-theme-preview-wrapper .zmon-bio-box-widget .zmon-tooltip-container:hover .zmon-tooltip-icon {
	color: #2271b1 !important;
}

/* X Logo Rebrand */
.zmon-bio-box-icon-x {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'/%3E%3C/svg%3E");
	background-color: currentColor;
}

/* -------------------------------------------------------------
 * Toolbar & Controls (Restored from Inline Styles)
 * ------------------------------------------------------------- */
.zmon-preview-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
	background: #fff;
	padding: 15px;
	border: 1px solid #c3c4c7;
	border-radius: 4px;
	flex-wrap: wrap;
	gap: 15px;
}

.zmon-user-switcher {
	margin-bottom: 0 !important;
	/* Override previous margin */
}

.zmon-toolbar-credits {
	display: flex;
	align-items: center;
	font-size: 14px;
	font-weight: 500;
	color: #1d2327;
}

.zmon-credits-toggle {
	display: flex;
	align-items: center;
	cursor: pointer;
}

.zmon-credits-toggle input {
	margin-right: 8px;
}

.zmon-toolbar-actions {
	display: flex;
	align-items: center;
	gap: 10px;
}

.zmon-toolbar-actions .button {
	min-width: 170px;
	/* Prevent jumping */
	justify-content: center;
	transition: all 0.2s ease;
}

/* Success button state - Green */
.button.zmon-save-success,
.button.zmon-save-success:disabled,
.button.zmon-save-success:hover,
.button.zmon-save-success:focus {
	background-color: #46b450 !important;
	border-color: #46b450 !important;
	color: #fff !important;
	opacity: 1 !important;
	/* Force full opacity even if disabled */
	text-shadow: none !important;
	cursor: default !important;
	box-shadow: none !important;
}

/* -------------------------------------------------------------
 * Tier Label Styling
 * ------------------------------------------------------------- */
/* -------------------------------------------------------------
 * Tier Label Styling
 * ------------------------------------------------------------- */
.zmon-popular-post-tier {
	display: inline-block;
	font-size: 10px;
	font-weight: 700;
	padding: 2px 5px;
	border-radius: 3px;
	text-transform: uppercase;
	margin-left: 8px;
	vertical-align: middle;
	background-color: #eee;
	color: #666;
}

/* Tier Colors */
.zmon-popular-post-tier.tier-1 {
	background-color: #e3f2fd;
	color: #0d47a1;
	/* Dark Blue */
	border: 1px solid #bbdefb;
}

.zmon-popular-post-tier.tier-2 {
	background-color: #e8f5e9;
	color: #1b5e20;
	/* Dark Green */
	border: 1px solid #c8e6c9;
}

.zmon-popular-post-tier.tier-3 {
	background-color: #fff3e0;
	color: #e65100;
	/* Dark Orange */
	border: 1px solid #ffe0b2;
}

.zmon-popular-post-tier.tier-4 {
	background-color: #fce4ec;
	color: #880e4f;
	/* Dark Pink */
	border: 1px solid #f8bbd0;
}

/* -------------------------------------------------------------
 * Navigation Arrow (Fixed Position)
 * ------------------------------------------------------------- */
.zmon-pwbb-navigation-container {
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: 20px;
	gap: 20px;
	padding-right: 60px;
	padding-left: 60px;
	/* Balance the right padding for visual centering */
	/* Reserve space for the arrow */
	box-sizing: border-box;
}

/* Make widget flex to take available space minus arrow */
.zmon-pwbb-navigation-container .zmon-bio-box-widget {
	flex: 1;
	min-width: 0;
	/* Prevent flex overflow */
}

/* Float-Free Fixed Arrow */
.zmon-next-tab-arrow {
	position: absolute;
	right: 10px;
	/* Inside the padded area */
	top: 35px;
	/* Align with tabs row (24px margin + 60px/2 center - 20px arrow half) */
	transform: none;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #fff;
	border: 1px solid #c3c4c7;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: #1d2327;
	font-size: 20px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
	transition: all 0.2s ease;
	z-index: 10;
}

.zmon-next-tab-arrow:hover {
	background: #f0f0f1;
	color: #2271b1;
	/* transform: scale(1.1); Removed to prevent bouncing */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	border-color: #2271b1;
}



/* -------------------------------------------------------------
 * Spacing Overrides for PWBB2
 * ------------------------------------------------------------- */
.zmon-theme-preview-wrapper .zmon-bio-box-popular-posts li {
	padding: 4px 0 !important;
	/* Compact padding */
	margin: 0 !important;
	height: auto !important;
	min-height: 0 !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.zmon-theme-preview-wrapper .zmon-bio-box-popular-posts br {
	display: none !important;
}

.zmon-theme-preview-wrapper .zmon-bio-box-popular-posts a {
	padding: 1px 0 !important;
	/* Minimal touch target spacing */
	line-height: 1.2 !important;
}

/* Layout Fixes for Admin Wrapper */
.zmon-theme-preview-wrapper {
	display: flow-root;
	/* Establishes a new block formatting context to clear floats */
	position: relative;
	width: 100%;
	margin-bottom: 60px;
	/* Ensure sufficient space for the WP footer */
	clear: both;
	box-sizing: border-box;
}

.zmon-preview-wizard-container {
	position: relative;
	display: block;
	display: block;
	max-width: 1200px;
	/* Prevent it from getting too wide on large screens */
	margin: 0 auto;
	box-sizing: border-box;
}

/* Ensure widget doesn't overflow or float weirdly */
.zmon-bio-box-widget {
	margin: 24px auto;
	/* Center the widget */
	clear: both;
}