/**
 * シミュレーション比較ページ用物件カード
 *
 * HTML: parts/sim-compare-property-card.html
 * 見た目は後続で調整。
 */

.minolink-sim-compare-card {
	box-sizing: border-box;
}

.minolink-sim-compare-card__label {
	display: flex;
	flex-direction: column;
	gap: 0;
	box-sizing: border-box;
	border-width: 4px;
	border-style: solid;
	border-color: var(--wp--preset--color--gray-100);
	border-radius: var(--wp--custom--radius--normal);
	overflow: hidden;
	background-color: var(--wp--preset--color--base);
	cursor: pointer;
}

.minolink-sim-compare-card__label:not(:has(.minolink-sim-compare-card__checkbox:checked)) {
	border-color: var(--wp--preset--color--gray-100);
}

.minolink-sim-compare-card__label:has(.minolink-sim-compare-card__checkbox:checked) {
	border-color: var(--wp--preset--color--primary);
}

.minolink-sim-compare-card__media-wrap {
	position: relative;
}

.minolink-sim-compare-card__media {
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: 3 / 2;
	overflow: hidden;
	background-color: var(--wp--preset--color--gray-200);
}

/* ::before のロゴ プレースホルダーは components/media-placeholder.css 側で定義 */

.minolink-sim-compare-card__thumb {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.minolink-sim-compare-card__body {
	padding: var(--wp--preset--spacing--30);
	min-width: 0;
}

.minolink-sim-compare-card__name {
	margin: 0;
	font-size: var(--wp--preset--font-size--medium);
	font-weight: var(--wp--custom--font-weight--semibold);
	display: -webkit-box;
	overflow: hidden;
	min-height: 2lh;
	overflow-wrap: anywhere;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
}

.minolink-sim-compare-card__checkbox {
	position: absolute;
	top: var(--wp--preset--spacing--10);
	right: var(--wp--preset--spacing--10);
	z-index: 1;
	margin: 0;
}

.minolink-sim-compare-card__spec {
	display: grid;
	grid-template-columns: max-content minmax(0, 1fr);
	column-gap: var(--wp--preset--spacing--20);
	row-gap: var(--wp--preset--spacing--10);
	align-items: start;
	margin: 0;
}

.minolink-sim-compare-card__spec-row {
	display: contents;
}

.minolink-sim-compare-card__spec-row dt {
	margin: 0;
	white-space: nowrap;
}

.minolink-sim-compare-card__spec-row dd {
	margin: 0;
	min-width: 0;
}

.minolink-sim-compare-card__spec-row--income {
	display: grid;
	grid-column: 1 / -1;
	grid-template-columns: subgrid;
	align-items: center;
}

.minolink-sim-compare-card__income {
	font-size: var(--wp--preset--font-size--xx-small);
	line-height: var(--wp--custom--line-height--small);
}

.minolink-sim-compare-card__limit-popup {
	position: absolute;
	top: var(--wp--preset--spacing--10);
	right: var(--wp--preset--spacing--10);
	z-index: 3;
	margin: 0;
	padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
	border-radius: var(--wp--custom--radius--small);
	background-color: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
	font-size: var(--wp--preset--font-size--small);
	font-weight: var(--wp--custom--font-weight--semibold);
	line-height: var(--wp--custom--line-height--small);
	white-space: nowrap;
	pointer-events: none;
	box-shadow: var(--wp--custom--shadow--card);
}

.minolink-sim-compare-card__limit-popup[hidden] {
	display: none;
}