/**
 * Compare Page — Sticky header, horizontal scroll, difference highlight.
 *
 * @package NewTechPrice
 */

.ntp-compare-scroll {
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
}

.ntp-compare-scroll::-webkit-scrollbar {
	height: 8px;
}

.ntp-compare-scroll::-webkit-scrollbar-track {
	background: rgb(241 245 249);
}

[data-theme="dark"] .ntp-compare-scroll::-webkit-scrollbar-track {
	background: rgb(30 41 59);
}

.ntp-compare-scroll::-webkit-scrollbar-thumb {
	background: rgb(203 213 225);
	border-radius: 4px;
}

[data-theme="dark"] .ntp-compare-scroll::-webkit-scrollbar-thumb {
	background: rgb(71 85 105);
}

.ntp-compare-table .ntp-compare-header-row th {
	box-shadow: 0 1px 0 0 rgb(226 232 240);
}

[data-theme="dark"] .ntp-compare-table .ntp-compare-header-row th {
	box-shadow: 0 1px 0 0 rgb(51 65 85);
}

.ntp-compare-table .ntp-compare-spec-label {
	box-shadow: 2px 0 4px -2px rgba(0, 0, 0, 0.08);
}

[data-theme="dark"] .ntp-compare-table .ntp-compare-spec-label {
	box-shadow: 2px 0 4px -2px rgba(0, 0, 0, 0.3);
}

.ntp-compare-spec-row.ntp-has-diff:not(.ntp-diff-visible) {
	opacity: 0.85;
}

.ntp-compare-spec-row.ntp-has-diff.ntp-diff-visible {
	background: rgba(251, 191, 36, 0.08);
}

[data-theme="dark"] .ntp-compare-spec-row.ntp-has-diff.ntp-diff-visible {
	background: rgba(251, 191, 36, 0.12);
}

.ntp-compare-spec-row.ntp-has-diff.ntp-diff-visible .ntp-compare-spec-value {
	font-weight: 500;
}

.ntp-compare-add-suggest.ntp-visible,
.ntp-compare-search-suggest.ntp-search-suggest--visible {
	display: block !important;
}

.ntp-compare-search-suggest .ntp-search-suggest__item {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.5rem 0.75rem;
	cursor: pointer;
	transition: background 0.15s;
}

.ntp-compare-search-suggest .ntp-search-suggest__item:hover {
	background: rgb(241 245 249);
}

[data-theme="dark"] .ntp-compare-search-suggest .ntp-search-suggest__item:hover {
	background: rgb(51 65 85);
}

.ntp-compare-search-suggest .ntp-search-suggest__item {
	cursor: pointer;
}

.ntp-compare-add-suggest .ntp-compare-add-item {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.5rem 0.75rem;
	border-radius: 0.5rem;
	cursor: pointer;
	transition: background 0.15s;
}

.ntp-compare-add-suggest .ntp-compare-add-item:hover {
	background: rgb(241 245 249);
}

[data-theme="dark"] .ntp-compare-add-suggest .ntp-compare-add-item:hover {
	background: rgb(51 65 85);
}

/* Empty state: comparison slots (dashed boxes) */
.ntp-compare-slot--empty {
	transition: border-color 0.2s, background-color 0.2s;
}

.ntp-compare-slot--empty:hover {
	border-color: rgb(148 163 184);
	background-color: rgba(241, 245, 249, 0.8);
}

[data-theme="dark"] .ntp-compare-slot--empty:hover {
	border-color: rgb(71 85 105);
	background-color: rgba(51, 65, 85, 0.5);
}