/**
 * Slambo single-post sharing presentation.
 *
 * Markup and interaction remain owned by Slambo and Slambo Core.
 */

.l-shared-items {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.l-shared-items .share-action,
.rbbsl .share-action {
	background: linear-gradient(135deg, #fff 0%, #f8fafc 100%);
	border: 1px solid #e2e8f0;
	border-radius: 6px;
	box-shadow: 0 1px 3px rgb(0 0 0 / 10%);
	transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.l-shared-items .share-action {
	background: linear-gradient(135deg, #fff 0%, #f8fafc 100%) !important;
	border-color: #e2e8f0 !important;
}

.l-shared-items .share-action i,
.rbbsl .share-action i {
	color: #1f2937;
	transition: color 180ms ease;
}

.l-shared-items .share-action i {
	color: #1f2937 !important;
}

.l-shared-items .share-action:focus-visible,
.rbbsl .share-action:focus-visible {
	border-color: #1e40af !important;
	outline: 3px solid #3b82f6;
	outline-offset: 2px;
}

[data-theme="dark"] .l-shared-items .share-action,
[data-theme="dark"] .rbbsl .share-action {
	background: linear-gradient(135deg, #1f2937 0%, #111827 100%);
	border-color: #374151;
	box-shadow: 0 1px 3px rgb(0 0 0 / 30%);
}

[data-theme="dark"] .l-shared-items .share-action {
	background: linear-gradient(135deg, #1f2937 0%, #111827 100%) !important;
	border-color: #374151 !important;
}

[data-theme="dark"] .l-shared-items .share-action i,
[data-theme="dark"] .rbbsl .share-action i {
	color: #f9fafb !important;
}

[data-theme="dark"] .l-shared-items .share-action:focus-visible,
[data-theme="dark"] .rbbsl .share-action:focus-visible {
	border-color: #047857 !important;
	outline-color: #10b981;
}

@media (hover: hover) and (pointer: fine) {
	.l-shared-items .share-action:hover,
	.rbbsl .share-action:hover {
		border-color: #1e40af;
		box-shadow: 0 4px 12px rgb(59 130 246 / 25%);
		transform: translateY(-1px);
	}

	.l-shared-items .share-action:hover {
		background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%) !important;
		border-color: #1e40af !important;
	}

	.rbbsl .share-action:hover {
		background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);
	}

	.l-shared-items .share-action:hover i,
	.rbbsl .share-action:hover i {
		color: #fff !important;
	}

	.l-shared-items .share-action.icon-facebook:hover,
	.rbbsl .share-action.icon-facebook:hover {
		background: linear-gradient(135deg, #1877f2 0%, #0866d0 100%) !important;
		border-color: #0866d0 !important;
	}

	.l-shared-items .share-action.icon-twitter:hover,
	.rbbsl .share-action.icon-twitter:hover {
		background: linear-gradient(135deg, #1da1f2 0%, #0d8bd9 100%) !important;
		border-color: #0d8bd9 !important;
	}

	.l-shared-items .share-action.icon-linkedin:hover {
		background: linear-gradient(135deg, #0077b5 0%, #005885 100%) !important;
		border-color: #005885 !important;
	}

	.rbbsl .share-action.icon-whatsapp:hover {
		background: linear-gradient(135deg, #25d366 0%, #128c7e 100%) !important;
		border-color: #128c7e !important;
	}

	.l-shared-items .share-action.icon-reddit:hover,
	.rbbsl .share-action.icon-reddit:hover {
		background: linear-gradient(135deg, #ff4500 0%, #cc3700 100%) !important;
		border-color: #cc3700 !important;
	}

	.l-shared-items .share-action.icon-copy:hover,
	.rbbsl .share-action.icon-copy:hover {
		background: linear-gradient(135deg, #6b7280 0%, #4b5563 100%) !important;
		border-color: #4b5563 !important;
	}

	.l-shared-items .share-action.more-icon:hover {
		background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%) !important;
		border-color: #7c3aed !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.l-shared-items .share-action,
	.l-shared-items .share-action i,
	.rbbsl .share-action,
	.rbbsl .share-action i {
		transition: none;
	}
}

@media print {
	.l-shared-sec-outer,
	.e-shared-sec {
		display: none !important;
	}
}