/* =========================================================
   1AUTO DARK MODE — SINGLE LISTING PAGE
   Clean full replacement

   Purpose:
   - Recolour the existing Single Listing layout
   - Preserve MyListing's original geometry and spacing
   - Avoid introducing new borders, cards, radii or shadows
   - Cover desktop, compact and mobile variants
   ========================================================= */


/* =========================================================
   PAGE FOUNDATION
   ========================================================= */

html.oneauto-dark body.single-job_listing,
html.oneauto-dark body.single-listing,
html.oneauto-dark body.single-job_listing #c27-site-wrapper,
html.oneauto-dark body.single-job_listing #c27-single-listing,
html.oneauto-dark body.single-job_listing .listing-tabs,
html.oneauto-dark body.single-job_listing .listing-tab,
html.oneauto-dark body.single-job_listing .profile-body,
html.oneauto-dark body.single-job_listing .tab-content,
html.oneauto-dark body.single-job_listing .tab-template-content-sidebar,
html.oneauto-dark body.single-job_listing .cts-column-wrapper,
html.oneauto-dark body.single-job_listing .cts-left-column,
html.oneauto-dark body.single-job_listing .cts-right-column {
	background-color: transparent !important;
	background-image: none !important;
	color: #e8e6e3 !important;
}


/* =========================================================
   TOP LISTING AREA
   ========================================================= */

html.oneauto-dark body.single-job_listing .featured-section,
html.oneauto-dark body.single-job_listing .profile-cover,
html.oneauto-dark body.single-job_listing .main-info-desktop,
html.oneauto-dark body.single-job_listing .listing-main-info {
	background-color: #1b1f20 !important;
	background-image: none !important;
	color: #e8e6e3 !important;
}

html.oneauto-dark body.single-job_listing .profile-name,
html.oneauto-dark body.single-job_listing .profile-name h1,
html.oneauto-dark body.single-job_listing .profile-name span,
html.oneauto-dark body.single-job_listing .case27-primary-text {
	color: #f1f5f9 !important;
}


/* Owner statistics and edit buttons */

html.oneauto-dark body.single-job_listing .oneauto-title-stats-button,
html.oneauto-dark body.single-job_listing .top-right-button,
html.oneauto-dark body.single-job_listing .desktop-title-stats,
html.oneauto-dark body.single-job_listing .mobile-gallery-stats,
html.oneauto-dark body.single-job_listing .mobile-gallery-edit,
html.oneauto-dark body.single-job_listing .edit-listing {
	background-color: #252a2b !important;
	background-image: none !important;
	color: #4ea3ff !important;
	border-color: #465157 !important;
	box-shadow: none !important;
}

html.oneauto-dark body.single-job_listing .oneauto-title-stats-button:hover,
html.oneauto-dark body.single-job_listing .top-right-button:hover,
html.oneauto-dark body.single-job_listing .edit-listing:hover {
	background-color: #303638 !important;
	color: #72b5ff !important;
}

html.oneauto-dark body.single-job_listing .oneauto-title-stats-button i,
html.oneauto-dark body.single-job_listing .top-right-button i,
html.oneauto-dark body.single-job_listing .edit-listing i {
	color: inherit !important;
}


/* =========================================================
   PROFILE MENU / TAB STRIP
   ========================================================= */

html.oneauto-dark body.single-job_listing .profile-header {
	background-color: #1b1f20 !important;
	background-image: none !important;
	border-color: #343b3d !important;
	box-shadow: none !important;
}

html.oneauto-dark body.single-job_listing .profile-menu,
html.oneauto-dark body.single-job_listing .profile-menu ul,
html.oneauto-dark body.single-job_listing .profile-menu li {
	background-color: transparent !important;
	background-image: none !important;
	border-color: #343b3d !important;
}

html.oneauto-dark body.single-job_listing .profile-menu a,
html.oneauto-dark body.single-job_listing .listing-tab-toggle {
	background-color: transparent !important;
	color: #e8e6e3 !important;
}

html.oneauto-dark body.single-job_listing .profile-menu a:hover,
html.oneauto-dark body.single-job_listing .listing-tab-toggle:hover {
	color: #4ea3ff !important;
}


/* =========================================================
   QUICK LISTING ACTIONS
   Favourite, share and report
   ========================================================= */

html.oneauto-dark body.single-job_listing .qla-container,
html.oneauto-dark body.single-job_listing .quick-listing-actions,
html.oneauto-dark body.single-job_listing .quick-listing-actions > ul,
html.oneauto-dark body.single-job_listing .quick-listing-actions li {
	background-color: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
}

html.oneauto-dark body.single-job_listing
.quick-listing-actions li > a {
	background-color: #1b1f20 !important;
	background-image: none !important;
	color: #e8e6e3 !important;
	border-color: #343b3d !important;
	box-shadow: none !important;
}

html.oneauto-dark body.single-job_listing
.quick-listing-actions li > a:hover {
	background-color: #252a2b !important;
	color: #4ea3ff !important;
}

html.oneauto-dark body.single-job_listing
.quick-listing-actions i,
html.oneauto-dark body.single-job_listing
.quick-listing-actions span {
	color: inherit !important;
}


/* =========================================================
   STANDARD SINGLE-LISTING BLOCKS
   Recolour existing shells without changing their geometry
   ========================================================= */

html.oneauto-dark body.single-job_listing
[class*="block-type-"] {
	background-color: transparent !important;
	background-image: none !important;
}

html.oneauto-dark body.single-job_listing
[class*="block-type-"] > .element {
	background-color: #1b1f20 !important;
	background-image: none !important;
	color: #e8e6e3 !important;
	border-color: #343b3d !important;
	box-shadow: none !important;
}


