/*
 Theme Name:   Evans Auto Brokerage
 Template:     motors-starter-theme
*/

.vehicle-details {
	margin-top: 0 !important;
}

/* Homepage */
.elementor-2120 {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.elementor-2120 > section {
	width: 100%;
}

.header-address > div {
	display: flex !important;
	flex-direction: row !important;
}

.default-container,
.home-why-choose,
.inventory-list,
.home-vehicles,
.home-contact,
.vehicle-details > div {
	max-width: 1200px;
	width: 100%;
	margin: 0px auto 60px auto !important;
	padding: 20px !important;
	background: #333;
	border-radius: 16px;
	box-shadow: 0 30px 30px rgba(0, 0, 0, 0.6);
	border: 1px solid #444;
	z-index: 1;
}

@media (min-width: 1025px) {
	.default-container,
	.home-why-choose,
	.inventory-list,
	.home-vehicles,
	.home-contact,
	.vehicle-details > div {
		margin-top: 60px !important;
	}
}

.container-info,
.container-info-nested > div {
	padding: 20px !important;
	background: #282828;
	border-radius: 12px;
	border: 1px solid #444;
}

.home-vehicles,
.home-contact {
	margin: 0 auto;
}

.home-why-choose,
/*.home-browse,
.home-sell,*/
.home-vehicles {
	margin-top: -50px !important;
	margin-bottom: -50px !important;
}

.home-contact {
	margin-top: -50px !important;
}

@media (max-width: 1230px) {
	.home-why-choose,
	/*.home-browse,
	.home-sell,*/
	.home-vehicles {
		margin-top: -20px !important;
		margin-bottom: -20px !important;
		width: calc(100% - 30px) !important;
	}

	.home-contact {
		margin-top: -20px !important;
		width: calc(100% - 30px) !important;
	}
}

.vehicle-details > div {
	padding: 40px;
}

@media (max-width: 1024px) {
	.vehicle-details > div {
		width: calc(100% - 20px);
    	margin: 20px auto !important;
		padding: 10px;
	}
}

.sticky-menu-row > div {
	max-width: 1200px;
}

.home-map > div {
	width: calc(100% + 40px);
	margin: -20px -20px -20px 0px;
}

.home-map > div > div {
	border-top-right-radius: 16px;
	border-bottom-right-radius: 16px;
}

@media (max-width: 1024px) {
	.home-map > div {
		width: calc(100% + 40px);
		margin: 0 -20px -20px -20px;
		border-top-left-radius: 0 !important;
		border-top-right-radius: 0 !important;
	}

	.home-map > div > div {
		border-top-right-radius: 0;
		border-bottom-left-radius: 16px;
	}
}

.slide-info h1 {
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.7), 0 4px 20px rgba(0, 0, 0, 0.6);
}

.slide-info p {
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.9), 0 1px 10px rgba(0, 0, 0, 0.8);
}

.vehicle-description {
	white-space: pre;
	text-wrap: wrap;
}


/* CARFAX badge */
/* Monroney Labels */

.history-buttons {
	display: block !important;
}

/* Common container styles */
.carfax-badge,
.monroney-labels {
	display: flex;
	justify-content: center;
	margin: 10px 0;
}

/* Common button styles */
.carfax-badge a,
.monroney-labels a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	border: 2px solid transparent;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
	cursor: pointer;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	background-color: #10b981;
	text-decoration: none;
	padding: 0;
	overflow: hidden;
}

/* Carfax-specific */
.carfax-badge a {
	max-width: 300px;       /* max width */
	width: 100%;             /* scales down */
	height: auto;
}

.carfax-badge a img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 6px;
}

/* Monroney-specific */
.monroney-labels a {
	width: 64px;
	height: 94px;
	background-image: url("/wp-content/uploads/2026/05/sticker-inv.png");
	background-repeat: no-repeat;
	background-position: center center;
}

.monroney-labels a:hover,
.monroney-labels a:focus {
	background-image: url("/wp-content/uploads/2026/05/sticker.png");
}

.monroney-labels img {
	display: none !important;
}

/* Hover / Focus for both */
.carfax-badge a:hover,
.carfax-badge a:focus,
.monroney-labels a:hover,
.monroney-labels a:focus {
	background-color: #fff;
	border-color: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
	outline: none;
}

/* Loan Calculator */

.loan-calc-disclaimer {
	font-size: 0.85em;
	line-height: 1;
	color: #666;
	margin: 15px 0;
}

