/* =========================================================
   DARK MODE — COMPARISON PAGE
   ========================================================= */

/* ---------------------------------------------------------
   Empty comparison state
   --------------------------------------------------------- */

html.oneauto-dark .a1-compare-empty {
	background: transparent !important;
	color: #e8e6e3 !important;
}

html.oneauto-dark .a1-compare-empty-card {
	background: #1b1f20 !important;
	background-image: none !important;
	color: #e8e6e3 !important;
	border: 1px solid #343b3d !important;
	border-radius: 16px !important;
	box-shadow: 0 10px 28px rgba(0, 0, 0, .24) !important;
}

html.oneauto-dark .a1-compare-empty-title {
	color: #f1f5f9 !important;
}

html.oneauto-dark .a1-compare-empty-text {
	color: #aeb6bd !important;
}

html.oneauto-dark .a1-compare-empty-link {
	background: #0D53C5 !important;
	color: #ffffff !important;
	border: 1px solid #0D53C5 !important;
	box-shadow: none !important;
}

html.oneauto-dark .a1-compare-empty-link:hover {
	background: #164fb0 !important;
	color: #ffffff !important;
}

/* ---------------------------------------------------------
   Comparison table outer shell
   --------------------------------------------------------- */

html.oneauto-dark .a1-compare-table-scroll {
	background: #1b1f20 !important;
	color: #e8e6e3 !important;
	border: 1px solid #343b3d !important;
	border-radius: 16px !important;
	box-shadow: 0 10px 28px rgba(0, 0, 0, .24) !important;
	overflow: auto !important;
}

html.oneauto-dark .a1-compare-table {
	background: #1b1f20 !important;
	color: #e8e6e3 !important;
	border-color: #343b3d !important;
}

/* Every normal table cell */
html.oneauto-dark .a1-compare-table th,
html.oneauto-dark .a1-compare-table td {
	background: #1b1f20 !important;
	color: #e8e6e3 !important;
	border-color: #343b3d !important;
}

/* Alternating rows, without white flashes */
html.oneauto-dark .a1-compare-table tbody > tr:not(.a1-compare-section-row):not(.a1-compare-varustus-subhead-row):nth-child(even) > td {
	background: #191d1e !important;
}

html.oneauto-dark .a1-compare-table tbody > tr:not(.a1-compare-section-row):not(.a1-compare-varustus-subhead-row):nth-child(odd) > td {
	background: #1b1f20 !important;
}

/* ---------------------------------------------------------
   Vehicle header
   --------------------------------------------------------- */

html.oneauto-dark .a1-compare-vehicle {
	background: #1b1f20 !important;
	color: #e8e6e3 !important;
}

html.oneauto-dark .a1-compare-vehicle a {
	color: #e8e6e3 !important;
}

html.oneauto-dark .a1-compare-vehicle-titletext {
	color: #f1f5f9 !important;
}

html.oneauto-dark .a1-compare-vehicle-md,
html.oneauto-dark .a1-compare-pathline {
	color: #9ca3af !important;
}

html.oneauto-dark .a1-compare-vehicle-thumb {
	filter: brightness(.86) contrast(1.04) !important;
}

html.oneauto-dark .a1-compare-vehicle-logo {
	filter: brightness(.9) !important;
}

html.oneauto-dark .a1-compare-remove-x {
	background: #252a2b !important;
	color: #e8e6e3 !important;
	border: 1px solid #3b4447 !important;
	box-shadow: 0 2px 7px rgba(0, 0, 0, .24) !important;
}

html.oneauto-dark .a1-compare-remove-x:hover {
	background: #343b3d !important;
	color: #ffffff !important;
}

/* PDF export button */
html.oneauto-dark .a1-compare-exportbtn {
	background: #252a2b !important;
	color: #4ea3ff !important;
	border: 1px solid #343b3d !important;
	box-shadow: none !important;
}

html.oneauto-dark .a1-compare-exportbtn:hover {
	background: #303638 !important;
	color: #72b5ff !important;
}

/* ---------------------------------------------------------
   Prices
   --------------------------------------------------------- */

html.oneauto-dark .a1-compare-price-old {
	color: #9ca3af !important;
}

html.oneauto-dark .a1-compare-price,
html.oneauto-dark .a1-compare-price--discount {
	color: #ff3333 !important;
}

html.oneauto-dark .a1-compare-price-notes,
html.oneauto-dark .a1-compare-price-notes div {
	color: #aeb6bd !important;
}

/* ---------------------------------------------------------
   Main section headers
   --------------------------------------------------------- */

html.oneauto-dark .a1-compare-section-row > td,
html.oneauto-dark .a1-compare-section {
	background: #252a2b !important;
	color: #f1f5f9 !important;
	border-color: #343b3d !important;
}

/* Row labels */
html.oneauto-dark .a1-compare-row-label {
	color: #e8e6e3 !important;
	font-weight: 600;
}

html.oneauto-dark .a1-compare-cell {
	color: #d6dadd !important;
}

/* Description */
html.oneauto-dark .a1-compare-lines,
html.oneauto-dark .a1-compare-line,
html.oneauto-dark .a1ct-cell {
	color: #d6dadd !important;
	background: inherit !important;
}

/* ---------------------------------------------------------
   Collapsible equipment subheadings
   --------------------------------------------------------- */

html.oneauto-dark .a1-compare-varustus-subhead-row > td,
html.oneauto-dark .a1-compare-varustus-subhead {
	background: #202526 !important;
	color: #f1f5f9 !important;
	border-color: #343b3d !important;
}

html.oneauto-dark .a1-compare-varustus-subhead-text {
	color: #f1f5f9 !important;
}

