/* Brightsand Link Hub — front-end styles
   Namespaced under .bsd-linktree and !important throughout on purpose:
   Uncode's own typography/element CSS is aggressive and will win ties on
   plain specificity, this guarantees the brand card renders exactly as
   designed regardless of theme. */

.bsd-linktree {
	background-color: var(--bsd-lt-bg, #0A1E42) !important;
	padding: 18px 16px !important;
	box-sizing: border-box !important;
}

/* Uncode wraps this shortcode in a row with its "double top/bottom padding" option on,
   which adds 72px + 72px on top of this plugin's own spacing above. This stylesheet only
   loads on the page carrying [bsd_linktree], so trimming that row here is safe. :has()
   scopes it to the row that actually contains our card, never any other row/page. */
.row.double-top-padding:has(.bsd-linktree) {
	padding-top: 12px !important;
}

.row.double-bottom-padding:has(.bsd-linktree) {
	padding-bottom: 12px !important;
}

.bsd-linktree .bsd-lt-card {
	max-width: 560px !important;
	margin: 0 auto !important;
	background: var(--bsd-lt-card-bg, #313133) !important;
	border-radius: 24px !important;
	padding: 22px 24px !important;
	box-sizing: border-box !important;
}

.bsd-linktree .bsd-lt-profile {
	text-align: center !important;
}

.bsd-linktree .bsd-lt-avatar {
	border-radius: 50% !important;
	object-fit: cover !important;
	display: inline-block !important;
	width: 96px !important;
	height: 96px !important;
}

.bsd-linktree .bsd-lt-name {
	color: var(--bsd-lt-text, #F6F1E7) !important;
	margin: 10px 0 4px !important;
	font-size: 24px !important;
	font-weight: 600 !important;
}

.bsd-linktree .bsd-lt-bio {
	color: var(--bsd-lt-text, #F6F1E7) !important;
	max-width: 420px !important;
	margin: 0 auto 10px !important;
	font-size: 16px !important;
	line-height: 1.5 !important;
}

.bsd-linktree .bsd-lt-socials {
	margin: 0 0 12px !important;
}

.bsd-linktree .bsd-lt-social-icon {
	display: inline-block !important;
	margin: 0 12px !important;
	color: var(--bsd-lt-text, #F6F1E7) !important;
	font-size: 24px !important;
	text-decoration: none !important;
}

.bsd-linktree .bsd-lt-btn {
	display: flex !important;
	align-items: center !important;
	background: var(--bsd-lt-accent, #003BBF) !important;
	color: var(--bsd-lt-text, #F6F1E7) !important;
	border-radius: 16px !important;
	padding: 10px 20px !important;
	margin-bottom: 6px !important;
	text-decoration: none !important;
	font-weight: 500 !important;
	box-sizing: border-box !important;
	transition: background 0.15s ease !important;
}

.bsd-linktree .bsd-lt-btn:last-of-type {
	margin-bottom: 0 !important;
}

.bsd-linktree .bsd-lt-btn:hover {
	background: var(--bsd-lt-accent-hover, #4694FF) !important;
	color: var(--bsd-lt-hover-text, #0A1E42) !important;
}

.bsd-linktree .bsd-lt-btn:hover .bsd-lt-btn-icon,
.bsd-linktree .bsd-lt-btn:hover .bsd-lt-btn-label {
	color: var(--bsd-lt-hover-text, #0A1E42) !important;
}

.bsd-linktree .bsd-lt-btn-icon {
	width: 24px !important;
	font-size: 18px !important;
	color: var(--bsd-lt-text, #F6F1E7) !important;
}

.bsd-linktree .bsd-lt-btn-label {
	flex: 1 !important;
	text-align: center !important;
	color: var(--bsd-lt-text, #F6F1E7) !important;
	font-size: 16px !important;
}

.bsd-linktree .bsd-lt-insights-heading {
	text-align: center !important;
	color: var(--bsd-lt-text, #F6F1E7) !important;
	margin: 14px 0 10px !important;
	font-size: 20px !important;
	font-weight: 600 !important;
}

.bsd-linktree .bsd-lt-carousel {
	display: flex !important;
	overflow-x: auto !important;
	gap: 12px !important;
	padding-bottom: 10px !important;
	-webkit-overflow-scrolling: touch !important;
	scroll-snap-type: x mandatory !important;
}

.bsd-linktree .bsd-lt-carousel::-webkit-scrollbar {
	height: 6px !important;
}

.bsd-linktree .bsd-lt-carousel::-webkit-scrollbar-thumb {
	background: rgba(246, 241, 231, 0.3) !important;
	border-radius: 3px !important;
}

.bsd-linktree .bsd-lt-card-item {
	flex: 0 0 200px !important;
	scroll-snap-align: start !important;
	text-decoration: none !important;
	display: block !important;
}

.bsd-linktree .bsd-lt-card-item img {
	width: 100% !important;
	height: 85px !important;
	object-fit: cover !important;
	border-radius: 12px 12px 0 0 !important;
	display: block !important;
	margin: 0 !important;
}

.bsd-linktree .bsd-lt-card-item span {
	display: block !important;
	background: var(--bsd-lt-accent, #003BBF) !important;
	color: var(--bsd-lt-text, #F6F1E7) !important;
	padding: 10px !important;
	border-radius: 0 0 12px 12px !important;
	font-size: 13px !important;
	line-height: 1.3 !important;
}

@media (max-width: 480px) {
	.bsd-linktree {
		padding: 12px 12px !important;
	}
	.bsd-linktree .bsd-lt-card {
		padding: 16px 16px !important;
	}
	.bsd-linktree .bsd-lt-avatar {
		width: 84px !important;
		height: 84px !important;
	}
}