/* Block headings */

html.oneauto-dark body.single-job_listing
[class*="block-type-"] > .element > .pf-head {
	background-color: #1b1f20 !important;
	background-image: none !important;
	color: #e8e6e3 !important;
	border-color: #343b3d !important;
	box-shadow: none !important;
}

html.oneauto-dark body.single-job_listing
[class*="block-type-"] .title-style-1 {
	background-color: transparent !important;
	background-image: none !important;
}

html.oneauto-dark body.single-job_listing
[class*="block-type-"] .title-style-1 h5 {
	color: #f1f5f9 !important;
}

html.oneauto-dark body.single-job_listing
[class*="block-type-"] .title-style-1 i {
	color: #1683ff !important;
}


/* Block bodies */

html.oneauto-dark body.single-job_listing
[class*="block-type-"] > .element > .pf-body {
	background-color: #1b1f20 !important;
	background-image: none !important;
	color: #e8e6e3 !important;
	border-color: #343b3d !important;
	box-shadow: none !important;
}


/* =========================================================
   TEXT AND DESCRIPTION BLOCKS
   ========================================================= */

html.oneauto-dark body.single-job_listing .content-block,
html.oneauto-dark body.single-job_listing .plain-text-content,
html.oneauto-dark body.single-job_listing .wp-editor-content {
	background-color: #1b1f20 !important;
	background-image: none !important;
	color: #e8e6e3 !important;
}

html.oneauto-dark body.single-job_listing .content-block p,
html.oneauto-dark body.single-job_listing .content-block div,
html.oneauto-dark body.single-job_listing .content-block span,
html.oneauto-dark body.single-job_listing .content-block li,
html.oneauto-dark body.single-job_listing .content-block strong,
html.oneauto-dark body.single-job_listing .content-block em,
html.oneauto-dark body.single-job_listing .wp-editor-content p,
html.oneauto-dark body.single-job_listing .wp-editor-content div,
html.oneauto-dark body.single-job_listing .wp-editor-content span,
html.oneauto-dark body.single-job_listing .wp-editor-content li,
html.oneauto-dark body.single-job_listing .wp-editor-content strong,
html.oneauto-dark body.single-job_listing .wp-editor-content em {
	background-color: transparent !important;
	background-image: none !important;
	color: #e8e6e3 !important;
}

html.oneauto-dark body.single-job_listing .content-block a,
html.oneauto-dark body.single-job_listing .wp-editor-content a {
	color: #4ea3ff !important;
}

html.oneauto-dark body.single-job_listing .content-block a:hover,
html.oneauto-dark body.single-job_listing .wp-editor-content a:hover {
	color: #79b9ff !important;
}


/* Pasted tables inside descriptions */

html.oneauto-dark body.single-job_listing .content-block table,
html.oneauto-dark body.single-job_listing .content-block tbody,
html.oneauto-dark body.single-job_listing .content-block tr,
html.oneauto-dark body.single-job_listing .content-block td,
html.oneauto-dark body.single-job_listing .content-block th,
html.oneauto-dark body.single-job_listing .wp-editor-content table,
html.oneauto-dark body.single-job_listing .wp-editor-content tbody,
html.oneauto-dark body.single-job_listing .wp-editor-content tr,
html.oneauto-dark body.single-job_listing .wp-editor-content td,
html.oneauto-dark body.single-job_listing .wp-editor-content th {
	background-color: transparent !important;
	background-image: none !important;
	color: #e8e6e3 !important;
	border-color: #3b4447 !important;
}


/* =========================================================
   SPECIFICATION TABLES
   Technical data, wheels and similar blocks
   ========================================================= */

html.oneauto-dark body.single-job_listing .table-block,
html.oneauto-dark body.single-job_listing .table-block .extra-details {
	background-color: #1b1f20 !important;
	background-image: none !important;
	color: #e8e6e3 !important;
}

html.oneauto-dark body.single-job_listing
.table-block .extra-details > li,
html.oneauto-dark body.single-job_listing
.table-block .extra-details > li:nth-child(odd),
html.oneauto-dark body.single-job_listing
.table-block .extra-details > li:nth-child(even) {
	background-color: transparent !important;
	background-image: none !important;
	color: #e8e6e3 !important;
	border-color: #343b3d !important;
	box-shadow: none !important;
}

html.oneauto-dark body.single-job_listing
.table-block .item-attr,
html.oneauto-dark body.single-job_listing
.table-block .item-property,
html.oneauto-dark body.single-job_listing
.table-block .item-property > div {
	background-color: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
}

html.oneauto-dark body.single-job_listing
.table-block .item-attr {
	color: #aeb6bd !important;
}

html.oneauto-dark body.single-job_listing
.table-block .item-property,
html.oneauto-dark body.single-job_listing
.table-block .item-property > div {
	color: #f1f5f9 !important;
}


/* Section labels inside technical tables */

html.oneauto-dark body.single-job_listing
.table-block .extra-details > li[class*="section"],
html.oneauto-dark body.single-job_listing
.table-block .extra-details > li[class*="heading"],
html.oneauto-dark body.single-job_listing
.table-block .extra-details > li[class*="subhead"] {
	background-color: #1f2425 !important;
	background-image: none !important;
}


/* =========================================================
   VEHICLE MAKE, MODEL AND TRIM
   ========================================================= */

