/**
 * セラピスト詳細ページ用CSS
 */

/* SNSアイコンラッパー */
.therapist-page__sns-wrapper {
	position: absolute;
	top: 1rem;
	right: 1rem;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	z-index: 10;
}

/* SNSアイコン共通スタイル（円形） */
.therapist-page__sns {
	width: 50px;
	height: 50px;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	transition: opacity 0.3s ease;
}

.therapist-page__sns:hover {
	opacity: 0.65;
}

/* X（黒） */
.therapist-page__twitter {
	background-color: #000;
}

.therapist-page__twitter-icon {
	display: flex;
	align-items: center;
	justify-content: center;
}

.therapist-page__twitter-icon svg {
	width: 24px;
	height: 24px;
	fill: #fff;
}

/* LINE（緑） */
.therapist-page__line {
	background-color: #06C755;
}

.therapist-page__line svg {
	width: 24px;
	height: 24px;
	fill: #fff;
}

/* Instagram（グラデーション） */
.therapist-page__instagram {
	background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
}

.therapist-page__instagram img {
	width: 24px;
	height: 24px;
	filter: brightness(0) invert(1);
}

/* lit.link（背景なし、画像フル表示） */
.therapist-page__litlink {
	background-color: transparent;
}

.therapist-page__litlink img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 100%;
}

/* Bluesky（青） */
.therapist-page__bluesky {
	background-color: #1185FE;
}

.therapist-page__bluesky img {
	width: 24px;
	height: 24px;
	filter: brightness(0) invert(1);
}

.therapist-image {
	width: 90%;
	text-align: center;
}