/* --------------------------------------------------------------------------
 * Correzioni indipendenti dal plugin motors-wpbakery-widgets.
 * Estratte da motors-4x-compat.css il 2026-09-14, quando il plugin e' tornato
 * disponibile e le pagine sono state riportate agli shortcode originali 4.x.
 *
 * Voce di menu attiva invisibile (bianco su bianco): header-car_dealer.css usa
 * var(--hma_hover_bg_color), ma il tema emette --hma_hover_active_bg_color e le
 * variabili --hma_* restano vuote finche' non si configurano le Theme Options
 * dell'header.
 * -------------------------------------------------------------------------- */
:root {
	--hma_hover_bg_color: #1f82d9;
	--hma_hover_active_bg_color: #1f82d9;
}

/* --------------------------------------------------------------------------
 * Larghezza del contenitore come nel sito 4.x (1140px da 1200px in su, misurato su britishmotors-subaru.it).
 * style.css del plugin listings 5.6 impone `body .container { max-width: 1280px }`:
 * oltre a cambiare l'impaginazione rispetto alla produzione, sfasa le righe
 * `stm_fullwidth` del plugin motors-wpbakery-widgets, il cui script calcola lo
 * scostamento sulla larghezza Bootstrap (le righe risultavano spostate di 70px).
 * Sotto i 1200px valgono gia' le larghezze di Bootstrap (970/750px).
 * -------------------------------------------------------------------------- */
@media (min-width: 1200px) {
	body .container {
		max-width: 1140px;
	}
}

/* --------------------------------------------------------------------------
 * Tab WPBakery (vc_tta): da WPBakery 9 il link della tab e' dentro
 * <h4 class="vc_tta-panel-title">, quindi le regole `.vc_tta-tab > a` del tema
 * e del Custom CSS non trovano piu' l'elemento. Stesse regole, riscritte per la
 * nuova struttura (generate il 2026-09-14).
 * -------------------------------------------------------------------------- */
