/* =============================================================
   SHISEILABO Core — SNS導線（シェア＋プロフィール）
   ============================================================= */

.slabo-ico { display: block; }

/* --- プロフィールアイコン --- */
.slabo-social-links {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.slabo-social-links a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	color: #fff;
	background: var(--slabo-ink, #1a1a1a);
	transition: transform .25s var(--slabo-ease, ease), opacity .25s;
}
.slabo-social-links a:hover { transform: translateY(-3px); opacity: .85; }

/* --- シェアボタン（共通） --- */
.slabo-share__list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.slabo-share__btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border: 0;
	border-radius: 10px;
	color: #fff;
	cursor: pointer;
	background: #555;
	transition: transform .2s var(--slabo-ease, ease), filter .2s;
}
.slabo-share__btn:hover { transform: translateY(-2px); filter: brightness(1.08); }
.slabo-share__btn--x        { background: #000; }
.slabo-share__btn--facebook { background: #1877f2; }
.slabo-share__btn--line     { background: #06c755; }
.slabo-share__btn--linkedin { background: #0a66c2; }
.slabo-share__btn--hatena   { background: #00a4de; }
.slabo-share__btn--mail     { background: #6b7280; }
.slabo-share__btn--copy     { background: #374151; }

/* --- 記事下（inline） --- */
.slabo-share--inline {
	margin: 40px 0 8px;
	padding-top: 24px;
	border-top: 1px solid #ececec;
}
.slabo-share__label {
	display: block;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .04em;
	color: var(--slabo-muted, #6b7280);
	margin-bottom: 12px;
}

/* --- フローティング（PC左） --- */
.slabo-share--floating {
	position: fixed;
	left: 16px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 90;
}
.slabo-share--floating .slabo-share__list { flex-direction: column; }
.slabo-share--floating .slabo-share__btn { width: 42px; height: 42px; }
@media (max-width: 1100px) {
	.slabo-share--floating { display: none; } /* 狭い画面では記事下のみ */
}

/* --- コピー完了トースト --- */
.slabo-share__copied {
	position: absolute;
	bottom: calc(100% + 8px);
	left: 50%;
	transform: translateX(-50%) translateY(4px);
	white-space: nowrap;
	background: #111;
	color: #fff;
	font-size: 11px;
	padding: 4px 8px;
	border-radius: 6px;
	opacity: 0;
	pointer-events: none;
	transition: opacity .2s, transform .2s;
}
.slabo-share__btn--copy.is-copied .slabo-share__copied {
	opacity: 1;
	transform: translateX(-50%) translateY(0);
}