html.oneauto-dark .a1-compare-varustus-toggle {
	background: #2b3133 !important;
	color: #4ea3ff !important;
	border: 1px solid #3b4447 !important;
	box-shadow: none !important;
}

html.oneauto-dark .a1-compare-varustus-toggle:hover {
	background: #343b3d !important;
	color: #72b5ff !important;
}

/* ---------------------------------------------------------
   Expanded equipment rows and nested tables
   --------------------------------------------------------- */

html.oneauto-dark .a1-compare-table--inner,
html.oneauto-dark .a1v-inner-table,
html.oneauto-dark .a1v-inner-wrap,
html.oneauto-dark .a1v-inner-anim,
html.oneauto-dark .a1-row-anim {
	background: transparent !important;
	color: #e8e6e3 !important;
	border-color: #343b3d !important;
}

/*
 * The comparison code writes white backgrounds directly inline
 * using !important. These selectors are more specific, so they
 * override those inline white row backgrounds in dark mode.
 */
html.oneauto-dark .a1-compare-table .a1v-inner-row > .a1-compare-row-label,
html.oneauto-dark .a1-compare-table .a1v-inner-row > .a1-compare-cell,
html.oneauto-dark .a1-compare-table .a1-compare-feature-row > .a1-compare-row-label,
html.oneauto-dark .a1-compare-table .a1-compare-feature-row > .a1-compare-cell {
	background-color: #1b1f20 !important;
	color: #d6dadd !important;
	border-color: #343b3d !important;
}

html.oneauto-dark .a1-compare-table .a1v-inner-row:nth-child(even) > .a1-compare-row-label,
html.oneauto-dark .a1-compare-table .a1v-inner-row:nth-child(even) > .a1-compare-cell,
html.oneauto-dark .a1-compare-table .a1-compare-feature-row:nth-child(even) > .a1-compare-row-label,
html.oneauto-dark .a1-compare-table .a1-compare-feature-row:nth-child(even) > .a1-compare-cell {
	background-color: #191d1e !important;
}

/* Feature values */
html.oneauto-dark .a1-compare-feature-name,
html.oneauto-dark .a1-compare-feature-cell,
html.oneauto-dark .a1-compare-value-only,
html.oneauto-dark .a1-compare-pm-sub,
html.oneauto-dark .a1-compare-token {
	color: #d6dadd !important;
}

html.oneauto-dark .a1-compare-pm-sign.is-yes {
	color: #4ea3ff !important;
}

/* Scrollbar */
html.oneauto-dark .a1-compare-table-scroll {
	scrollbar-color: #4a5255 #1b1f20;
}

html.oneauto-dark .a1-compare-table-scroll::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

html.oneauto-dark .a1-compare-table-scroll::-webkit-scrollbar-track {
	background: #1b1f20;
}

html.oneauto-dark .a1-compare-table-scroll::-webkit-scrollbar-thumb {
	background: #4a5255;
	border: 2px solid #1b1f20;
	border-radius: 999px;
}

/* =========================================================
   DARK MODE — COMPARISON STICKY BAR + HEADER FIX
   ========================================================= */

/* ---------------------------------------------------------
   Comparison sticky vehicle toolbar
   --------------------------------------------------------- */

html.oneauto-dark #a1-stickybar {
	background: #1b1f20 !important;
	color: #e8e6e3 !important;
	border: 1px solid #343b3d !important;
	border-top: 0 !important;
	box-shadow: 0 8px 20px rgba(0, 0, 0, .28) !important;
}

html.oneauto-dark #a1-stickybar .a1-stickybar-inner,
html.oneauto-dark #a1-stickybar .a1-stickybar-spacer,
html.oneauto-dark #a1-stickybar .a1-stickybar-cell {
	background: #1b1f20 !important;
	color: #e8e6e3 !important;
	border-color: #343b3d !important;
}

html.oneauto-dark #a1-stickybar .a1-stickybar-content {
	background: transparent !important;
	color: #e8e6e3 !important;
}

html.oneauto-dark #a1-stickybar .a1-stickybar-title {
	color: #f1f5f9 !important;
}

html.oneauto-dark #a1-stickybar .a1-stickybar-logo {
	filter: brightness(.9) !important;
}

/* Prevent any white sticky-bar remnants */
html.oneauto-dark #a1-stickybar *,
html.oneauto-dark #a1-stickybar *::before,
html.oneauto-dark #a1-stickybar *::after {
	border-color: #343b3d !important;
}

/* ---------------------------------------------------------
   Comparison removal confirmation modal
   --------------------------------------------------------- */

html.oneauto-dark .a1c-dialog {
	background: #1b1f20 !important;
	color: #e8e6e3 !important;
	border: 1px solid #343b3d !important;
	border-radius: 16px !important;
	box-shadow: 0 18px 45px rgba(0, 0, 0, .36) !important;
}

html.oneauto-dark .a1c-dialog .a1c-text {
	color: #f1f5f9 !important;
}

html.oneauto-dark .a1c-dialog .a1c-actions {
	background: transparent !important;
}

/* Cancel button */
html.oneauto-dark .a1c-dialog .a1c-btn-ghost {
	background: #252a2b !important;
	color: #e8e6e3 !important;
	border: 1px solid #3b4447 !important;
	box-shadow: none !important;
}

html.oneauto-dark .a1c-dialog .a1c-btn-ghost:hover {
	background: #303638 !important;
	color: #ffffff !important;
}

/* Confirm removal button */
html.oneauto-dark .a1c-dialog .a1c-btn-primary {
	background: #c92f39 !important;
	color: #ffffff !important;
	border: 1px solid #c92f39 !important;
	box-shadow: none !important;
}

html.oneauto-dark .a1c-dialog .a1c-btn-primary:hover {
	background: #df3944 !important;
	color: #ffffff !important;
}