/* da themes/motors/assets/css/dist/app.css */
.vc_tta-container .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab > .vc_tta-panel-title > a { padding: 13px 18px; background-color: #232628; border-radius: 0; border: none; }
.vc_tta-container .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab > .vc_tta-panel-title > a .vc_tta-icon { position: relative; top: 3px; color: #fff; }
.vc_tta-container .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab > .vc_tta-panel-title > a .vc_tta-title-text { position: relative; top: 1px; left: 2px; }
.vc_tta-container .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab > .vc_tta-panel-title > a span { font-size: 12px; text-transform: uppercase; color: #fff; font-weight: 700; }
.vc_tta-container .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab > .vc_tta-panel-title > a .vc_tta-title-text:not(:empty):not(:first-child) { margin-left: 8px; }
/* dal Custom CSS delle Theme Options */
.vc_tta-container .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab > .vc_tta-panel-title > a { background-color:#1f82d9; }
/* Il nuovo <h4> attorno al link della tab non deve aggiungere margini o cambiare il testo. */
.vc_tta-tabs .vc_tta-tabs-list .vc_tta-tab > .vc_tta-panel-title {
	margin: 0;
	padding: 0;
	font-size: inherit;
	line-height: inherit;
}

/* --------------------------------------------------------------------------
 * Icon box (stm_icon_box) come nel 4.x.
 * Il plugin 1.7.7 rende il box `display:flex`: il testo si restringe alla sua
 * larghezza naturale invece di occupare lo spazio accanto all'icona, e le righe
 * vanno a capo in punti diversi dalla produzione. Nel 4.x era un blocco con
 * l'icona flottante e .icon-text in overflow:hidden.
 * Il template 1.7.7 aggiunge inoltre `heading-font` al contenuto (Montserrat):
 * nel 4.x il contenuto usava il font del testo. La dimensione predefinita
 * (13px come nel 4.x invece di 14px) e' impostata in functions.php, cosi' il
 * campo "Content font size" dell'editor continua a funzionare.
 * -------------------------------------------------------------------------- */
.icon-box.stm-layout-box-car_dealer {
	display: block;
}

.icon-box .icon-text .content.heading-font {
	font-family: "Open Sans", Arial, sans-serif;
}

/* Tab attiva: le regole riscritte sopra sono piu' specifiche di quelle del tema per
   la tab attiva (`.vc_tta-tab.vc_active a`), quindi vanno riscritte anche queste. */
.vc_tta-container .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active > .vc_tta-panel-title > a {
	background-color: #fff;
}

.vc_tta-container .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active > .vc_tta-panel-title > a span {
	color: #232628;
}

/* --------------------------------------------------------------------------
 * Sezione "Benvenuti" della home (stm_car_listing_tabbed) come nel 4.x.
 * -------------------------------------------------------------------------- */

/* Tab non attiva bianca: nel Custom CSS c'e' `.stm-listing-tabs ul li a { color:#FFFFFF }`,
   ma stm_car_listing_tabbed.css del plugin 1.7.7 ha un selettore piu' specifico (#aaa). */
.car-listing-tabs-unit .car-listing-top-part .stm-listing-tabs ul li:not(.active) a {
	color: #ffffff;
}

/* Foto delle schede in proporzione 255x135 come in produzione (size stm-img-255-135 del 4.x).
   La 5.6 usa stm-img-255, larga 255 ma senza ritaglio: ogni foto ha la sua altezza. */
.car-listing-row .stm-template-front-loop .image img {
	display: block;
	width: 100%;
	height: auto !important;
	aspect-ratio: 255 / 135;
	object-fit: cover;
}

/* stm_icon_button: il template 1.7.7 aggiunge `heading-font` (Montserrat) al pulsante,
   nel 4.x usava il font del testo. Unico template con "heading-font stm-button". */
a.heading-font.stm-button {
	font-family: "Open Sans", Arial, sans-serif;
}

/* --------------------------------------------------------------------------
 * Parco auto (stm_classic_filter) come nel 4.x, valori misurati su britishmotors-subaru.it.
 * -------------------------------------------------------------------------- */

/* Titolo "Opzioni di Ricerca": 16px su una riga (la 5.6 lo porta a 18px e va a capo). */
.classic-filter-row .sidebar-entry-header .h4 {
	font-size: 16px;
	line-height: 19.2px;
}

/* Dati tecnici delle schede in elenco: 8px tra una riga e l'altra (la 5.6 ne mette 23). */
.listing-list-loop .content .meta-middle .meta-middle-unit {
	margin-bottom: 8px;
}

/* Spaziature verticali della scheda in elenco (produzione: titolo+16px, blocco dati
   86px + 19px interni + 19px sotto, padding finale 15px). Nel 4.x il blocco dati era
   annidato in un secondo .meta-middle, da cui i 19px "interni". */
.listing-list-loop .content .meta-top {
	margin-bottom: 16px;
}

.listing-list-loop .content .meta-middle {
	margin-right: 0;
	padding-bottom: 19px;
}

.listing-list-loop.stm-listing-directory-list-loop,
.listing-list-loop {
	padding-bottom: 15px;
}

/* Il plugin motors-listing-types (attivo qui, assente nel 4.x) aggiunge al body la classe
   stm_motors_listing_types_multilisting_active, e app.css della 5.6 la usa per annullare
   la sovrapposizione del filtro sulla foto (margin-top: 0) e portare il titolo a 18px.
   Stessi valori della produzione con specificita' sufficiente. In produzione il box parte
   30px sopra la fine della foto di testata (foto fino a 650px, box da 620px). */
body.stm_motors_listing_types_multilisting_active .filter-sidebar .sidebar-entry-header .h4,
body .classic-filter-row .filter-sidebar .sidebar-entry-header .h4 {
	font-size: 16px;
	line-height: 19.2px;
}

@media (min-width: 768px) {
	body.stm_motors_listing_types_multilisting_active .classic-filter-row,
	body .classic-filter-row {
		margin-top: -60px;
	}
}

/* --------------------------------------------------------------------------
 * Scheda veicolo come nel 4.x (2026-09-14), valori misurati su britishmotors-subaru.it.
 * Il calcolatore sta nella barra laterale grazie a listings/single-car/car-main.php
 * e car-calculator.php del child.
 * -------------------------------------------------------------------------- */

/* Logo AutoScout24 sopra i dati: nel 4.x il link era in linea, senza i 10px sopra e sotto. */
.single-car-data .stm-single-car-history-image a {
	display: inline;
	padding: 0;
}

/* Miniature della galleria: la 5.6 lascia lo spazio dei pallini del carosello anche
   quando sono disattivati (22px vuoti sotto le miniature). */
.stm-thumbs-car-gallery .owl-dots.disabled {
	display: none;
}

/* Calcolatore stretto nella barra laterale. */
.stm-single-car-side .stm_auto_loan_calculator {
	padding: 22px 23px 8px;
}

.stm-single-car-side .stm_auto_loan_calculator .title {
	padding-left: 55px;
}

.stm-single-car-side .stm_auto_loan_calculator .title h5 {
	margin: 0 0 10px;
}

.stm-single-car-side .stm_auto_loan_calculator .button {
	margin-bottom: 30px;
	background-color: #1f82d9;
}

/* In produzione le unita' di misura dei campi, "(€)", "(%)", "(mese)", restano
   nell'arancione del tema (#cc6119), non ricolorato col blu del brand. */
.stm-single-car-side .stm_auto_loan_calculator .orange {
	color: #cc6119;
}

/* Icona della calcolatrice fuori dal flusso, nei 55px a sinistra del titolo (come nel 4.x). */
.stm-single-car-side .stm_auto_loan_calculator .title {
	position: relative;
}

.stm-single-car-side .stm_auto_loan_calculator .title i {
	position: absolute;
	left: 0;
	top: 0;
}