/**
 * Classified Listing archive, cards, single listing and store pages.
 */

.only-kustom .listing-title-wrap-enable,
.only-kustom .rtcl-listings-wrapper,
.only-kustom .single-listing-wrap,
.only-kustom .rtcl-single-listing-details {
	color: var(--ok-graphite);
}

.only-kustom .listing-inner-sidebar .listing-box-filter,
.only-kustom .rtcl .rtcl-listings-actions,
.only-kustom .rtcl-listings-actions {
	margin-bottom: 28px;
	padding: 14px 18px;
	border: 1px solid var(--ok-line);
	border-radius: var(--ok-radius);
	background: var(--ok-white);
	box-shadow: none;
}

.only-kustom .listing-inner-sidebar .listing-box-filter .showing-title,
.only-kustom .rtcl-listings-actions .rtcl-result-count,
.only-kustom .rtcl-listings-actions .showing-title {
	color: var(--ok-muted);
	font-size: 14px;
}

.only-kustom .rtcl .rtcl-listings-actions .clcar-listing-page-filter .select2-container--classic .select2-selection--single,
.only-kustom .rtcl .rtcl-listings-actions .clcar-listing-page-filter select {
	border: 1px solid var(--ok-line);
	background: var(--ok-white);
}

.only-kustom .rtcl-view-switcher a,
.only-kustom .rtcl-listings-actions .rtcl-view-switcher > a,
.only-kustom .rtcl-listings-actions .view-switcher a {
	border: 1px solid var(--ok-line);
	border-radius: 0;
	color: var(--ok-ink);
	background: var(--ok-white);
}

.only-kustom .rtcl-view-switcher a.active,
.only-kustom .rtcl-view-switcher a:hover,
.only-kustom .rtcl-listings-actions .rtcl-view-switcher > a.active,
.only-kustom .rtcl-listings-actions .view-switcher a.active {
	color: var(--ok-white);
	border-color: var(--ok-ink);
	background: var(--ok-ink);
}

/* Filters and sidebars */
.only-kustom .widget_clcar_advanced_search,
.only-kustom .rtcl-widget-filter-class,
.only-kustom .rtcl-widget-search-form,
.only-kustom .listing-sidebar .widget,
.only-kustom .main-sidebar-wrapper .widget {
	padding: 24px;
	border: 1px solid var(--ok-line);
	border-radius: var(--ok-radius);
	background: var(--ok-surface-alt);
}

.only-kustom .widget_clcar_advanced_search .widget-title,
.only-kustom .rtcl-widget-filter-class .widget-title,
.only-kustom .listing-sidebar .widget-title,
.only-kustom .main-sidebar-wrapper .widget-title {
	padding-bottom: 14px;
	border-bottom: 1px solid var(--ok-line);
	color: var(--ok-ink);
	font-family: "Oswald", sans-serif;
	font-size: 21px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.only-kustom .widget_clcar_advanced_search .advance-search-form .search-box .search-item,
.only-kustom .rtcl-widget-filter-class .rtcl-filter-item-wrap,
.only-kustom .rtcl-widget-filter-class .panel-block {
	border-color: var(--ok-line);
}

.only-kustom .irs--flat .irs-bar,
.only-kustom .irs--flat .irs-from,
.only-kustom .irs--flat .irs-to,
.only-kustom .irs--flat .irs-single,
.only-kustom .rtcl-range-slider .ui-slider-range,
.only-kustom .rtcl-range-slider .ui-slider-handle {
	background: var(--ok-ink);
}

.only-kustom .irs--flat .irs-handle > i:first-child {
	background-color: var(--ok-ink);
}

/* Listing cards */
.only-kustom .rtcl-listings-sc-wrapper.clcar-elementor-widget .listing-box,
.only-kustom .single-store .listing-box,
.only-kustom .clcar-listing .listing-box,
.only-kustom .rtcl .rtcl-listings .listing-item,
.only-kustom .rtcl-user-single-wrapper .listing-box {
	border: 1px solid var(--ok-line);
	border-radius: var(--ok-radius);
	background: var(--ok-white);
	box-shadow: none;
	overflow: hidden;
	transition: transform var(--ok-transition), border-color var(--ok-transition), box-shadow var(--ok-transition);
}

.only-kustom .rtcl-listings-sc-wrapper.clcar-elementor-widget .listing-box:hover,
.only-kustom .single-store .listing-box:hover,
.only-kustom .clcar-listing .listing-box:hover,
.only-kustom .rtcl .rtcl-listings .listing-item:hover,
.only-kustom .rtcl-user-single-wrapper .listing-box:hover {
	border-color: var(--ok-ink);
	box-shadow: var(--ok-shadow-hover);
	transform: translateY(-4px);
}

.only-kustom .listing-box .listing-thumb,
.only-kustom .rtcl .rtcl-listings .listing-item .listing-thumb {
	border-radius: 0;
	background: var(--ok-graphite);
	overflow: hidden;
}

.only-kustom .listing-box .listing-thumb::before {
	height: 70%;
	background: linear-gradient(180deg, rgba(37, 37, 41, 0.82) 0%, rgba(37, 37, 41, 0) 100%);
}

.only-kustom .listing-box .listing-thumb img,
.only-kustom .rtcl .rtcl-listings .listing-item .listing-thumb > img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	filter: saturate(0.82) contrast(1.04);
	transition: transform 500ms ease, filter 500ms ease;
}

