/*	
	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 */

/* Hide inert 'Share this' button on blog posts */
.blog-meta-bottom .stm-shareble {
    display: none !important;
}

/* Ensure SVG logo scales smoothly */
.logo-main img,
.bloglogo img {
    height: auto;
    max-width: 100%;
}

/* Mobile Header Logo Adjustment & Image Swap (Screens 991px and below) */
@media (max-width: 991px) {
    .logo-main img,
    .bloglogo img,
    .mobile-header-logo img {
        content: url("/wp-content/uploads/2026/08/horizintal-logo-only-dark.svg") !important;
        max-width: 100px !important;
        width: 100% !important;
        height: auto !important;
    }
}

/* Hide comment counts and comment sections site-wide (Footer widget, Blog loops, Post cards, and Single post pages) */
.stm-last-post-widget .comments-number,
.blog-meta-unit.comments,
.blog-meta-unit .post_comments,
.post_comments,
.comments-number,
#comments,
.stm_post_comments,
.stm-post-comments {
    display: none !important;
}

/* Phone tel link styling - ensure clickable call links retain exact text color without underline */
a[href^="tel:"] {
    color: inherit;
    text-decoration: none;
}
a[href^="tel:"]:hover,
a[href^="tel:"]:focus,
a[href^="tel:"]:active {
    color: inherit;
    text-decoration: none;
}

/* Footer Links Styling - fix dark link color on dark background */
#footer a,
#footer-main a,
.footer_widgets_wrapper a,
.footer_widgets_wrapper .widget_nav_menu ul li a,
#footer-copyright a {
    color: #ffffff !important;
    transition: color 0.2s ease-in-out;
}

#footer a:hover,
#footer a:focus,
#footer-main a:hover,
#footer-main a:focus,
.footer_widgets_wrapper a:hover,
.footer_widgets_wrapper a:focus,
.footer_widgets_wrapper .widget_nav_menu ul li a:hover,
.footer_widgets_wrapper .widget_nav_menu ul li a:focus,
#footer-copyright a:hover,
#footer-copyright a:focus {
    color: #6c98e1 !important;
    text-decoration: none;
}
.home .stm-hero-slider-wrap .stm-hb-price-unit { display: none !important; margin: 0 !important; padding: 0 !important; }


.page-id-91402 .stm-hero-slider-wrap .stm-hb-price-unit { display: none !important; margin: 0 !important; padding: 0 !important; }

/* Hero Slider Corrections - ExportAutoUSA Handoff */

/* Ensure the wrapper establishes relative positioning for the absolute overlay */
.elementor-element-2f7c5b1d .stm-hero-slider-wrap {
    position: relative !important;
}

/* Base text block setup */
.elementor-element-2f7c5b1d .stm-hero-slider-wrap .stm-hb-round {
    display: flex !important;
    flex-direction: column !important;
    background: transparent !important;
    padding: 0 !important;
    text-align: left !important;
}

/* Gradients Overlays using stable index - strictly for background contrast */
.elementor-element-2f7c5b1d .swiper-slide[data-swiper-slide-index="0"] .stm-hero-slider-wrap::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(13,24,38,0.04) 0%, rgba(13,24,38,0.12) 38%, rgba(13,24,38,0.58) 62%, rgba(13,24,38,0.88) 100%) !important;
    pointer-events: none;
    z-index: 1;
}

.elementor-element-2f7c5b1d .swiper-slide[data-swiper-slide-index="1"] .stm-hero-slider-wrap::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(13,24,38,0.88) 0%, rgba(13,24,38,0.68) 34%, rgba(13,24,38,0.24) 62%, rgba(13,24,38,0.04) 100%) !important;
    pointer-events: none;
    z-index: 1;
}

.elementor-element-2f7c5b1d .swiper-slide[data-swiper-slide-index="2"] .stm-hero-slider-wrap::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(13,24,38,0.03) 0%, rgba(13,24,38,0.12) 34%, rgba(13,24,38,0.64) 58%, rgba(13,24,38,0.92) 100%) !important;
    pointer-events: none;
    z-index: 1;
}