.loan-calc-input {
	background-color: #FFF !important;
	color: #555 !important;
}

.loan-calc-btn {
	background-color: var(--e-global-color-motors_accent);
	color: var(--e-global-color-motors_text);
	margin: 0 auto;
	padding: 12px 24px;
	border: none !important;
	border-radius: 8px 8px 8px 8px;
	text-align: center;
	opacity: 1 !important;
	transition: all .3s;
}

.loan-calc-btn:hover {
	background-color: var(--e-global-color-motors_text);
	color: var(--e-global-color-motors_accent);
}

.loan-calc-result {
	display: none;
	background: #363636;
	margin-top: 15px;
	padding: 10px;
	border-radius: 4px;
	border: 1px solid #444;
}

.loan-calc-label,
.loan-calc-result-value {
	display: inline-block;
	width: 100%;
	text-align: center;
}

/* swiper.min.css */

.home-hero .swiper-wrapper {
	filter: blur(8px);
}
/*
.home-hero .swiper-wrapper::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #0076dd25;
	z-index: 1;
}
*/
/* style.css */

input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=number]:focus {
	background-color: #FFFFFF !important;
	color: #2c2c2c !important;
}

.special-label-small {
	background-color: var(--motors-accent-color) !important;
}

/* select2.min.css */

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
	border-bottom-left-radius:0 !important;
	border-bottom-right-radius:0 !important;
}

/* app-select2.css */

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #2c2c2c !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #333333 !important;
	border-bottom: 1px solid #F6F7F90F;
}

.select2-results__options li {
	border-bottom: 1px solid #F6F7F90F;
}

.admin-bar:not(.woocommerce-checkout) .select2-container--open .select2-dropdown {
    border-top-left-radius:0 !important;
	border-top-right-radius:0 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	color: #2c2c2c !important;
}

/* motors-inventory-search-results.css */

.motors-elementor-inventory-search-results#listings-result .stm-featured-top-cars-title .heading-font {
    border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.motors-elementor-inventory-search-results#listings-result .stm-featured-top-cars-title .heading-font:after {
	display: none !important;
}

.motors-elementor-inventory-search-results#listings-result ul.page-numbers li > a {
	color: var(--motors-accent-color);
}

/* motors-inventory-search-filter.css */

.classic-filter-row.motors-elementor-widget .filter-sidebar {
	border-radius: 12px !important;
	border: 1px solid #444;
}

.classic-filter-row.motors-elementor-widget input[type="text"] {
	background-color: #FFFFFF !important;
	color: #2c2c2c !important;
}

/* fontend.css */

.hfe-pointer__underline .menu-item.parent a.hfe-menu-item::after {
	height: 2px !important;
	background-color: var(--motors-accent-color) !important;
	width: calc(100% - 10px);
	left: 5px;
	border-radius: 8px;
}

/* frontend_styles.css */

.listing-list-loop .image {
	min-width: 230px !important;
}

.listing-list-loop .image .image-inner img {
	border-radius: 8px;
}

.listing-list-loop .content .meta-top .price {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 32px;
	margin-left: 0 !important;
}

.listing-list-loop .content .meta-top .price:before {
	display: none !important;
}

.listing-list-loop .content .meta-top .price.discounted-price .regular-price {
	padding: 2px 4px !important;
	left: 0 !important;
}
.listing-list-loop .content .meta-top .price.discounted-price .sale-price  {
	padding: 2px 4px !important;
}

.listing-list-loop .content .meta-middle .meta-middle-unit .value {
	margin-top: 0 !important;
}

.archive-listing-page .stm-isotope-listing-item .image img,
.car-listing-modern-grid .stm-isotope-listing-item .image img {
	border-radius: 8px;
}

.archive-listing-page .stm-isotope-listing-item .listing-car-item-meta .price,
.car-listing-modern-grid .stm-isotope-listing-item .listing-car-item-meta .price {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 32px;
	margin-left: 0 !important;
	padding: 2px 4px !important;
}

.archive-listing-page .stm-isotope-listing-item .listing-car-item-meta .price:before,
.car-listing-modern-grid .stm-isotope-listing-item .listing-car-item-meta .price:before {
	display: none !important;
}

.archive-listing-page .stm-isotope-listing-item .listing-car-item-meta .price .normal-price,
.car-listing-modern-grid .stm-isotope-listing-item .listing-car-item-meta .price .normal-price {
	padding: 2px 4px !important;
}

