/* ==========================================================================
   Hiking Care Pro - comparison.css
   Premium responsive comparison tables.
   ========================================================================== */

.hkc-comparison-wrap{
	background:var(--hkc-surface);
	border:1px solid var(--hkc-border);
	border-radius:var(--hkc-radius-lg);
	overflow-x:auto;
	-webkit-overflow-scrolling:touch;
	box-shadow:var(--hkc-shadow-sm);
}

.hkc-comparison-table{
	width:100%;
	min-width:920px;
	border-collapse:separate;
	border-spacing:0;
	font-size:.92rem;
}
.hkc-comparison-table thead th{
	background:var(--hkc-surface-2);
	font-family:var(--hkc-font-display);
	font-weight:600;
	font-size:.78rem;
	letter-spacing:.08em;
	text-transform:uppercase;
	color:var(--hkc-text-muted);
	padding:14px 16px;
	text-align:left;
	position:sticky; top:0;
	border-bottom:1px solid var(--hkc-border);
}
.hkc-comparison-table tbody th,
.hkc-comparison-table tbody td{
	padding:16px;
	border-bottom:1px solid var(--hkc-border);
	vertical-align:middle;
}
.hkc-comparison-table tbody th{
	font-weight:600;
	color:var(--hkc-text);
	font-family:var(--hkc-font-display);
	min-width:200px;
	background:var(--hkc-surface);
}
.hkc-comparison-best{ background:linear-gradient(90deg, rgba(221,161,94,.12), transparent 60%); }
.hkc-comparison-best th{ background:linear-gradient(90deg, rgba(221,161,94,.18), transparent 80%) !important; }
.hkc-comparison-badge{
	display:inline-block;
	font-size:.65rem;
	letter-spacing:.1em;
	text-transform:uppercase;
	font-family:var(--hkc-font-display);
	font-weight:700;
	background:linear-gradient(135deg, var(--hkc-primary), var(--hkc-accent));
	color:#fff;
	padding:3px 8px;
	border-radius:6px;
	margin-right:8px;
	vertical-align:middle;
}

.hkc-comparison-table .hkc-bar{ width:64px; position:relative; }
.hkc-bar-cell{ display:inline-flex; align-items:center; gap:8px; width:auto; min-width:64px; }
.hkc-bar-cell em{ font-style:normal; font-weight:700; font-size:.78rem; color:var(--hkc-text); font-family:var(--hkc-font-display); }
.hkc-comparison-table .hkc-amazon-link{ padding:.4em .8em; font-size:.78rem; box-shadow:none; }
.hkc-comparison-table tbody tr:hover{ background:rgba(221,161,94,.06); }
.hkc-cmp-flash{ animation:hkc-cmp-flash 2.4s ease; }
@keyframes hkc-cmp-flash{
	0%, 100%{ background:transparent; }
	20%, 60%{ background:rgba(221,161,94,.25); }
}