/* 러닝 계산기 위젯 - 2x3 카드 */
.running-calc-widget {
	padding: 0;
}

/* ── 행/열 간격 (Bootstrap 음수 마진 방식) ── */
.running-calc-widget .running-calc-row {
	margin-left: -6px;
	margin-right: -6px;
}
.running-calc-widget .running-calc-col {
	padding-left: 6px;
	padding-right: 6px;
	margin-bottom: 10px;
}
/* 마지막 행(5·6번째 col) 하단 여백 제거 */
.running-calc-widget .running-calc-col:nth-last-child(-n+2) {
	margin-bottom: 0;
}

/* ── 카드: 아이콘+텍스트 묶음을 가운데 배치 ── */
.running-calc-widget .running-calc-card {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 50px;
	padding: 6px 10px !important;
	background: #f8f9fa;
	border: 1px solid #dee2e6;
	border-radius: 6px;
	transition: background 0.2s, border-color 0.2s;
}
.running-calc-widget .running-calc-card:hover {
	background: #fff;
	border-color: #007bff;
}

/* inner: 텍스트 너비만큼 크기, 카드 flex로 정중앙에 위치 */
.running-calc-widget .running-calc-inner {
	position: relative;
}

/* ── 아이콘: inner 왼쪽 끝에 여백 없이 absolute 배치 ── */
.running-calc-widget .running-calc-icon {
	position: absolute;
	right: 100%;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1.05rem;
	line-height: 1;
	color: #6c757d;
	white-space: nowrap;
}
.running-calc-widget .running-calc-card:hover .running-calc-icon {
	color: #007bff;
}

/* ── 레이블: 카드 정중앙 고정 ── */
.running-calc-widget .running-calc-label {
	display: block;
	font-size: 0.85rem;
	font-weight: bold;
	white-space: nowrap;
}

/* ── 모바일: 좌우 여백 ── */
@media (max-width: 767px) {
	.running-calc-widget {
		padding-left: 16px;
		padding-right: 16px;
	}
}
@media (max-width: 575px) {
	.running-calc-widget .running-calc-col {
		margin-bottom: 8px;
	}
	.running-calc-widget .running-calc-card {
		padding: 6px 4px !important;
		min-height: 46px;
	}
}