/*
Theme Name:   PC-RESALE Child
Description:  pc-resale.shop 用の Kadence 子テーマ（中古PCパーツのショーケース・すっきり見やすい方向）
Template:     kadence
Version:      0.2.0
Author:       株式会社AsU
Text Domain:  pc-resale-child
*/

:root {
	--pcr-accent: #5b4bdb;      /* ロゴの紫 */
	--pcr-accent-2: #2f6fe4;    /* ロゴの青 */
	--pcr-text: #222;
	--pcr-sub: #6b6b76;
	--pcr-line: #e7e7ee;
	--pcr-bg-soft: #f7f7fa;
	--pcr-ok: #1f9d55;
	--pcr-radius: 14px;
}

body { color: var(--pcr-text); }

/* ===== 商品一覧（カード型） ===== */
.woocommerce ul.products li.product {
	background: #fff;
	border: 1px solid var(--pcr-line);
	border-radius: var(--pcr-radius);
	padding: 14px 14px 18px;
	transition: box-shadow .2s ease, transform .2s ease;
}
.woocommerce ul.products li.product:hover {
	box-shadow: 0 8px 24px rgba(30, 30, 60, .08);
	transform: translateY(-2px);
}
.woocommerce ul.products li.product a img {
	aspect-ratio: 1 / 1;
	object-fit: contain;
	background: var(--pcr-bg-soft);
	border-radius: 10px;
	padding: 10px;
	margin-bottom: 12px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-size: 15px;
	line-height: 1.5;
	font-weight: 600;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 3em;
}
.woocommerce ul.products li.product .price {
	font-size: 20px;
	font-weight: 700;
	color: var(--pcr-text);
}

/* ===== 札（状態ランク・動作確認済み） ===== */
.pcr-badges { display: flex; flex-wrap: wrap; gap: 6px; margin: 4px 0 8px; }
.pcr-badge {
	display: inline-block;
	font-size: 12px;
	line-height: 1;
	padding: 6px 10px;
	border-radius: 999px;
	background: var(--pcr-bg-soft);
	color: var(--pcr-sub);
	border: 1px solid var(--pcr-line);
}
.pcr-badge--rank { background: #efeafe; color: var(--pcr-accent); border-color: #ddd3fd; font-weight: 700; }
.pcr-badge--ok { background: #e8f6ee; color: var(--pcr-ok); border-color: #cdebd9; }

/* ===== ボタン ===== */
.woocommerce a.button,
.woocommerce button.button,
.pcr-buy a {
	border-radius: 999px !important;
	font-weight: 700;
	padding: 12px 20px;
}
.woocommerce a.button.product_type_external,
.pcr-buy a.pcr-buy--mercari {
	background: var(--pcr-accent) !important;
	color: #fff !important;
}
.pcr-buy a.pcr-buy--amazon {
	background: #fff !important;
	color: var(--pcr-text) !important;
	border: 2px solid var(--pcr-text);
}
.pcr-buy { display: flex; flex-direction: column; gap: 10px; margin: 16px 0; max-width: 420px; }
.pcr-buy a { display: block; text-align: center; text-decoration: none; }

/* ===== 商品ページの安心材料 ===== */
.pcr-trust {
	background: var(--pcr-bg-soft);
	border: 1px solid var(--pcr-line);
	border-radius: var(--pcr-radius);
	padding: 16px 18px;
	margin: 18px 0;
	font-size: 14px;
	line-height: 1.8;
}
.pcr-trust h4 { margin: 0 0 6px; font-size: 15px; }
.pcr-trust ul { margin: 0; padding-left: 1.2em; }
.pcr-rank-table { width: 100%; border-collapse: collapse; font-size: 13px; margin-top: 8px; }
.pcr-rank-table th, .pcr-rank-table td { border-top: 1px solid var(--pcr-line); padding: 6px 8px; text-align: left; vertical-align: top; }
.pcr-rank-table th { width: 3.5em; color: var(--pcr-accent); }

/* ===== 古物の表示（フッター） ===== */
.pcr-kobutsu {
	text-align: center;
	font-size: 12px;
	line-height: 1.8;
	padding: 12px 16px;
	color: #555;
	background: #f5f5f5;
	border-top: 1px solid #e3e3e3;
}