/**
 * Ohanashi Profile
 * 仕様書 v1.0 Section 12.8
 *
 * Phase 1 では BuddyBoss 既定プロフィールに装飾を被せるレベル。
 * 構造的に大きく変える場合は子テーマ buddypress/members/single/member-header.php で override。
 */

#item-header.user-header {
	background: linear-gradient(180deg, rgba(123, 95, 233, 0.06), transparent 60%);
	padding: 24px;
	border-radius: var(--oh-r-lg);
}

#item-header .item-header-avatar img {
	width: 100px !important;
	height: 100px !important;
	border-radius: 50% !important;
	border: 4px solid #fff;
	box-shadow: var(--oh-shadow-md);
}

#item-header .user-meta {
	color: var(--oh-text-secondary);
	font-size: 13px;
	margin-top: 4px;
}

/* スタッツ 4カード */
.oh-profile-stats {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
	margin: 16px 0;
	max-width: 720px;
}

.oh-profile-stats__card {
	background: var(--oh-bg-card);
	border-radius: var(--oh-r-md);
	padding: 12px 8px;
	text-align: center;
	box-shadow: var(--oh-shadow-sm);
}

.oh-profile-stats__value {
	font-size: 20px;
	font-weight: 800;
	color: var(--oh-text-primary);
}

.oh-profile-stats__label {
	font-size: 11px;
	color: var(--oh-text-tertiary);
	margin-top: 2px;
}

/* 学習方向バッジ */
.oh-direction-badge {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 3px 10px;
	border-radius: var(--oh-r-full);
	font-size: 11px;
	font-weight: 700;
	color: #fff;
}
.oh-direction-badge--jp-id { background: var(--oh-direction-jp-id); }
.oh-direction-badge--id-jp { background: var(--oh-direction-id-jp); }