/* =========================================================
   会場価格表 CSS（aL固有・第3層／移植しない）
   配置: assets/css/al/49-price-list.css
   会場端末で見る価格一覧テーブル。読みやすさ優先の簡素な作り。
   モバイルファースト（会場端末＝スマホ/タブレット想定）。
   色・余白はトークン参照。生値は罫線幅・画像実寸など実寸のみ。
   ========================================================= */
/* ---- ガイド文（固定ページ本文） ---- */
.lr-price-list__guide {
	margin-bottom: var(--lr-space-lg);
}
/* ---- 案内文（ゲート閉・開催中なし・作品なし） ---- */
.lr-price-list__notice {
	margin: var(--lr-space-lg) 0;
	font-size: var(--lr-font-md);
	line-height: var(--lr-leading-body);
	color: var(--lr-text-muted);
	text-align: center;
}
/* ---- テーブル横スクロール（狭い画面ではみ出す場合） ---- */
.lr-price-list__table-wrap {
	margin-top: var(--lr-space-md);
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
/* ---- テーブル本体 ---- */
.lr-price-list__table {
	width: 100%;
	border-collapse: collapse;
	font-size: var(--lr-font-sm);
}
.lr-price-list__table th,
.lr-price-list__table td {
	padding: var(--lr-space-sm) var(--lr-space-xs);
	border-bottom: 1px solid var(--lr-border);
	vertical-align: middle;
	text-align: left;
}
/* 見出し行 */
.lr-price-list__table thead th {
	background-color: var(--lr-bg-subtle);
	font-weight: var(--lr-weight-bold);
	color: var(--lr-text);
	white-space: nowrap;
}
/* ---- 列幅：タイトルに余白を吸わせ、他は内容幅に締める ---- */
.lr-price-list__col-title {
	width: 100%;
}
.lr-price-list__col-price,
.lr-price-list__col-status {
	width: 1%;
	white-space: nowrap;
}
/* ---- 列：画像 ---- */
.lr-price-list__col-img {
	width: 72px;
}
.lr-price-list__col-img img {
	display: block;
	width: 64px;
	height: 64px;
	object-fit: cover;
	border-radius: var(--lr-radius);
}
/* ---- 列：タイトル・作家 ---- */
.lr-price-list__col-title a {
	color: var(--lr-text);
	text-decoration: none;
	font-weight: var(--lr-weight-bold);
}
.lr-price-list__col-title a:hover {
	color: var(--lr-link);
}
.lr-price-list__artist {
	display: block;
	margin-top: var(--lr-space-2xs);
	font-size: var(--lr-font-xs);
	color: var(--lr-text-muted);
}
/* ---- 列：価格（右寄せ・等幅数字・折り返さない） ---- */
.lr-price-list__table .lr-price-list__col-price {
	text-align: right;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}
/* 価格見出し：ラベルとソートボタンを右端に寄せて横並び */
.lr-price-list__price-head {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: var(--lr-space-2xs);
}
.lr-price-list__sort {
	appearance: none;
	margin-left: var(--lr-space-2xs);
	padding: 0 .3em;
	min-height: 32px;
	background: none;
	border: 1px solid var(--lr-border);
	border-radius: var(--lr-radius);
	color: var(--lr-text-muted);
	font-size: var(--lr-font-xs);
	line-height: 1;
	cursor: pointer;
}
.lr-price-list__sort:hover {
	color: var(--lr-accent);
	border-color: var(--lr-accent);
}
/* ---- 列：状態 ---- */
.lr-price-list__col-status {
	color: var(--lr-text-muted);
	font-size: var(--lr-font-xs);
}
/* ---- 成約済の行：トーンを落として販売中と区別 ---- */
.lr-price-list__table tbody tr:has(.lr-price-list__col-status:not(:empty)) {
	color: var(--lr-text-muted);
}
.lr-price-list__table tbody tr:has(.lr-price-list__col-status:not(:empty)) .lr-price-list__col-title a {
	color: var(--lr-text-muted);
	font-weight: var(--lr-weight-normal);
}
/* ---- タブレット以上：余白を少し広げて見やすく ---- */
@media (min-width: 600px) {
	.lr-price-list__table {
		font-size: var(--lr-font-base);
	}
	.lr-price-list__table th,
	.lr-price-list__table td {
		padding: var(--lr-space-md) var(--lr-space-sm);
	}
	.lr-price-list__col-img {
		width: 96px;
	}
	.lr-price-list__col-img img {
		width: 80px;
		height: 80px;
	}
}