html.oneauto-dark body.single-job_listing #column_right_top,
html.oneauto-dark body.single-job_listing #column_right_top > .element,
html.oneauto-dark body.single-job_listing #column_right_top .pf-head,
html.oneauto-dark body.single-job_listing #column_right_top .pf-body,
html.oneauto-dark body.single-job_listing #column_right_top .listing-details,
html.oneauto-dark body.single-job_listing #column_right_top ul,
html.oneauto-dark body.single-job_listing #column_right_top li,
html.oneauto-dark body.single-job_listing #column_right_top .terms-no-link {
	background-color: #1b1f20 !important;
	background-image: none !important;
	color: #e8e6e3 !important;
	border-color: #343b3d !important;
	box-shadow: none !important;
}

html.oneauto-dark body.single-job_listing
#column_right_top .category-name {
	color: #f1f5f9 !important;
}

html.oneauto-dark body.single-job_listing
#column_right_top .category-name img {
	filter: none !important;
	opacity: 1 !important;
}

html.oneauto-dark body.single-job_listing
#column_right_top .cat-icon,
html.oneauto-dark body.single-job_listing
#column_right_top .cat-icon i {
	color: #ffffff !important;
}


/* Trim / secondary model */

html.oneauto-dark body.single-job_listing #column_right_second,
html.oneauto-dark body.single-job_listing #column_right_second > .element,
html.oneauto-dark body.single-job_listing #column_right_second .pf-head,
html.oneauto-dark body.single-job_listing #column_right_second .pf-body,
html.oneauto-dark body.single-job_listing #column_right_second .extra-details,
html.oneauto-dark body.single-job_listing #column_right_second .extra-details li {
	background-color: #1b1f20 !important;
	background-image: none !important;
	color: #e8e6e3 !important;
	border-color: #343b3d !important;
	box-shadow: none !important;
}

html.oneauto-dark body.single-job_listing
#column_right_second .item-property,
html.oneauto-dark body.single-job_listing
#column_right_second .item-property > div {
	background-color: transparent !important;
	color: #f1f5f9 !important;
}


/* =========================================================
   PRICE BLOCK
   ========================================================= */

html.oneauto-dark body.single-job_listing
#column_left_left > .element,
html.oneauto-dark body.single-job_listing
#column_left_left .pf-head,
html.oneauto-dark body.single-job_listing
#column_left_left .pf-body,
html.oneauto-dark body.single-job_listing
#column_left_left .extra-details,
html.oneauto-dark body.single-job_listing
#column_left_left .extra-details > li {
	background-color: #1b1f20 !important;
	background-image: none !important;
	color: #e8e6e3 !important;
	border-color: #343b3d !important;
	box-shadow: none !important;
}

html.oneauto-dark body.single-job_listing
#column_left_left .item-attr {
	color: #aeb6bd !important;
}

html.oneauto-dark body.single-job_listing
#column_left_left .item-property,
html.oneauto-dark body.single-job_listing
#column_left_left .item-property > div {
	background-color: transparent !important;
	background-image: none !important;
	color: #f1f5f9 !important;
	border-color: #3b4447 !important;
	box-shadow: none !important;
}


/* Original price */

html.oneauto-dark body.single-job_listing
#column_left_left .extra-details > li:first-child
.item-property,
html.oneauto-dark body.single-job_listing
#column_left_left .extra-details > li:first-child
.item-property > div,
html.oneauto-dark body.single-job_listing
#column_left_left .oneauto-price-original {
	color: #9ca3af !important;
}


/* Sale price */

html.oneauto-dark body.single-job_listing
#column_left_left .highlight-discount .item-property,
html.oneauto-dark body.single-job_listing
#column_left_left .highlight-discount .item-property > div,
html.oneauto-dark body.single-job_listing
#column_left_left .oneauto-price-sale,
html.oneauto-dark body.single-job_listing
#column_left_left .item-property[style*="red"] {
	background-color: transparent !important;
	color: #ff3333 !important;
}


/* =========================================================
   REGISTRATION, VIN AND TRANSPORDIAMET BLOCK
   ========================================================= */

html.oneauto-dark body.single-job_listing
#column_right_modded > .element,
html.oneauto-dark body.single-job_listing
#column_right_modded .pf-head,
html.oneauto-dark body.single-job_listing
#column_right_modded .pf-body,
html.oneauto-dark body.single-job_listing
#column_right_modded .extra-details,
html.oneauto-dark body.single-job_listing
#column_right_modded .extra-details > li {
	background-color: #1b1f20 !important;
	background-image: none !important;
	color: #e8e6e3 !important;
	border-color: #343b3d !important;
	box-shadow: none !important;
}

html.oneauto-dark body.single-job_listing
#column_right_modded .item-attr {
	color: #aeb6bd !important;
}

html.oneauto-dark body.single-job_listing
#column_right_modded .item-property,
html.oneauto-dark body.single-job_listing
#column_right_modded .item-property > div {
	background-color: transparent !important;
	color: #f1f5f9 !important;
}

html.oneauto-dark body.single-job_listing
#column_right_modded .reveal-btn,
html.oneauto-dark body.single-job_listing
#column_right_modded .transpordiamet-btn {
	background-color: #252a2b !important;
	background-image: none !important;
	color: #e8e6e3 !important;
	border-color: #3b4447 !important;
	box-shadow: none !important;
}

html.oneauto-dark body.single-job_listing
#column_right_modded .reveal-btn:hover,
html.oneauto-dark body.single-job_listing
#column_right_modded .transpordiamet-btn:hover {
	background-color: #303638 !important;
	color: #ffffff !important;
}

html.oneauto-dark body.single-job_listing
#column_right_modded .transpordiamet-btn img {
	filter: invert(1) brightness(.85) !important;
	opacity: .8 !important;
}


/* =========================================================
   VEHICLE INFORMATION TILES
   ========================================================= */

html.oneauto-dark body.single-job_listing .ml-info-tiles {
	background-color: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
}