.archive-listing-page .stm-isotope-listing-item .listing-car-item-meta .price.discounted-price .sale-price,
.car-listing-modern-grid .stm-isotope-listing-item .listing-car-item-meta .price.discounted-price .sale-price {
	padding: 2px 4px !important;
}

.stm_compare_unit span {
	background: rgba(0, 0, 0, 0.6);
}

/* motors-single-listing-gallery.css */

.motors-elementor-single-listing-gallery .motors-elementor-big-gallery {
	border-radius: 8px;
}

/*.motors-elementor-single-listing-gallery .motors-elementor-thumbs-gallery .stm-single-image {
	min-width: 142px;
}*/

.motors-elementor-single-listing-gallery .motors-elementor-big-gallery .stm-single-image a img {
	border-radius: 8px;
}

.motors-elementor-single-listing-gallery .motors-elementor-thumbs-gallery .stm-single-image img {
	border-radius: 8px;
	min-height: 100px;
	min-width: 100px;
}

.motors-elementor-single-listing-gallery .motors-elementor-thumbs-gallery .swiper-slide-thumb-active:after {
	border-radius: 8px;
}


/* motors-single-listing-classified-listing-data.css */

.stm-single-car-listing-data .data-list-wrap .data-list-item > .item-label {
	overflow: initial !important;
    text-overflow: initial !important;
}

.stm-single-car-listing-data .data-list-wrap .data-list-item > .heading-font {
	white-space: wrap !important;
}

/* MOD */

/* Outer container grid for column control */
.stm-single-car-listing-data .data-list-wrap {
	display: grid;
	list-style: none;
	margin: 0 -15px;
	padding: 0;
}

/* Each list item is a flex container */
.stm-single-car-listing-data .data-list-wrap li.data-list-item {
	display: flex;
	flex-wrap: wrap; /* allows label/value to move to next line */
	align-items: flex-start;
	padding: 8px 15px;
	margin: 0;
	position: relative;
}

/* Label (icon + category name) */
.stm-single-car-listing-data .data-list-wrap li.data-list-item > span.item-label {
	display: flex;
	flex-wrap: wrap; /* icon + text wrap */
	align-items: center;
	font-size: 13px;
	padding: 5px 5px 5px 0;
	color: var(--motors-text-alpha-color);
	white-space: normal; /* allow wrapping on small screens */
	width: 45%; /* default for larger screens */
	flex-grow: 1;
	margin-bottom: 0;
}

.stm-single-car-listing-data .data-list-wrap li.data-list-item > span.item-label i {
	display: inline-block;
	position: relative;
	top: 3px;
	font-size: 18px;
	min-width: 33px;
	padding-right: 5px;
	text-align: center;
	vertical-align: top;
	max-height: 22px;
	color: var(--motors-accent-color);
}

/* Value container */
.stm-single-car-listing-data .data-list-wrap li.data-list-item > span.heading-font {
	padding: 5px 0 5px 10px;
	color: var(--motors-text-color);
	font-size: 14px;
	font-weight: 700;
	white-space: normal; /* allow wrapping */
	width: 55%; /* default for larger screens */
	flex-grow: 1;
}

/* Mobile adjustments: stack label above value */
@media (max-width: 767px) {
	.stm-single-car-listing-data .data-list-wrap li.data-list-item {
		flex-direction: column; /* stack on small screens */
	}

	.stm-single-car-listing-data .data-list-wrap li.data-list-item > span.item-label,
	.stm-single-car-listing-data .data-list-wrap li.data-list-item > span.heading-font {
		width: 100%; /* full width */
		margin-bottom: 4px; /* spacing between label and value */
	}
}


/* motors-single-listing-classified-title.css */

@media (max-width: 1024px) {
	.stm-listing-single-price-title .stm-single-title-wrap .title {
		text-align: center;
	}
}


/* motors-single-listing-classified-price.css */

.stm-listing-single-price-title .price {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 32px;
	padding: 14px 10px !important;
}

.stm-listing-single-price-title .price:before {
	display: none !important;
}


/* motors-single-listing-description.css */

.elementor-widget-motors-single-listing-description .post-content {
	line-height: 2em !important;
}

/* single-listing.css */

.stm-similar-cars-units .stm-similar-car .image {
	max-width: 120px !important;
}

