/* UC Reactions。色は currentColor とサイトの文字色に合わせ、サイトごとの調整は子テーマで .ucr を上書きする */
/* 上下の線の間に、ハート（とシェア）を上下の余白をそろえて置く */
.ucr {
	margin: 1.5em 0 0;
	padding: 1em 0;
	text-align: center;
	border-top: 1px solid rgba(0, 0, 0, .12);
	border-bottom: 1px solid rgba(0, 0, 0, .12);
}
/* テーマが段落やボタンの並びに付ける余白を打ち消し、枠の中の余白だけにする */
.ucr p { margin: 0; }
.ucr > :last-child, .ucr-share > :last-child { margin-bottom: 0 !important; }
.ucr-share { margin-top: .8em; }
.ucr-share-message { font-size: .85em; }
.ucr-share .sns-share-buttons { justify-content: center; margin: .5em 0 0 !important; }
.ucr-share .sns-share-buttons a { margin-bottom: 0; }
.ucr-share-links { display: flex; flex-wrap: wrap; justify-content: center; gap: .4em .8em; margin-top: .4em; font-size: .85em; }
.ucr-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: .4em .8em;
	font-size: .9em;
}
.ucr-like {
	display: inline-flex;
	align-items: center;
	gap: .4em;
	min-height: 36px;
	padding: .2em .9em;
	font: inherit;
	color: #b88a94;
	background: #fff;
	border: 1px solid currentColor;
	border-radius: 999px;
	cursor: pointer;
	transition: transform .15s ease;
}
.ucr-like:hover { transform: scale(1.05); }
.ucr-like:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.ucr-like:disabled { cursor: progress; }
.ucr-heart-icon {
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
}
.ucr-like.is-liked { color: #fff; background: #b88a94; border-color: #b88a94; cursor: default; }
.ucr-like.is-liked .ucr-heart-icon { fill: currentColor; }
.ucr-count:empty { display: none; }
.ucr-report { margin-top: .5em; font-size: .85em; text-align: left; }
.ucr-report summary { cursor: pointer; text-align: center; opacity: .75; }
.ucr-report-form { margin-top: .8em; }
.ucr-report fieldset { margin: 0 0 .6em; padding: 0; border: 0; }
.ucr-report legend { margin-bottom: .3em; font-weight: bold; }
.ucr-reason { display: block; margin: .2em 0; }
.ucr-note-label { display: block; }
.ucr-note-label textarea { display: block; box-sizing: border-box; width: 100%; margin-top: .3em; font: inherit; }
.ucr-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.ucr-private { margin: .5em 0; opacity: .75; }
.ucr-send { padding: .4em 1.4em; font: inherit; cursor: pointer; }
.ucr-message:empty { display: none; }
.ucr [hidden], .ucr-card[hidden] { display: none !important; }

/* 記事カードの数：日付の並びの左端（左下）に置き、日付と高さをそろえる */
.ucr-card {
	display: inline-flex;
	align-items: center;
	gap: .2em;
	align-self: flex-end;
	margin-right: auto !important;
	font-size: .8em;
	line-height: 1;
	color: #b88a94;
	white-space: nowrap;
}
.ucr-card .ucr-heart-icon { display: block; width: 1.1em; height: 1.1em; fill: currentColor; stroke: none; }
.e-card-info:has(> .ucr-card:not([hidden])),
.card-info:has(> .ucr-card:not([hidden])) {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
/* 横長のカード（日付の欄が右下に寄せて置かれる形）でも、左端まで広げる */
.e-card-meta:has(.ucr-card:not([hidden])) { left: 0; }
/* 小さい横長のカード（新着・人気記事のウィジェット、トップのカテゴリ別の一覧。Cocoon の .widget-entry-card）は、
   カードの右下に固定する。右の「›」（Cocoon の .card-arrow、上下の中央）とは重ならない */
.widget-entry-card { position: relative; }
.widget-entry-card .ucr-card {
	position: absolute;
	right: 6px;
	bottom: 2px;
	margin: 0 !important;
}