/* Ensure container text is above the overlay */
.elementor-element-2f7c5b1d .stm-hero-slider-wrap .container {
    z-index: 2 !important;
}

/* Make sure navigation is above content */
.elementor-element-2f7c5b1d .stm-hero-slider-nav {
    z-index: 3 !important;
}

/* Typography resets */
.elementor-element-2f7c5b1d .stm-hero-slider-wrap * {
    text-shadow: none !important;
}

/* Title */
.elementor-element-2f7c5b1d .stm-hero-slider-wrap .stm-hb-title {
    font-family: 'Archivo', sans-serif !important;
    font-weight: 700 !important;
    text-transform: none !important;
    color: #FFFFFF !important;
    font-size: 48px !important;
    line-height: 1.08 !important;
    letter-spacing: -0.01em !important;
    margin-bottom: 16px !important;
    text-align: left !important;
    max-width: 540px !important;
}

/* Description */
.elementor-element-2f7c5b1d .stm-hero-slider-wrap .stm-hb-round-text {
    font-family: 'Source Sans 3', sans-serif !important;
    font-weight: 400 !important;
    color: #FFFFFF !important;
    font-size: 18px !important;
    line-height: 1.50 !important;
    max-width: 520px !important;
    margin-bottom: 24px !important;
    text-align: left !important;
}
.elementor-element-2f7c5b1d .stm-hero-slider-wrap .stm-hb-round-text p {
    font-family: 'Source Sans 3', sans-serif !important;
    font-size: 18px !important;
    line-height: 1.50 !important;
    color: #FFFFFF !important;
    margin: 0 !important;
}

/* Button */
.elementor-element-2f7c5b1d .stm-hero-slider-wrap .stm-button {
    font-family: 'Archivo', sans-serif !important;
    font-weight: 600 !important;
    text-transform: none !important;
    font-size: 18px !important;
    min-height: 52px !important;
    background-color: #C4571B !important;
    color: #FFFFFF !important;
    border-radius: 6px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 32px !important;
    border: none !important;
    margin: 0 !important;
}

.elementor-element-2f7c5b1d .stm-hero-slider-wrap .stm-button:hover,
.elementor-element-2f7c5b1d .stm-hero-slider-wrap .stm-button:active,
.elementor-element-2f7c5b1d .stm-hero-slider-wrap .stm-button:focus {
    background-color: #A64812 !important;
}

/* Remove decorative elements on slider */
.elementor-element-2f7c5b1d .stm-hero-slider-wrap .stm-hb-title::before,
.elementor-element-2f7c5b1d .stm-hero-slider-wrap .stm-hb-title::after,
.elementor-element-2f7c5b1d .stm-hero-slider-wrap .stm-button::before,
.elementor-element-2f7c5b1d .stm-hero-slider-wrap .stm-button::after {
    display: none !important;
}

/* Accessibility for previous/next buttons */
.elementor-element-2f7c5b1d .stm-hero-slider-nav-prev:focus,
.elementor-element-2f7c5b1d .stm-hero-slider-nav-next:focus {
    outline: 2px solid #C4571B !important;
    outline-offset: 2px !important;
}

/* Responsive - Tablet */
@media (min-width: 768px) and (max-width: 1199px) {
    .elementor-element-2f7c5b1d .stm-hero-slider-wrap .stm-hb-title {
        font-size: 38px !important;
        line-height: 1.10 !important;
    }
    .elementor-element-2f7c5b1d .stm-hero-slider-wrap .stm-hb-round-text,
    .elementor-element-2f7c5b1d .stm-hero-slider-wrap .stm-hb-round-text p {
        font-size: 17px !important;
    }
}