.stm-similar-cars-units .stm-similar-car .image img {
	border-radius: 8px;
}

.stm-similar-cars-units .stm-similar-car .right-unit .title {
	padding: 0 !important;
}

.stm-similar-cars-units .stm-similar-car .right-unit .stm-price {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 2px 10px !important;
	margin: 0 0 10px !important;
	font-size: 16px !important;
	border-radius: 16px;
}

/* MOD */

/* Container for similar cars remains grid */
.stm-similar-cars-units {
	display: grid;
	grid-template-columns: repeat( auto-fit, minmax( 250px, 1fr ) );
	gap: 20px; /* space between cards */
}

/* Each similar car card */
.stm-similar-car {
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	text-decoration: none;
	color: inherit;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
}

/* Image section */
.stm-similar-car .image {
	width: 100%;
	margin-bottom: 10px;
}

.stm-similar-car .image img {
	width: 100%;
	height: auto;
	display: block;
}

/* Right unit: title + price */
.stm-similar-car .right-unit {
	display: flex;
	flex-direction: column;
	align-items: flex-start; /* align text to left, prevent stretching */
	justify-content: flex-start;
}

/* Title */
.stm-similar-car .right-unit .title {
	font-weight: bold;
	margin-bottom: 5px;
	white-space: normal; /* allow wrapping */
	word-break: break-word; /* prevent clipping */
	width: 100%; /* allow title to take full width but text wraps */
}

/* Price */
.stm-similar-car .right-unit .stm-price {
	white-space: normal;
	word-break: break-word;
	width: auto; /* hug content, don’t stretch */
}

/* Mobile adjustments */
@media (max-width: 767px) {
	.stm-similar-car {
		flex-direction: column; /* stack image above text */
	}

	.stm-similar-car .right-unit {
		width: 100%;
	}
}


/* motors-listings-grid-tabs.css */

.stm_elementor_listings_grid_tabs_wrap {
	padding-top: 0 !important;
}

.stm_elementor_listings_grid_tabs_wrap .tab-pane {
	padding-bottom: 0 !important;
}

.stm_elementor_listings_grid_tabs_wrap .tab-pane .row .stm-directory-grid-loop .listing-car-item-meta .car-meta-top .price {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 2px 10px !important;
	margin: 0 0 10px !important;
	font-size: 16px !important;
	border-radius: 16px;
}

.stm_elementor_listings_grid_tabs_wrap .tab-pane .row .stm-directory-grid-loop .listing-car-item-meta .car-meta-top .price:before {
	display: none !important;
}

.stm_elementor_listings_grid_tabs_wrap .tab-pane .row .stm-directory-grid-loop .image .stm-car-medias > div {
	background: rgba(0, 0, 0, 0.55);
}
.stm_elementor_listings_grid_tabs_wrap .tab-pane .row .stm-directory-grid-loop .image .stm-car-medias > div:hover {
	background: rgba(0, 0, 0, 0.6);
}


.stm_elementor_listings_grid_tabs_wrap .tab-pane .row .stm-directory-grid-loop .listing-car-item-meta .car-meta-bottom ul li,
.stm_elementor_listings_grid_tabs_wrap .tab-pane .row .stm-directory-grid-loop .listing-car-item-meta .car-meta-bottom ul li i {
	color: rgba(255, 255, 255, 0.51);
}


/* motors-image-categories.css */

.stm_listing_icon_filter .stm_listing_icon_filter_single .inner {
	border: 1px solid #444;
}





/* FOOTER */


.main-footer {
	background-color: var(--motors-bg-color);
	color: #b0b0b0;
	padding: 50px 50px 0px 50px;
	font-size: 15px;
	margin-top: 50px;
}

.footer-container {
	max-width: 1200px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 60px;
}

.footer-col h3 {
	font-size: 0.95rem;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	margin-bottom: 25px;
	color: var(--motors-text-color);
	font-weight: 600;
}

.footer-col h3::after {
	content: '';
	display: block;
	width: 40px;
	height: 2px;
	background-color: #fff;
	margin-top: 8px;
}

.brand-content img {
	height:auto;
	max-height:150px;
	margin-bottom: 15px;
	border-radius: 0 !important;
}

.brand-content p {
	margin-bottom: 15px;
	color: #b0b0b0;
}

.brand-content nav {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 15px;
	margin-top: 20px;
}