html.oneauto-dark body.single-job_listing
.ml-info-tiles .ml-item {
	background-color: #1b1f20 !important;
	background-image: none !important;
	color: #e8e6e3 !important;
	border-color: #3b4447 !important;
	box-shadow: none !important;
}

html.oneauto-dark body.single-job_listing
.ml-info-tiles .ml-item:hover {
	background-color: #202526 !important;
}

html.oneauto-dark body.single-job_listing
.ml-info-tiles .ml-ico,
html.oneauto-dark body.single-job_listing
.ml-info-tiles .ml-ico i {
	background-color: transparent !important;
	color: #e8e6e3 !important;
}

html.oneauto-dark body.single-job_listing
.ml-info-tiles .ml-label {
	color: #9ca3af !important;
}

html.oneauto-dark body.single-job_listing
.ml-info-tiles .ml-value {
	color: #f1f5f9 !important;
}


/* =========================================================
   GALLERY
   Preserve original gallery layout and image appearance
   ========================================================= */

html.oneauto-dark body.single-job_listing #column_left_gallery,
html.oneauto-dark body.single-job_listing #column_left_gallery > .element,
html.oneauto-dark body.single-job_listing #column_left_gallery .pf-head,
html.oneauto-dark body.single-job_listing #column_left_gallery .pf-body,
html.oneauto-dark body.single-job_listing #column_left_gallery .gallerySlider,
html.oneauto-dark body.single-job_listing #column_left_gallery .galleryPreview,
html.oneauto-dark body.single-job_listing #column_left_gallery .gallery-thumb,
html.oneauto-dark body.single-job_listing #column_left_gallery .owl-stage-outer,
html.oneauto-dark body.single-job_listing #column_left_gallery .owl-stage,
html.oneauto-dark body.single-job_listing #column_left_gallery .owl-item {
	background-color: #1b1f20 !important;
	background-image: none !important;
	color: #e8e6e3 !important;
	border-color: #343b3d !important;
	box-shadow: none !important;
}

html.oneauto-dark body.single-job_listing
#column_left_gallery img {
	filter: none !important;
	opacity: 1 !important;
}


/* Thumbnail backgrounds are actual listing images */

html.oneauto-dark body.single-job_listing
#column_left_gallery .slide-thumb {
	filter: none !important;
	opacity: 1 !important;
}


/* Gallery navigation wrappers */

html.oneauto-dark body.single-job_listing .gallery-nav,
html.oneauto-dark body.single-job_listing .gallery-nav ul,
html.oneauto-dark body.single-job_listing .gallery-nav li {
	background-color: transparent !important;
	background-image: none !important;
	border-color: transparent !important;
	box-shadow: none !important;
}

html.oneauto-dark body.single-job_listing .gallery-nav::before,
html.oneauto-dark body.single-job_listing .gallery-nav::after,
html.oneauto-dark body.single-job_listing .gallery-nav ul::before,
html.oneauto-dark body.single-job_listing .gallery-nav ul::after,
html.oneauto-dark body.single-job_listing .gallery-nav li::before,
html.oneauto-dark body.single-job_listing .gallery-nav li::after {
	display: none !important;
	content: none !important;
}


/* Actual gallery arrows */

html.oneauto-dark body.single-job_listing
.gallery-prev-btn,
html.oneauto-dark body.single-job_listing
.gallery-next-btn {
	background-color: transparent !important;
	background-image: none !important;
	color: #e8e6e3 !important;
	border-color: transparent !important;
	box-shadow: none !important;
}

html.oneauto-dark body.single-job_listing
.gallery-prev-btn i,
html.oneauto-dark body.single-job_listing
.gallery-next-btn i {
	background-color: transparent !important;
	color: inherit !important;
}

html.oneauto-dark body.single-job_listing
.gallery-prev-btn:hover,
html.oneauto-dark body.single-job_listing
.gallery-next-btn:hover {
	background-color: transparent !important;
	color: #4ea3ff !important;
}


/* Reserved badge */

html.oneauto-dark body.single-job_listing
.oneauto-reserved-badge {
	background-color: #ffd45a !important;
	color: #4e3900 !important;
	border-color: #e8b920 !important;
}


/* =========================================================
   DEALER CARD
   ========================================================= */

html.oneauto-dark body.single-job_listing
.oneauto-single-dealer-card-wrap {
	background-color: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
}

html.oneauto-dark body.single-job_listing
.oneauto-single-dealer-card,
html.oneauto-dark body.single-job_listing
.oneauto-single-company-card {
	background-color: #1b1f20 !important;
	background-image: none !important;
	color: #e8e6e3 !important;
	border-color: #343b3d !important;
	box-shadow: none !important;
}

html.oneauto-dark body.single-job_listing
.oneauto-single-dealer-main,
html.oneauto-dark body.single-job_listing
.oneauto-single-dealer-info,
html.oneauto-dark body.single-job_listing
.oneauto-single-company-info,
html.oneauto-dark body.single-job_listing
.oneauto-single-company-details {
	background-color: transparent !important;
	background-image: none !important;
	color: #e8e6e3 !important;
	border-color: #343b3d !important;
	box-shadow: none !important;
}


/* Dealer logo */

html.oneauto-dark body.single-job_listing
.oneauto-single-dealer-logo {
	background-color: #252a2b !important;
	background-image: none !important;
	border-color: #465157 !important;
	box-shadow: none !important;
}

html.oneauto-dark body.single-job_listing
.oneauto-single-dealer-logo img {
	filter: none !important;
	opacity: 1 !important;
}


/* Dealer text */

