/* ===== カウンセラーカード（ホームページ表示用） ===== */
/* 重要: カード内のインラインスタイルが優先。このCSSはフォールバックおよびホバー等の補助 */

/* 横スクロールコンテナ（レイアウトは PHP インラインスタイルで制御） */
.tamao-counselors {
	scrollbar-width: thin;
	scrollbar-color: #f0c8d8 transparent;
}

.tamao-counselors::-webkit-scrollbar { height: 4px; }
.tamao-counselors::-webkit-scrollbar-track { background: transparent; }
.tamao-counselors::-webkit-scrollbar-thumb { background: #f0c8d8; border-radius: 4px; }

/* カード */
.tamao-counselors .tamao-counselor-card {
	transition: transform .2s, box-shadow .2s;
}

.tamao-counselors .tamao-counselor-card:hover {
	transform: translateY(-3px) !important;
	box-shadow: 0 6px 20px rgba(0, 0, 0, .14) !important;
}

/* 写真リンク */
.tamao-counselors .tamao-card-photo-link:hover {
	opacity: .9;
}

/* 名前リンク hover */
.tamao-counselors .tamao-card-name-link:hover {
	color: #e75480 !important;
	text-decoration: none !important;
}

/* h3 のテーマ装飾を強制リセット */
.tamao-counselors .tamao-card-name::before,
.tamao-counselors .tamao-card-name::after {
	content: none !important;
	display: none !important;
}

/* バッジ色 */
.tamao-counselors .tamao-badge-online   { background: #d4edda !important; color: #155724 !important; }
.tamao-counselors .tamao-badge-busy     { background: #fff3cd !important; color: #856404 !important; }
.tamao-counselors .tamao-badge-available{ background: #d1ecf1 !important; color: #0c5460 !important; }
.tamao-counselors .tamao-badge-offline  { background: #f0f0f0 !important; color: #888    !important; }

/* ボタン hover */
.tamao-counselors .tamao-card-button:hover {
	opacity: .85 !important;
	text-decoration: none !important;
}

/* オフライン時メッセージ */
.tamao-no-counselors-message {
	text-align: center;
	font-size: 15px;
	color: #666;
	padding: 24px 0 8px;
	margin: 0;
}