.brand-content nav a {
	margin-right: 10px;
	position: relative;
	color: var(--motors-text-color);
	text-decoration: none;
	font-weight: 600;
	transition: color 0.3s;
	width: fit-content;
}

.brand-content nav a:not(:last-child)::after {
	content: '\2022';
	right: -16px;
	color: var(--motors-text-color);
	pointer-events: none;
	display: inline-block;
	position: absolute;
}

.brand-content nav a:hover {
	color: var(--motors-accent-color);
}

.social-icons {
	display: flex;
	gap: 15px;
	margin-top: 20px;
}

.social-icons svg {
	width: 20px;
	height: 20px;
	fill: #b0b0b0;
	transition: fill 0.3s;
}

.social-icons a:hover svg {
	fill: var(--motors-text-color);
}

.service-container {
	background: #363636;
	padding: 20px;
	border-radius: 4px;
	border: 1px solid #444;
}

.service-container p {
	margin-bottom: 15px;
	font-size: 0.85rem;
	color: #b0b0b0;
}

.service-list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px 20px;
}

.service-list span {
	color: #b0b0b0;
	font-size: 0.85rem;
}

.contact-details {
	display: inline-block;
	background: #363636;
	padding: 20px;
	border-radius: 4px;
	border: 1px solid #444;
	list-style: none;
	margin: 0px 0px 50px 0px;
}

.contact-details li {
	margin-bottom: 15px;
	color: #b0b0b0;
	display: flex;
	align-items: center;
	gap: 12px;
}

.contact-details li:last-child {
	margin-bottom: 0px;
}

.contact-details svg {
	width: 18px;
	height: 18px;
	fill: #b0b0b0;
	flex-shrink: 0;
}

.contact-details a {
	color: var(--motors-text-color);
	text-decoration: none;
}

.contact-details a:hover {
	color: var(--motors-accent-color);
}

.hours-grid {
	background: #363636;
	padding: 20px;
	border-radius: 4px;
	border: 1px solid #444;
}

.hours-row {
	display: flex;
	justify-content: space-between;
	font-size: 0.85rem;
	padding: 6px 0;
	border-bottom: 1px solid #444;
	color: #b0b0b0;
	gap: 10px;
}

.hours-row:last-child {
	border-bottom: none;
}

.footer-bottom {
	max-width: 1200px;
	margin: 60px auto 0;
	padding: 25px 0px;
	border-top: 1px solid #444;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #b0b0b0;
	font-size: 13px;
}

.bottom-links{
	text-align: center;
}

.bottom-links a {
	color: #949494 !important;
	text-decoration: none;
	margin-left: 20px;
}

@media (max-width: 992px) {
	.brand-content nav {
		align-items: center;
	}

	.service-list {
		display: block;
	}

	.service-list span {
		display: inline;
	}

	.service-list span:not(:last-child)::after {
		content: '\2022';
		margin: 0 10px;
		color: #b0b0b0;
	}
}

/* TABLET ONLY: 50/50 Split */
@media (max-width: 992px) and (min-width: 769px) {
	.footer-container {
		grid-template-columns: 1fr 1fr;
		gap: 40px;
	}

	.footer-col:nth-child(2) {
		display: grid;
		align-content: end;
	}

	.footer-col:last-child {
		grid-column: span 2;
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 40px;
		padding-top: 40px;
		border-top: 1px solid #444;
	}
}

/* MOBILE ONLY: Stacked */
@media (max-width: 768px) {
	.main-footer {
		padding: 0px;
	}

	.footer-container {
		grid-template-columns: 1fr;
		gap: 50px;
		text-align: center;
	}

	.footer-col h3::after {
		margin: 8px auto 0;
	}

	.brand-info,
	.brand-content,
	.brand-content nav {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.brand-content nav {
		flex-direction: row;
		justify-content: center;
	}

	.brand-content nav a {
		width: auto;
		margin: 0px 5px;
	}

	.service-list {
		text-align: center;
	}

	.social-icons,
	.contact-details li {
		justify-content: center;
		flex-wrap: wrap;
	}

	.hours-grid {
		max-width: 380px;
		margin: 0 auto;
	}

	.hours-row > span:first-child {
		text-align: left;
	}

	.hours-row > span:last-child {
		text-align: right;
	}

	.footer-bottom {
		flex-direction: column;
		gap: 15px;
	}

	.bottom-links a {
		margin: 0 10px;
	}
}


/* HOME COMPARISON */

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0;
}