html.oneauto-dark body.single-job_listing
.oneauto-single-dealer-title-link,
html.oneauto-dark body.single-job_listing
.oneauto-single-dealer-title-link h3,
html.oneauto-dark body.single-job_listing
.oneauto-single-company-card strong,
html.oneauto-dark body.single-job_listing
.oneauto-single-company-card h3,
html.oneauto-dark body.single-job_listing
.oneauto-single-company-card h4 {
	background-color: transparent !important;
	color: #f1f5f9 !important;
}

html.oneauto-dark body.single-job_listing
.oneauto-single-dealer-title-link span,
html.oneauto-dark body.single-job_listing
.oneauto-single-company-card small,
html.oneauto-dark body.single-job_listing
.oneauto-single-company-card p {
	color: #aeb6bd !important;
}


/* Dealer contacts */

html.oneauto-dark body.single-job_listing
.oneauto-single-dealer-info > a:not(.oneauto-single-dealer-title-link),
html.oneauto-dark body.single-job_listing
.oneauto-single-dealer-info > button,
html.oneauto-dark body.single-job_listing
.oneauto-single-dealer-info .oneauto-reveal-contact {
	background-color: transparent !important;
	background-image: none !important;
	color: #4ea3ff !important;
	border-color: transparent !important;
	box-shadow: none !important;
}

html.oneauto-dark body.single-job_listing
.oneauto-single-dealer-info i {
	color: #1680ff !important;
}

html.oneauto-dark body.single-job_listing
.oneauto-single-dealer-address,
html.oneauto-dark body.single-job_listing
.oneauto-single-dealer-address span {
	color: #e8e6e3 !important;
}


/* =========================================================
   SALESPERSONS
   Covers dealer-card and standalone placements
   ========================================================= */

html.oneauto-dark body.single-job_listing
.oneauto-single-salespersons {
	background-color: transparent !important;
	background-image: none !important;
	color: #e8e6e3 !important;
	border-color: #343b3d !important;
	box-shadow: none !important;
}

html.oneauto-dark body.single-job_listing
.oneauto-single-salespersons > h4 {
	background-color: transparent !important;
	color: #f1f5f9 !important;
	border-color: #343b3d !important;
}


/* Individual salesperson entries */

html.oneauto-dark body.single-job_listing
.oneauto-single-salesperson {
	background-color: #1b1f20 !important;
	background-image: none !important;
	color: #e8e6e3 !important;
	border-color: #343b3d !important;
	box-shadow: none !important;
}

html.oneauto-dark body.single-job_listing
.oneauto-single-salesperson::before,
html.oneauto-dark body.single-job_listing
.oneauto-single-salesperson::after {
	display: none !important;
	content: none !important;
}

html.oneauto-dark body.single-job_listing
.oneauto-single-salesperson
> div:not(.oneauto-single-salesperson-photo) {
	background-color: transparent !important;
	background-image: none !important;
	color: #e8e6e3 !important;
	box-shadow: none !important;
}

html.oneauto-dark body.single-job_listing
.oneauto-single-salesperson strong {
	color: #f1f5f9 !important;
}

html.oneauto-dark body.single-job_listing
.oneauto-single-salesperson small {
	color: #9ca3af !important;
}


/* Salesperson photograph or placeholder */

html.oneauto-dark body.single-job_listing
.oneauto-single-salesperson-photo {
	background-color: #252a2b !important;
	background-image: none !important;
	color: #9ca3af !important;
	border-color: #465157 !important;
	box-shadow: none !important;
}

html.oneauto-dark body.single-job_listing
.oneauto-single-salesperson-photo img {
	filter: none !important;
	opacity: 1 !important;
}

html.oneauto-dark body.single-job_listing
.oneauto-single-salesperson-photo i {
	background-color: transparent !important;
	color: #9ca3af !important;
}


/* Contact reveal controls */

html.oneauto-dark body.single-job_listing
.oneauto-single-salesperson .oneauto-reveal-contact,
html.oneauto-dark body.single-job_listing
.oneauto-single-salesperson .oneauto-reveal-contact-small {
	background-color: transparent !important;
	background-image: none !important;
	color: #4ea3ff !important;
	border-color: transparent !important;
	box-shadow: none !important;
}

html.oneauto-dark body.single-job_listing
.oneauto-single-salesperson .oneauto-reveal-contact span,
html.oneauto-dark body.single-job_listing
.oneauto-single-salesperson .oneauto-reveal-contact-small span {
	background-color: transparent !important;
	color: inherit !important;
}

html.oneauto-dark body.single-job_listing
.oneauto-single-salesperson .oneauto-reveal-contact:hover,
html.oneauto-dark body.single-job_listing
.oneauto-single-salesperson .oneauto-reveal-contact-small:hover {
	color: #72b5ff !important;
}

html.oneauto-dark body.single-job_listing
.oneauto-single-salesperson .oneauto-reveal-contact.is-revealed,
html.oneauto-dark body.single-job_listing
.oneauto-single-salesperson .oneauto-reveal-contact-small.is-revealed,
html.oneauto-dark body.single-job_listing
.oneauto-single-salesperson .oneauto-reveal-contact.is-revealed span,
html.oneauto-dark body.single-job_listing
.oneauto-single-salesperson .oneauto-reveal-contact-small.is-revealed span {
	color: #d6dadd !important;
}


/* =========================================================
   TOOLTIPS
   ========================================================= */

html.oneauto-dark body.single-job_listing
.tooltip-container {
	background-color: #252a2b !important;
	background-image: none !important;
	color: #ffffff !important;
	border-color: #3b4447 !important;
	box-shadow: 0 8px 18px rgba(0, 0, 0, .28) !important;
}


/* =========================================================
   SHARE MENU
   ========================================================= */