.only-kustom .listing-box:hover .listing-thumb img,
.only-kustom .rtcl .rtcl-listings .listing-item:hover .listing-thumb > img {
	transform: scale(1.035);
	filter: saturate(1) contrast(1.02);
}

.only-kustom .rtcl .rtcl-grid-view .listing-item .item-content,
.only-kustom .listing-box .product-content,
.only-kustom .listing-box .item-content {
	padding: 22px;
	border: 0;
	border-radius: 0;
	background: var(--ok-white);
}

.only-kustom .rtcl .rtcl-listings .listing-item h3.listing-title,
.only-kustom .listing-box .listing-title,
.only-kustom .listing-box .item-title {
	margin-bottom: 10px;
	font-size: 21px;
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: 0.02em;
}

.only-kustom .rtcl .rtcl-listings .listing-item h3.listing-title a,
.only-kustom .listing-box .listing-title a,
.only-kustom .listing-box .item-title a {
	color: var(--ok-ink);
}

.only-kustom .rtcl .rtcl-listings .listing-item h3.listing-title a:hover,
.only-kustom .listing-box .listing-title a:hover,
.only-kustom .listing-box .item-title a:hover {
	color: var(--ok-graphite);
}

.only-kustom .rtcl-user-single-wrapper .item-price .rtcl-price,
.only-kustom .single-store .item-price .rtcl-price,
.only-kustom .rtcl-listings-sc-wrapper .item-price .rtcl-price,
.only-kustom .clcar-listing .item-price .rtcl-price,
.only-kustom .listing-box .rtcl-price,
.only-kustom .listing-box .item-price {
	color: var(--ok-ink);
	font-family: "Oswald", sans-serif;
	font-size: 25px;
	font-weight: 600;
	letter-spacing: 0.02em;
}

.only-kustom .rtcl .rtcl-listings .listing-item .entry-meta,
.only-kustom .listing-box .entry-meta,
.only-kustom .listing-box .listing-meta {
	gap: 8px 16px;
	color: var(--ok-muted);
	font-size: 13px;
}

.only-kustom .rtcl .rtcl-listings .listing-item .entry-meta li,
.only-kustom .listing-box .entry-meta li,
.only-kustom .listing-box .listing-meta li {
	color: var(--ok-muted);
}

.only-kustom .rtcl .rtcl-listings .listing-item .entry-meta li i,
.only-kustom .listing-box .entry-meta li i,
.only-kustom .listing-box .listing-meta li i {
	color: var(--ok-ink);
}

.only-kustom .rtcl .rtcl-listings .listing-item .listable-items,
.only-kustom .listing-box .listable-items,
.only-kustom .listing-box .listing-features {
	padding: 12px;
	border-top: 1px solid var(--ok-line);
	border-radius: 0;
	background: var(--ok-surface-alt);
}

.only-kustom .rtcl .rtcl-listings .listing-item .listing-features li,
.only-kustom .rtcl .rtcl-listings .listing-item .listing-features li .listable-label {
	color: var(--ok-graphite);
	font-size: 14px;
}

.only-kustom .rtcl .rtcl-listings .listing-item .listing-features li i {
	color: var(--ok-ink);
}

.only-kustom .rtcl-listings .listing-item .listing-action-items .clcar-listing-action a,
.only-kustom .listing-box .rtcl-favourites,
.only-kustom .listing-box .compare-btn {
	border-color: var(--ok-white);
	border-radius: 0;
	color: var(--ok-white);
	background: rgba(37, 37, 41, 0.76);
}

.only-kustom .rtcl-listings .listing-item .listing-action-items .clcar-listing-action a:hover,
.only-kustom .listing-box .rtcl-favourites:hover,
.only-kustom .listing-box .compare-btn:hover {
	border-color: var(--ok-white);
	color: var(--ok-ink);
	background: var(--ok-white);
}

.only-kustom .listing-action-items .brand-logo {
	border-radius: 0;
}

.only-kustom .rtcl-list-view .listing-item {
	align-items: stretch;
}

.only-kustom .rtcl-list-view .listing-item .listing-thumb {
	border: 0;
	border-radius: 0;
}

/* Single listing */
.only-kustom-single-listing .content-area,
.only-kustom .single-listing-content-wrap {
	background: var(--ok-white);
}