.comp-flex-container {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	justify-content: center;
	max-width: 1200px;
	margin: 0 auto;
	align-items: stretch;
}

.comp-card {
	flex: 1 1 350px;
	max-width: 500px;
	padding: 50px 40px;
	border-radius: 20px;
	display: flex;
	flex-direction: column;
	position: relative;
	box-sizing: border-box;
}

.evans-brand {
	background-color: #2d363e;
	border: 2px solid #008760;
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), 0 0 25px rgba(16, 185, 129, 0.25);
	z-index: 2;
}

.trad-brand {
	background-color: #1a1a1a;
	border: 1px solid #3d3d3d;
	opacity: 0.95;
}

.badge {
	position: absolute;
	top: -14px;
	left: 50%;
	transform: translateX(-50%);
	padding: 5px 18px;
	border-radius: 16px;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}

.badge-evans {
	background-color: #008760;
	color: #fff;
	box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
}

.badge-trad {
	background-color: #3d3d3d;
	color: #bebebe;
}

.comp-header {
	text-align: center;
	font-size: 1.5rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	margin: 0 0 35px 0;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	color: #ffffff;
}

.comp-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.comp-item {
	display: flex;
	gap: 15px;
	margin-bottom: 25px;
	align-items: flex-start;
}

.icon-box {
	width: 24px;
	height: 29px; 
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.comp-text b {
	display: block;
	font-size: 1.15rem;
	color: #ffffff;
	font-weight: 700;
	line-height: 28px; 
}

.comp-text p {
	margin: 5px 0 0 0;
	font-size: 0.95rem;
	line-height: 1.5;
	color: #ffffff;
	opacity: 0.7;
}

@media (max-width: 768px) {
	.evans-brand {
		transform: none;
		margin-bottom: 30px;
	}
}

/* Share Button */

.share-button-wrapper {
	text-align: right;
}

.sb-share-container {
	position: relative;
	display: inline-block;
	width: 100%;
} 

/* Main Share Button */ 
.sb-share-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 15px 0;
	min-height: 20px;
	padding: 15px 20px;
	/*width: 100%;*/
	max-width: 400px;

	/* Typography */
	color: #fff;
	font-size: 15px;
	font-weight: 800;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 0.05em;
	text-align: center;
	line-height: 1.2;

	/* Aesthetics */
	cursor: pointer;
	border-radius: 6px;
	border: 2px solid transparent;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	word-wrap: break-word;
	white-space: normal;
	
	background-color: #3b82f6;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
	
	opacity: 1 !important;
}

.sb-share-btn {
	gap: 8px;
	margin: 5px 0;
	padding: 5px 20px;
}

.sb-share-btn:hover,
.sb-share-btn:focus {
	background-color: #fff !important;
	color: #3b82f6 !important;
	border-color: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
	outline: none;
}

.sb-share-btn svg {
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.sb-share-btn:hover svg,
.sb-share-btn:focus svg {
	fill: #3b82f6 !important;
}

/* The Dropdown Menu */ 
.sb-share-menu {
	display: none;
	position: absolute;
	top: 40px;
	right: 0;
	background-color: white;
	box-shadow: 0px 10px 25px rgba(0,0,0,0.15);
	z-index: 2;
	min-width: 180px;
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid #eee;
}

.sb-share-menu a {
	color: #333;
	padding: 12px 16px;
	width: initial;
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: 12px;
	transition: background 0.2s;
	font-size: 14px;
}

.sb-share-menu a:hover {
	background-color: #eee;
}

.sb-share-menu svg {
	width: 20px;
	height: 20px;
	fill: currentColor;
} 

.sb-show { display: block; }

/* Toast Notification Styles */
.sb-toast-unit {
	visibility: hidden;
	min-width: 250px;
	background-color: #333;
	color: #fff;
	text-align: center;
	border-radius: 8px;
	padding: 16px;
	position: fixed;
	z-index: 10000;
	left: 50%;
	bottom: 30px;
	transform: translateX(-50%);
	font-size: 14px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}

.sb-toast-unit.sb-show-toast {
	visibility: visible;
	animation: sb-fadein 0.5s, sb-fadeout 0.5s 2.5s;
}

@keyframes sb-fadein { from {bottom: 0; opacity: 0;} to {bottom: 30px; opacity: 1;} }
@keyframes sb-fadeout { from {bottom: 30px; opacity: 1;} to {bottom: 0; opacity: 0;} }

@media (max-width: 767px) {
	.share-button-wrapper {
		text-align: center;
	}
}


/* main.css */

.modal-backdrop.in {
	opacity: 0.8 !important;
}


/* modal-style.css */

/* 1. Apply the Flexbox container to both outer modals */
#contact-form,
#test-drive {
	overflow-y: auto !important;
}