html.oneauto-dark body.single-job_listing .share-options {
	background-color: #1b1f20 !important;
	background-image: none !important;
	color: #e8e6e3 !important;
	border-color: #343b3d !important;
	box-shadow: 0 14px 30px rgba(0, 0, 0, .35) !important;
}

html.oneauto-dark body.single-job_listing
.share-options > li {
	background-color: transparent !important;
	border-color: #343b3d !important;
}

html.oneauto-dark body.single-job_listing
.share-options > li > a {
	background-color: transparent !important;
	color: #e8e6e3 !important;
	border-color: #343b3d !important;
	box-shadow: none !important;
}

html.oneauto-dark body.single-job_listing
.share-options > li > a:hover {
	background-color: #252a2b !important;
	color: #ffffff !important;
}

html.oneauto-dark body.single-job_listing
.share-options > li > a > div {
	background-color: transparent !important;
	color: inherit !important;
}

html.oneauto-dark body.single-job_listing
.share-options i {
	color: #ffffff !important;
}


/* =========================================================
   BOOTSTRAP MODALS
   Share and report dialogs
   ========================================================= */

html.oneauto-dark body.single-job_listing .modal-content,
html.oneauto-dark body.single-job_listing .modal-header,
html.oneauto-dark body.single-job_listing .modal-body,
html.oneauto-dark body.single-job_listing .modal-footer,
html.oneauto-dark body.single-job_listing .modal-content .sign-in-box,
html.oneauto-dark body.single-job_listing .modal-content .report-wrapper {
	background-color: #1b1f20 !important;
	background-image: none !important;
	color: #e8e6e3 !important;
	border-color: #343b3d !important;
	box-shadow: none !important;
}

html.oneauto-dark body.single-job_listing .modal-content {
	box-shadow: 0 18px 45px rgba(0, 0, 0, .38) !important;
}

html.oneauto-dark body.single-job_listing .modal-title,
html.oneauto-dark body.single-job_listing
.modal-content .title-style-1,
html.oneauto-dark body.single-job_listing
.modal-content .title-style-1 h5 {
	background-color: transparent !important;
	color: #f1f5f9 !important;
}

html.oneauto-dark body.single-job_listing
.modal-content .title-style-1 i {
	color: #ff646d !important;
}

html.oneauto-dark body.single-job_listing
.modal-content .close {
	color: #ffffff !important;
	opacity: .85 !important;
}


/* Report form */

html.oneauto-dark body.single-job_listing
.modal-content input,
html.oneauto-dark body.single-job_listing
.modal-content textarea,
html.oneauto-dark body.single-job_listing
.modal-content .report-content {
	background-color: #171b1c !important;
	background-image: none !important;
	color: #e8e6e3 !important;
	border-color: #3b4447 !important;
	box-shadow: none !important;
}

html.oneauto-dark body.single-job_listing
.modal-content .report-content::placeholder {
	color: #818b93 !important;
	opacity: 1 !important;
}

html.oneauto-dark body.single-job_listing
.modal-content .report-content:focus {
	border-color: #0d53c5 !important;
	box-shadow: 0 0 0 1px #0d53c5 !important;
}

html.oneauto-dark body.single-job_listing
.modal-content .validation-message {
	background-color: transparent !important;
	color: #ff7b83 !important;
}

html.oneauto-dark body.single-job_listing
.modal-content .report-submit {
	background-color: #0d53c5 !important;
	color: #ffffff !important;
	border-color: #0d53c5 !important;
	box-shadow: none !important;
}

html.oneauto-dark body.single-job_listing
.modal-content .report-submit:hover {
	background-color: #164fb0 !important;
	color: #ffffff !important;
}


/* =========================================================
   reCAPTCHA CONFIRMATION DIALOG
   ========================================================= */

html.oneauto-dark body.single-job_listing .recp-dialog {
	background-color: #1b1f20 !important;
	background-image: none !important;
	color: #e8e6e3 !important;
	border-color: #343b3d !important;
	box-shadow: 0 18px 45px rgba(0, 0, 0, .38) !important;
}

html.oneauto-dark body.single-job_listing
.recp-dialog .recp-text {
	color: #f1f5f9 !important;
}

html.oneauto-dark body.single-job_listing
.recp-dialog .recp-actions {
	background-color: transparent !important;
}

html.oneauto-dark body.single-job_listing
.recp-dialog .recp-btn-ghost {
	background-color: #252a2b !important;
	color: #e8e6e3 !important;
	border-color: #3b4447 !important;
	box-shadow: none !important;
}

html.oneauto-dark body.single-job_listing
.recp-dialog .recp-btn-primary {
	background-color: #0d53c5 !important;
	color: #ffffff !important;
	border-color: #0d53c5 !important;
	box-shadow: none !important;
}

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

html.oneauto-dark body.single-job_listing
.recp-dialog .recp-btn-primary:hover {
	background-color: #164fb0 !important;
	color: #ffffff !important;
}

html.oneauto-dark body.single-job_listing .recp-modal,
html.oneauto-dark body.single-job_listing .recp-overlay {
	background-color: rgba(0, 0, 0, .60) !important;
}


/* =========================================================
   FINAL LIGHT-BACKGROUND OVERRIDE

   This targets only known Single Listing content structures.
   It does not alter padding, margin, border width, radius,
   flex, grid, dimensions or positioning.
   ========================================================= */

html.oneauto-dark body.single-job_listing
#c27-single-listing
:is(
	.block-type-gallery,
	.block-type-text,
	.block-type-table,
	.block-type-terms
)
:is(
	.element,
	.pf-head,
	.pf-body,
	.content-block,
	.plain-text-content,
	.wp-editor-content,
	.table-block,
	.listing-details,
	.extra-details
) {
	background-color: #1b1f20 !important;
	background-image: none !important;
	color: #e8e6e3 !important;
	box-shadow: none !important;
}


