/* Actions follow their surface: black on light sections, blue on dark sections.
   Vehicle cards keep blue actions to distinguish units from general browsing.
   Navigation, icon controls and reset/destructive actions keep their treatment. */
body.pags-customer-ui :is(.pags-d3-departments, .pags-department-hero, .pags-rider-resource-hero, .pags-ktm-hero, .pags-ktm-story, .pags-featured-showroom, .elementor-element-7ffc6ea) {
    --pags-action-background: #246FA8;
    --pags-action-hover: #1B5783;
}

/* These light surfaces can sit inside a dark section. */
body.pags-customer-ui :is(.pags-card, .pags-service-form, .pags-dept-panel) {
    --pags-action-background: #15191B;
    --pags-action-hover: #246FA8;
}

body.pags-customer-ui .elementor-widget-button:not(.pags-site-header .elementor-widget-button):not(.pags-home-integrated-header .elementor-widget-button):not(.pags-home-contact-strip .elementor-widget-button):not(.pags-header-legacy-strip .elementor-widget-button) .elementor-button {
    background-color: var(--pags-action-background, #15191B) !important;
    border-color: var(--pags-action-background, #15191B) !important;
    color: #FFFFFF !important;
}

body.pags-customer-ui .elementor-widget-button:not(.pags-site-header .elementor-widget-button):not(.pags-home-integrated-header .elementor-widget-button):not(.pags-home-contact-strip .elementor-widget-button):not(.pags-header-legacy-strip .elementor-widget-button) .elementor-button:is(:hover, :focus, :focus-visible) {
    background-color: var(--pags-action-hover, #246FA8) !important;
    border-color: var(--pags-action-hover, #246FA8) !important;
    color: #FFFFFF !important;
}

body.pags-customer-ui :is(a.pags-button, button.pags-button, input.pags-button[type="submit"], .pags-card-link, .pags-secondary-links :is(a, button[data-pags-trade-open]), .pags-filters button[type="submit"], .pags-service-form button[type="submit"], .pags-texting-launcher button) {
    background-color: var(--pags-action-background, #15191B) !important;
    border-color: var(--pags-action-background, #15191B) !important;
    color: #FFFFFF !important;
}

body.pags-customer-ui :is(a.pags-button, button.pags-button, input.pags-button[type="submit"], .pags-card-link, .pags-secondary-links :is(a, button[data-pags-trade-open]), .pags-filters button[type="submit"], .pags-service-form button[type="submit"], .pags-texting-launcher button):is(:hover, :focus, :focus-visible) {
    background-color: var(--pags-action-hover, #246FA8) !important;
    border-color: var(--pags-action-hover, #246FA8) !important;
    color: #FFFFFF !important;
}

body.pags-customer-ui :is(.elementor-widget-button:not(.pags-site-header .elementor-widget-button):not(.pags-home-integrated-header .elementor-widget-button):not(.pags-home-contact-strip .elementor-widget-button):not(.pags-header-legacy-strip .elementor-widget-button) .elementor-button, a.pags-button, button.pags-button, input.pags-button[type="submit"], .pags-card-link, .pags-secondary-links :is(a, button[data-pags-trade-open]), .pags-filters button[type="submit"], .pags-service-form button[type="submit"], .pags-texting-launcher button):focus-visible {
    outline: 3px solid #246FA8 !important;
    outline-offset: 3px !important;
    box-shadow: 0 0 0 6px #FFFFFF !important;
}

/* Unit actions stay blue; the floating launcher also stays visible across surfaces. */
body.pags-customer-ui :is(.pags-card-link, .pags-texting-launcher button) {
    --pags-action-background: #246FA8;
    --pags-action-hover: #1B5783;
}

/* Keep the launcher at the viewport corner on phones and desktop. */
body.pags-customer-ui .pags-texting-launcher.is-ready {
    position: fixed;
    inset: auto 16px calc(16px + env(safe-area-inset-bottom)) auto;
    display: block;
    width: max-content;
    max-width: calc(100vw - 32px);
    margin: 0;
    padding: 0;
    background: transparent;
    z-index: 1000;
}

@media (min-width: 768px) {
    /* Reserve only the part of the launcher that extends past the page gutter.
       The supplied brand artwork and native Elementor layout remain unchanged. */
    body.pags-customer-home .pags-d3-brand-logos {
        padding-inline-end: max(0px, calc(156px - max(32px, (100vw - 1240px) / 2)));
    }

}

/* Replace theme-wide `all` transitions on public actions with color feedback.
   Keyboard focus is immediate; existing focus outlines remain unchanged. */
body.pags-customer-ui :is(.elementor-button, .pags-button, .pags-card-link,
    .pags-secondary-links a, .pags-secondary-links button, .pags-filters button,
    .pags-service-form button, .pags-trade-close, .pags-gallery-arrow,
    .pags-texting-launcher button, .pags-texting-dialog button, .pags-texting-team) {
    transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease;
}

body.pags-customer-ui :is(.elementor-button, .pags-button, .pags-card-link,
    .pags-secondary-links a, .pags-secondary-links button, .pags-filters button,
    .pags-service-form button, .pags-trade-close, .pags-gallery-arrow,
    .pags-texting-launcher button, .pags-texting-dialog button, .pags-texting-team):focus-visible {
    transition: none;
}

@media (prefers-reduced-motion: reduce) {
    body.pags-customer-ui :is(.elementor-button, .pags-button, .pags-card-link,
        .pags-secondary-links a, .pags-secondary-links button, .pags-filters button,
        .pags-service-form button, .pags-trade-close, .pags-gallery-arrow,
        .pags-texting-launcher button, .pags-texting-dialog button, .pags-texting-team) {
        transition: none;
    }
}

/* The source canvases have different proportions: Kayo has generous transparent padding, while the Honda and Husqvarna marks are wide wordmarks. */
body.pags-customer-home .pags-home-brand-mark--honda img {
    width: 100% !important;
    max-width: 130px !important;
    height: 52px !important;
    object-fit: contain !important;
}

body.pags-customer-home .pags-home-brand-mark--husqvarna img {
    width: 100% !important;
    max-width: 136px !important;
    height: 56px !important;
    object-fit: contain !important;
}

body.pags-customer-home .pags-home-brand-mark--kayo img {
    width: 100% !important;
    max-width: 100% !important;
    height: 104px !important;
    object-fit: contain !important;
}

@media (max-width: 767px) {
    body.pags-customer-ui .pags-site-header nav {
        max-height: calc(100dvh - 128px);
        flex-wrap: nowrap !important;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
    }

    body.pags-customer-ui .pags-site-header nav > * {
        flex-shrink: 0;
    }

    body.pags-customer-home .pags-home-brand-mark--honda img,
    body.pags-customer-home .pags-home-brand-mark--husqvarna img {
        width: 108% !important;
        max-width: 110px !important;
    }

    body.pags-customer-home .pags-home-brand-mark--kayo img {
        width: 108% !important;
        max-width: 110px !important;
        height: 72px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.pags-customer-home .pags-home-brand-mark--honda img,
    body.pags-customer-home .pags-home-brand-mark--husqvarna img,
    body.pags-customer-home .pags-home-brand-mark--kayo img {
        transition: none !important;
    }
}