/* 2. Force Flexbox behavior when either modal is shown */
#contact-form.in, #contact-form.show,
#test-drive.in, #test-drive.show {
	display: flex !important;
	flex-direction: column !important;
}

/* 3. Neutralize the hardcoded centering on the inner wrappers */
#request-contact-form,
#request-test-drive-form {
	position: relative !important;
	left: auto !important;
	top: auto !important;
	transform: none !important;
	
	/* The Magic: Centers vertically if there is room, 
	   aligns to top if the iframe is too tall */
	margin: auto !important; 
	
	width: 580px !important;
	max-width: 95% !important;
	z-index: 9999 !important;
	padding: 20px 0 !important;
}

/* 4. Ensure the iframe has enough room to not clip internally */
#contact-form iframe,
#test-drive iframe {
	min-height: 500px !important;
}






/* frontend_styles.css */

.listing-list-loop {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
	border-bottom: 0 !important;
}

.listing-list-loop-bottom {
	width: 100%;
	padding-bottom: 11px;
	margin-bottom: 32px;
	border-bottom: 1px solid var(--motors-border-color);
}

.single-car-actions > ul li .car-action-unit {
	background-color: var(--motors-accent-color) !important;
	color: var(--motors-text-color);
	justify-content: center;
	max-width: 320px;
}

.single-car-actions > ul li .car-action-unit:hover {
	background-color: var(--motors-text-color) !important;
	color: var(--motors-accent-color);
}

.single-car-actions > ul li .car-action-unit i {
	color: var(--motors-text-color);
}

.single-car-actions > ul li .car-action-unit:hover i {
	color: var(--motors-accent-color);
}

.listing-list-loop .image .stm-car-medias > div {
	background-color: rgba(0, 0, 0, 0.55) !important;
}

.listing-list-loop .image .stm-car-medias > div:hover {
	background-color: rgba(0, 0, 0, 0.6) !important;
}

.listing-list-loop .content .meta-top .price .normal-price .label-price {
	opacity: 1 !important;
}

.meta-content-items {
	display: block;
	margin: -10px 0 10px;
}

.meta-content-items:after {
	display: table;
	content: "";
	clear: both;
}

.meta-content-items .meta-middle-unit {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	float: left;
	padding-right: 13px;
	margin-right: 9px;
	margin-bottom: 23px;
	border-right: 1px solid var(--motors-border-color);
}

.meta-content-items .meta-middle-unit:last-child {
	border-right: none;
}

.meta-content-items .meta-middle-unit .meta-middle-unit-top {
	display: flex;
	flex-direction: column; /* Force vertical stacking */
	align-items: flex-start; /* Align text to the left */
}

.meta-content-items .meta-middle-unit .icon {
	color: var(--motors-text-alpha-color);
	font-size: 0.9375em;
	margin: 3px 5px 0 0;
}

.meta-content-items .meta-middle-unit .name {
	text-transform: uppercase;
	color: var(--motors-text-alpha-color);
	font-size: 0.625em;
}

.meta-content-items .meta-middle-unit .value {
	font-weight: 700;
	margin-top: -5px;
	margin-bottom: 0;
	line-height: normal;
}

.meta-content-items .carfax-unit .value {
	margin-top: 2px; /* Adjusting the -5px margin-top from the general .value class */
}

.meta-content-items .carfax-unit img {
	max-width: 100%;
	height: auto;
}

@media (max-width: 767px) {
	.meta-content-items {
		display: flex;
		flex-wrap: wrap;
	}

	.meta-content-items .meta-middle-unit {
		padding: 10px 0;
		margin: 0;
		min-width: 100%;
		border: none;
		align-items: center;
		border-bottom: 1px solid var(--motors-border-color);
	}

	.meta-content-items .meta-middle-unit:last-child {
		border-bottom: none;
	}

	.meta-content-items .meta-middle-unit .name {
		margin: 0;
		font-size: 0.75em;
		padding: 0;
	}

	.meta-content-items .meta-middle-unit .value {
		margin-top: 0;
	}
}