/* Responsive - Mobile */
@media (max-width: 767px) {
    .elementor-element-2f7c5b1d .stm-hero-slider-wrap .stm-hb-title {
        font-size: 32px !important;
        line-height: 1.10 !important;
    }
    
    .elementor-element-2f7c5b1d .stm-hero-slider-wrap .stm-hb-round-text,
    .elementor-element-2f7c5b1d .stm-hero-slider-wrap .stm-hb-round-text p {
        font-size: 17px !important;
    }
    
    /* Unifying overlay to a top-down dark overlay for mobile text safety */
    .elementor-element-2f7c5b1d .swiper-slide .stm-hero-slider-wrap::after {
        background: linear-gradient(0deg, rgba(13,24,38,0.85) 0%, rgba(13,24,38,0.4) 100%) !important;
    }
}

/* ========================================================= HOME HERO — HORIZONTAL TEXT POSITION GUIDE This variable controls how far the hero text is pushed toward the LEFT or RIGHT edges on desktop. Current format: clamp(MINIMUM, FLUID VALUE, MAXIMUM) Example: --hero-edge-shift: clamp(25px, 3vw, 60px); What the numbers mean: 25px = minimum movement on smaller desktop screens 3vw = responsive movement based on screen width 60px = maximum movement on large screens IMPORTANT: Smaller numbers = text moves CLOSER TO THE CENTER Larger numbers = text moves CLOSER TO THE OUTER EDGES Suggested settings: Subtle edge push: --hero-edge-shift: clamp(10px, 2vw, 35px); Recommended / balanced: --hero-edge-shift: clamp(25px, 3vw, 60px); Stronger edge push: --hero-edge-shift: clamp(40px, 5vw, 90px); No extra movement: --hero-edge-shift: 0px; Only affects desktop because the positioning rules below are inside @media (min-width: 1200px). ========================================================= */

.eau-home-hero {
    --hero-edge-shift: clamp(25px, 3vw, 60px);
}

@media (min-width: 1200px) {

    .eau-home-hero
    .stm-hero-slider-wrap.right
    .stm-hb-round {
        position: relative;
        left: var(--hero-edge-shift);
    }

    .eau-home-hero
    .stm-hero-slider-wrap.left
    .stm-hb-round {
        position: relative;
        left: calc(var(--hero-edge-shift) * -1);
    }
}

/* =========================================================
   HOME HERO — MOBILE
   ========================================================= */

@media (max-width: 767px) {

    /* Keep text comfortably inside the viewport */
    .eau-home-hero .stm-info-wrap {
        padding-left: 16px;
        padding-right: 16px;
    }

    .eau-home-hero .stm-hb-round {
        width: 100%;
        max-width: none;
        left: 0 !important;
        right: 0 !important;
        transform: none;
    }

    .eau-home-hero .stm-hb-title {
        font-size: 32px;
        line-height: 1.08;
        max-width: 100%;
    }

    .eau-home-hero .stm-hb-round-text {
        font-size: 17px;
        line-height: 1.45;
        max-width: 100%;
    }

    .eau-home-hero .stm-button {
        width: 100%;
        min-height: 52px;
    }

    /* Best mobile option: use swipe instead of intrusive arrows */
    .eau-home-hero .stm-hero-slider-nav {
        display: none;
    }



    /* Slide 1 */
    .eau-home-hero
    .swiper-slide[data-swiper-slide-index="0"]
    .stm-hero-slider-wrap::after {
        background: rgba(13, 24, 38, 0.56) !important;
    }

    /* Slide 2 */
    .eau-home-hero
    .swiper-slide[data-swiper-slide-index="1"]
    .stm-hero-slider-wrap::after {
        background: rgba(13, 24, 38, 0.46) !important;
    }

    /* Slide 3 */
    .eau-home-hero
    .swiper-slide[data-swiper-slide-index="2"]
    .stm-hero-slider-wrap::after {
        background: rgba(13, 24, 38, 0.58) !important;
    }
}

/* =========================================================
   Request a Car PAGE — GRAY CARDS
   ========================================================= */
/* Align right sidebar with top of form */
.elementor-element-support_column > .elementor-widget-wrap {
    align-content: flex-start;
    padding-top: 0 !important;
}

/* Remove any top offset from first gray card */
.elementor-element-support_card_1_inner {
    margin-top: 0 !important;
}

/* Add space between gray cards */
.elementor-element-support_card_1_inner {
    margin-bottom: 24px !important;
}