/* Known inner layers must never return to white */

html.oneauto-dark body.single-job_listing
#c27-single-listing
:is(
	.block-type-gallery,
	.block-type-text,
	.block-type-table,
	.block-type-terms
)
:is(
	.element,
	.pf-head,
	.pf-body,
	.content-block,
	.plain-text-content,
	.wp-editor-content,
	.table-block,
	.listing-details,
	.extra-details
)
:is(
	p,
	div,
	span,
	ul,
	li
) {
	background-image: none !important;
}


/* Preserve images, manufacturer logos and dealer photographs */

html.oneauto-dark body.single-job_listing
#c27-single-listing img {
	opacity: 1 !important;
}

html.oneauto-dark body.single-job_listing
#column_left_gallery img,
html.oneauto-dark body.single-job_listing
#column_right_top .category-name img,
html.oneauto-dark body.single-job_listing
.oneauto-single-dealer-logo img,
html.oneauto-dark body.single-job_listing
.oneauto-single-salesperson-photo img {
	filter: none !important;
}

/* =========================================================
   SINGLE LISTING — FINAL VISUAL CORRECTIONS
   ========================================================= */


/* =========================================================
   1. REMOVE UNWANTED OUTER GRAY BOXES
   Gallery, vehicle title and trim already have their own shape.
   Do not add another border around their outer wrappers.
   ========================================================= */

html.oneauto-dark body.single-job_listing
#column_left_gallery > .element,

html.oneauto-dark body.single-job_listing
#column_right_top > .element,

html.oneauto-dark body.single-job_listing
#column_right_second > .element {
	border-color: transparent !important;
	box-shadow: none !important;
}


/* Remove the extra border from the internal gallery shell too */

html.oneauto-dark body.single-job_listing
#column_left_gallery .gallerySlider,

html.oneauto-dark body.single-job_listing
#column_left_gallery .galleryPreview,

html.oneauto-dark body.single-job_listing
#column_left_gallery .gallery-thumb,

html.oneauto-dark body.single-job_listing
#column_left_gallery .gallery-nav {
	border-color: transparent !important;
	box-shadow: none !important;
}


/* Keep only the original title/model component outlines */

html.oneauto-dark body.single-job_listing
#column_right_top .listing-details,

html.oneauto-dark body.single-job_listing
#column_right_second .extra-details {
	box-shadow: none !important;
}


/* =========================================================
   2. RESTORE RED PRICE ACCENT
   The original light-mode design has a red left border.
   ========================================================= */

html.oneauto-dark body.single-job_listing
#column_left_left > .element {
	border-left-color: #ff1f2d !important;
}


/*
 * Some MyListing responsive styles draw the accent using
 * a pseudo-element rather than the actual card border.
 */

html.oneauto-dark body.single-job_listing
#column_left_left > .element::before {
	background-color: #ff1f2d !important;
	border-color: #ff1f2d !important;
}


/* =========================================================
   3. SALESPERSON CARDS
   Override the remaining light responsive/desktop cards.
   ========================================================= */

html.oneauto-dark body.single-job_listing
.oneauto-single-salespersons
> .oneauto-single-salesperson {
	background: #202526 !important;
	background-color: #202526 !important;
	background-image: none !important;

	color: #e8e6e3 !important;

	border-color: #3b4447 !important;
	box-shadow: none !important;
}


/* Remove any light overlay or generated card layer */

html.oneauto-dark body.single-job_listing
.oneauto-single-salespersons
> .oneauto-single-salesperson::before,

html.oneauto-dark body.single-job_listing
.oneauto-single-salespersons
> .oneauto-single-salesperson::after {
	display: none !important;
	content: none !important;

	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}


/* Inner content remains transparent */

html.oneauto-dark body.single-job_listing
.oneauto-single-salespersons
> .oneauto-single-salesperson
> div:not(.oneauto-single-salesperson-photo) {
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;

	color: #e8e6e3 !important;

	border: 0 !important;
	box-shadow: none !important;
}


/* Salesperson name */

html.oneauto-dark body.single-job_listing
.oneauto-single-salespersons
> .oneauto-single-salesperson
strong {
	color: #f1f5f9 !important;
}


/* Salesperson role */

html.oneauto-dark body.single-job_listing
.oneauto-single-salespersons
> .oneauto-single-salesperson
small {
	color: #9ca3af !important;
}


/* Photograph and fallback icon */

html.oneauto-dark body.single-job_listing
.oneauto-single-salespersons
> .oneauto-single-salesperson
.oneauto-single-salesperson-photo {
	background: #252a2b !important;
	background-color: #252a2b !important;
	background-image: none !important;

	color: #aeb6bd !important;

	border-color: #465157 !important;
	box-shadow: none !important;
}

html.oneauto-dark body.single-job_listing
.oneauto-single-salespersons
> .oneauto-single-salesperson
.oneauto-single-salesperson-photo img {
	filter: none !important;
	opacity: 1 !important;
}

html.oneauto-dark body.single-job_listing
.oneauto-single-salespersons
> .oneauto-single-salesperson
.oneauto-single-salesperson-photo i {
	background: transparent !important;
	color: #aeb6bd !important;
}


/* Phone and email reveal buttons */

html.oneauto-dark body.single-job_listing
.oneauto-single-salespersons
> .oneauto-single-salesperson
.oneauto-reveal-contact,

