/*	
	Theme Name: Motors - Child Theme
	Theme URI: http://motors.stylemixthemes.com/
	Author: StylemixThemes
	Author URI: http://stylemixthemes.com/
	Description: Motors Child theme
	Version: 4.0
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Tags: blue, red, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, fluid-layout, responsive-layout, flexible-header, custom-background, custom-colors, custom-header, custom-menu, editor-style, sticky-post, theme-options
	Text Domain: motors-child
    Template: motors

    This theme, like WordPress, is licensed under the GPL.
    Use it to make something cool, have fun, and share what you've learned with others.
*/

/* Add your own styles here */

/*
 * Home mobile: una card listing per riga.
 * Il secondo breakpoint intercetta anche Safari iOS quando mostra il sito
 * con un viewport desktop (circa 980px).
 */
@media (max-width: 767px),
       (max-width: 1024px) and (hover: none) and (pointer: coarse),
       (max-device-width: 767px) {
    body.home .stm-elementor_listings_grid .listing-cars-grid > .dp-in,
    body.home .stm-isotope-listing-item,
    body.home .listing-list-loop,
    body.home .stm-directory-grid-loop,
    body.home .listing-car-item,
    body.home .listing-car-items .stm-template-front-loop,
    body.home .stm_isotope_listing-item,
    body.home .stm_moto_single_grid_item,
    body.home .stm-isotope-listing-item[class*="col-"],
    body.home .listing-list-loop[class*="col-"],
    body.home .stm-directory-grid-loop[class*="col-"],
    body.home .listing-car-item[class*="col-"],
    body.home .listing-car-items .stm-template-front-loop[class*="col-"],
    body.home .stm_moto_single_grid_item[class*="col-"] {
        width: 100% !important;
        float: none !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
}

/* Banner titolo delle singole auto — desktop */
body.single-listings .entry-header.small_title_box > .container {
    min-height: 260px !important;
}

/* Titolo posizionato nella parte visibile del banner — desktop */
body.single-listings .entry-header.small_title_box .entry-title {
    top: auto !important;
    bottom: 25px !important;
    transform: none !important;
}

/* Nasconde il banner ridondante su smartphone */
@media (max-width: 767px) {
    body.single-listings .entry-header.small_title_box {
        display: none !important;
    }
}