.only-kustom .single-listing-top-wrap,
.only-kustom .single-listing-title-wrap,
.only-kustom .rtcl-listing-title-section,
.only-kustom .single-listing-header {
	padding-bottom: 24px;
	border-bottom: 1px solid var(--ok-line);
}

.only-kustom .single-listing-top-wrap .entry-title,
.only-kustom .single-listing-title-wrap .entry-title,
.only-kustom .rtcl-listing-title-section .entry-title,
.only-kustom.single-rtcl_listing h1.entry-title {
	color: var(--ok-ink);
	font-size: clamp(34px, 4vw, 58px);
	font-weight: 600;
	line-height: 1.08;
	text-transform: uppercase;
}

.only-kustom .single-listing-top-wrap .rtcl-price,
.only-kustom .single-listing-title-wrap .rtcl-price,
.only-kustom .rtcl-listing-title-section .rtcl-price,
.only-kustom.single-rtcl_listing .item-price {
	color: var(--ok-ink);
	font-family: "Oswald", sans-serif;
	font-size: clamp(30px, 3.5vw, 48px);
	font-weight: 600;
}

.only-kustom .rtcl-slider-wrapper,
.only-kustom .rtcl-gallery,
.only-kustom .listing-gallery,
.only-kustom .rtcl-single-listing-slider {
	border-radius: var(--ok-radius);
	background: var(--ok-surface-alt);
	overflow: hidden;
}

.only-kustom .rtcl-gallery img,
.only-kustom .listing-gallery img,
.only-kustom .rtcl-single-listing-slider img {
	filter: saturate(0.9) contrast(1.03);
}

.only-kustom .rtcl-listing-side-title,
.only-kustom .single-listing-section-title,
.only-kustom .rtcl-single-listing-details .widget-title,
.only-kustom .listing-content .listing-title {
	padding-bottom: 12px;
	border-bottom: 1px solid var(--ok-line);
}

.only-kustom .rtcl-listing-side-title h3,
.only-kustom .single-listing-section-title,
.only-kustom .rtcl-single-listing-details .widget-title {
	color: var(--ok-ink);
	font-family: "Oswald", sans-serif;
	font-size: 24px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.only-kustom .rtcl-single-listing-details .single-listing-section,
.only-kustom .listing-content .listing-section,
.only-kustom .listing-sidebar .listing-sidebar-widget,
.only-kustom .rtcl-listing-side-widget,
.only-kustom .rtcl-listing-booking-wrap {
	margin-bottom: 24px;
	padding: 26px;
	border: 1px solid var(--ok-line);
	border-radius: var(--ok-radius);
	background: var(--ok-white);
	box-shadow: none;
}

.only-kustom .rtcl-listable-item,
.only-kustom .listing-features-wrap li,
.only-kustom .rtcl-single-listing-details .listable-item {
	border-color: var(--ok-line);
	background: var(--ok-surface-alt);
}

.only-kustom .rtcl-single-listing-details .listable-label,
.only-kustom .listing-features-wrap .listable-label {
	color: var(--ok-ink);
	font-weight: 600;
}

.only-kustom .rtcl-contact-seller,
.only-kustom .rtcl-chat-link,
.only-kustom .rtcl-contact-reveal-wrapper .rtcl-contact-reveal,
.only-kustom .listing-sidebar .contact-btn {
	width: 100%;
	border-radius: 0;
	color: var(--ok-white);
	background: var(--ok-ink);
}

.only-kustom .rtcl-related-listing .section-title,
.only-kustom .related-listings .section-title {
	font-size: clamp(28px, 3vw, 42px);
	text-transform: uppercase;
}

/* Dealer / store */
.only-kustom .rtcl-store-banner,
.only-kustom .store-banner,
.only-kustom .single-store .store-banner {
	border-radius: 0;
	background-color: var(--ok-ink);
	filter: grayscale(0.3);
}

.only-kustom .rtcl-store-banner::after,
.only-kustom .store-banner::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: linear-gradient(90deg, rgba(37, 37, 41, 0.82), rgba(37, 37, 41, 0.2));
}

.only-kustom .rtcl-store-info,
.only-kustom .store-info,
.only-kustom .store-details,
.only-kustom .single-store .store-content-wrap {
	border: 1px solid var(--ok-line);
	border-radius: var(--ok-radius);
	background: var(--ok-white);
	box-shadow: none;
}

.only-kustom .rtcl-store-title,
.only-kustom .store-name,
.only-kustom .single-store h1.entry-title {
	color: var(--ok-ink);
	font-family: "Oswald", sans-serif;
	font-weight: 600;
	letter-spacing: 0.035em;
	text-transform: uppercase;
}

.only-kustom .rtcl-store-meta i,
.only-kustom .store-info i,
.only-kustom .store-details i {
	color: var(--ok-ink);
}

.only-kustom .rtcl-store-contact,
.only-kustom .store-contact {
	border-radius: 0;
	color: var(--ok-white);
	background: var(--ok-ink);
}