html.oneauto-dark body.single-job_listing
.oneauto-single-salespersons
> .oneauto-single-salesperson
.oneauto-reveal-contact-small {
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;

	color: #4ea3ff !important;

	border: 0 !important;
	box-shadow: none !important;
}

html.oneauto-dark body.single-job_listing
.oneauto-single-salespersons
> .oneauto-single-salesperson
.oneauto-reveal-contact span,

html.oneauto-dark body.single-job_listing
.oneauto-single-salespersons
> .oneauto-single-salesperson
.oneauto-reveal-contact-small span {
	background: transparent !important;
	color: inherit !important;
}

html.oneauto-dark body.single-job_listing
.oneauto-single-salespersons
> .oneauto-single-salesperson
.oneauto-reveal-contact:hover,

html.oneauto-dark body.single-job_listing
.oneauto-single-salespersons
> .oneauto-single-salesperson
.oneauto-reveal-contact-small:hover {
	color: #79b9ff !important;
}


/* Revealed phone/email value */

html.oneauto-dark body.single-job_listing
.oneauto-single-salespersons
> .oneauto-single-salesperson
.oneauto-reveal-contact.is-revealed,

html.oneauto-dark body.single-job_listing
.oneauto-single-salespersons
> .oneauto-single-salesperson
.oneauto-reveal-contact-small.is-revealed,

html.oneauto-dark body.single-job_listing
.oneauto-single-salespersons
> .oneauto-single-salesperson
.oneauto-reveal-contact.is-revealed span,

html.oneauto-dark body.single-job_listing
.oneauto-single-salespersons
> .oneauto-single-salesperson
.oneauto-reveal-contact-small.is-revealed span {
	color: #d6dadd !important;
}

/* =========================================================
   SINGLE LISTING — RESPONSIVE FINAL FIX
   ========================================================= */


/* ---------------------------------------------------------
   Outer columns must remain transparent
   Prevent gallery/title/model from merging into one block
   --------------------------------------------------------- */

html.oneauto-dark body.single-job_listing #column_left_gallery,
html.oneauto-dark body.single-job_listing #column_right_top,
html.oneauto-dark body.single-job_listing #column_right_second {
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;

	border: 0 !important;
	box-shadow: none !important;
}


/* Keep each actual component dark and separate */

html.oneauto-dark body.single-job_listing
#column_left_gallery > .element,

html.oneauto-dark body.single-job_listing
#column_right_top > .element,

html.oneauto-dark body.single-job_listing
#column_right_second > .element {
	background: #1b1f20 !important;
	background-color: #1b1f20 !important;
	background-image: none !important;

	color: #e8e6e3 !important;

	box-shadow: none !important;
}


/* Remove only the unwanted pale outlines */

html.oneauto-dark body.single-job_listing
#column_left_gallery > .element,

html.oneauto-dark body.single-job_listing
#column_right_top > .element,

html.oneauto-dark body.single-job_listing
#column_right_second > .element {
	border-color: transparent !important;
}


/* ---------------------------------------------------------
   Restore the original red price accent
   --------------------------------------------------------- */

html.oneauto-dark body.single-job_listing
#column_left_left > .element {
	border-left-color: #ff1f2d !important;
}


/* ---------------------------------------------------------
   Salesperson cards
   Force the real card layer dark without changing layout
   --------------------------------------------------------- */

html.oneauto-dark body.single-job_listing
.oneauto-single-salespersons
.oneauto-single-salesperson {
	background-color: #202526 !important;
	background-image: linear-gradient(
		#202526,
		#202526
	) !important;

	color: #e8e6e3 !important;

	border-color: #3b4447 !important;

	box-shadow: inset 0 0 0 1000px #202526 !important;
}


/* Remove any light pseudo-layer */

html.oneauto-dark body.single-job_listing
.oneauto-single-salespersons
.oneauto-single-salesperson::before,

html.oneauto-dark body.single-job_listing
.oneauto-single-salespersons
.oneauto-single-salesperson::after {
	display: none !important;
	content: none !important;
}


/* Inner text area */

html.oneauto-dark body.single-job_listing
.oneauto-single-salespersons
.oneauto-single-salesperson
> div:not(.oneauto-single-salesperson-photo) {
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;

	color: #e8e6e3 !important;

	box-shadow: none !important;
}


/* Name */

html.oneauto-dark body.single-job_listing
.oneauto-single-salespersons
.oneauto-single-salesperson strong {
	color: #f1f5f9 !important;
}


/* Position */

html.oneauto-dark body.single-job_listing
.oneauto-single-salespersons
.oneauto-single-salesperson small {
	color: #9ca3af !important;
}


/* Contact buttons */

html.oneauto-dark body.single-job_listing
.oneauto-single-salespersons
.oneauto-single-salesperson
.oneauto-reveal-contact-small,

html.oneauto-dark body.single-job_listing
.oneauto-single-salespersons
.oneauto-single-salesperson
.oneauto-reveal-contact-small span {
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;

	color: #4ea3ff !important;

	border: 0 !important;
	box-shadow: none !important;
}


/* Photo / fallback icon */

html.oneauto-dark body.single-job_listing
.oneauto-single-salespersons
.oneauto-single-salesperson-photo {
	background: #252a2b !important;
	background-color: #252a2b !important;
	background-image: none !important;

	color: #aeb6bd !important;

	border-color: #465157 !important;
	box-shadow: none !important;
}

html.oneauto-dark body.single-job_listing
.oneauto-single-salespersons
.oneauto-single-salesperson-photo img {
	filter: none !important;
	opacity: 1 !important;
}

html.oneauto-dark body.single-job_listing
.oneauto-single-salespersons
.oneauto-single-salesperson-photo i {
	background: transparent !important;
	color: #aeb6bd !important;
}