/**
 * 買取実績アーカイブページのスタイル
 *
 * @package GinzaRePearl
 */

/* 買取実績一覧ページのスタイル */
.jisseki-archive-page {
	padding: var(--section-padding-y) 0;
}

.jisseki-archive-page .container {
	max-width: var(--container-max-width);
	margin: 0 auto;
	padding: 0 var(--section-padding-x);
}

.jisseki-archive-page .page-header {
	text-align: center;
	margin-bottom: var(--gap-lg);
}

.jisseki-archive-page .page-title {
	font-size: 2.5rem;
	color: var(--color-dark);
	margin-bottom: var(--gap-sm);
}

.jisseki-archive-page .page-description {
	color: var(--color-gray);
	font-size: 1.1rem;
}

/* フィルター */
.jisseki-filters {
	background: var(--color-light-gray);
	padding: var(--card-padding);
	border-radius: var(--card-border-radius);
	margin-bottom: var(--gap-lg);
}

.jisseki-filter-form {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap-md);
	align-items: center;
}

.jisseki-filters .filter-group {
	display: flex;
	align-items: center;
	gap: var(--gap-sm);
}

.jisseki-filters .filter-group label {
	font-weight: 600;
	white-space: nowrap;
}

.jisseki-filters .filter-group select {
	padding: var(--gap-sm) var(--gap-md);
	border: 1px solid var(--color-border);
	border-radius: 4px;
}

.filter-submit {
	padding: var(--gap-sm) var(--card-padding);
	background: var(--color-primary);
	color: var(--color-white);
	border: none;
	border-radius: 4px;
	cursor: pointer;
}

.filter-submit:hover {
	background: var(--color-primary-hover);
}

/* グリッドレイアウト */
/* Note: HTMLでは .jisseki-related__grid を使用（single-jisseki.cssで定義） */

.jisseki-card {
	background: var(--color-white);
	border-radius: var(--gap-sm);
	overflow: hidden;
	box-shadow: var(--shadow-md);
	transition: transform var(--transition-speed) ease, box-shadow var(--transition-speed) ease;
}

.jisseki-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.jisseki-thumbnail {
	position: relative;
	overflow: hidden;
	height: 200px;
}

.jisseki-thumbnail img {
	max-width: 100%;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.jisseki-content {
	padding: var(--card-padding);
}

.jisseki-title {
	margin-bottom: var(--gap-sm);
}

.jisseki-title a {
	color: var(--color-dark);
	text-decoration: none;
	font-size: 1.2rem;
	font-weight: 600;
}

.jisseki-title a:hover {
	color: var(--color-primary);
}

.jisseki-details {
	margin-bottom: var(--gap-sm);
}

.jisseki-details > div {
	display: flex;
	margin-bottom: var(--gap-sm);
}

.jisseki-details span[class$="-label"] {
	font-weight: 600;
	color: var(--color-gray);
	min-width: 80px;
}

.price-value {
	color: var(--color-danger);
	font-weight: bold;
	font-size: 1.1rem;
}

.jisseki-link {
	display: inline-block;
	padding: var(--gap-sm) var(--gap-md);
	background: var(--color-primary);
	color: var(--color-white);
	text-decoration: none;
	border-radius: 4px;
	font-size: var(--font-size-small);
}

.jisseki-link:hover {
	background: var(--color-primary-hover);
	color: var(--color-white);
}

/* アーカイブページのグリッドレイアウト（カードとページネーションの間隔調整） */
.jisseki-archive-page .jisseki-related__grid {
	margin-bottom: var(--gap-lg);
}

/* ページネーション */
.jisseki-pagination {
	text-align: center;
	margin-top: var(--card-padding);
}

.jisseki-pagination .page-numbers {
	display: inline-block;
	padding: var(--gap-sm) var(--gap-md);
	margin: 0 4px;
	background: var(--color-light-gray);
	color: var(--color-dark);
	text-decoration: none;
	border-radius: 4px;
}

.jisseki-pagination .page-numbers:hover,
.jisseki-pagination .page-numbers.current {
	background: var(--color-primary);
	color: var(--color-white);
}

/* レスポンシブ */
@media (max-width: 768px) {
	.jisseki-filter-form {
		flex-direction: column;
		align-items: stretch;
	}

	.jisseki-filters .filter-group {
		flex-direction: column;
		align-items: stretch;
		gap: 4px;
	}

	.jisseki-archive-page .page-title {
		font-size: 2rem;
	}
}

.no-results {
	grid-column: 1 / -1;
	text-align: center;
	padding: var(--gap-lg);
	color: var(--color-gray);
}