/* Shared primary actions. New markup uses class="moto-button".
 * Colour/state tokens live here; existing modules still own their layout.
 * The compatibility selectors cover the current shop, forms and dialogs.
 * !important deliberately resolves legacy CTA and prose-link overrides.
 */
body.moto-native {
    --moto-button-bg: #d14300;
    --moto-button-hover: #b93800;
    --moto-button-active: #9c3300;
    --moto-button-text: #fff;
    --moto-button-focus: #087bfa;
    --moto-button-disabled-bg: #e2e6ed;
    --moto-button-disabled-text: #515b66;
}
/* Opt-in component for new controls; compatibility rules do not change sizes. */
.moto-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    max-width: 100%;
    padding: 12px 20px;
    border: 1px solid transparent;
    border-radius: 8px;
    font: inherit;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
body.moto-native :is(
    .moto-button,
    .button:not(:where(.is-secondary,.is-ghost,.sip-secondary-button,.woocommerce-info .woocommerce-Button,#wpadminbar .button)),
    input[type="submit"]:not(:where(.search-submit,#wpadminbar input)),
    .solartek-design-cta,
    .solartek-design-discovery__button,
    .solartek-home-collection__button.is-primary,
    .solartek-cross-designs__footer a,
    .tactical-banner a,
    .solartek-portfolio-bridge__button:not(.is-secondary),
    .sio-button:not(:where(.sio-button--ghost,.sio-button--dark)),
    .mhp-button,
    .sgf-button--primary,
    .sip-primary,
    .sip-download,
    .sip-guest-open,
    .moto-3d__button,
    #page-header .moto-primary a[href$="/generations/"],
    #page-header .moto-menu nav a[href$="/generations/"]
) {
    background-color: var(--moto-button-bg) !important;
    background-image: none !important;
    border-color: var(--moto-button-bg) !important;
    color: var(--moto-button-text) !important;
    text-decoration: none !important;
    box-shadow: none !important;
    transform: none !important;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
body.moto-native :is(
    .moto-button,
    .button:not(:where(.is-secondary,.is-ghost,.sip-secondary-button,.woocommerce-info .woocommerce-Button,#wpadminbar .button)),
    input[type="submit"]:not(:where(.search-submit,#wpadminbar input)),
    .solartek-design-cta,
    .solartek-design-discovery__button,
    .solartek-home-collection__button.is-primary,
    .solartek-cross-designs__footer a,
    .tactical-banner a,
    .solartek-portfolio-bridge__button:not(.is-secondary),
    .sio-button:not(:where(.sio-button--ghost,.sio-button--dark)),
    .mhp-button,
    .sgf-button--primary,
    .sip-primary,
    .sip-download,
    .sip-guest-open,
    .moto-3d__button,
    #page-header .moto-primary a[href$="/generations/"],
    #page-header .moto-menu nav a[href$="/generations/"]
):hover {
    background-color: var(--moto-button-hover) !important;
    border-color: var(--moto-button-hover) !important;
    color: var(--moto-button-text) !important;
}
body.moto-native :is(
    .moto-button,
    .button:not(:where(.is-secondary,.is-ghost,.sip-secondary-button,.woocommerce-info .woocommerce-Button,#wpadminbar .button)),
    input[type="submit"]:not(:where(.search-submit,#wpadminbar input)),
    .solartek-design-cta,
    .solartek-design-discovery__button,
    .solartek-home-collection__button.is-primary,
    .solartek-cross-designs__footer a,
    .tactical-banner a,
    .solartek-portfolio-bridge__button:not(.is-secondary),
    .sio-button:not(:where(.sio-button--ghost,.sio-button--dark)),
    .mhp-button,
    .sgf-button--primary,
    .sip-primary,
    .sip-download,
    .sip-guest-open,
    .moto-3d__button,
    #page-header .moto-primary a[href$="/generations/"],
    #page-header .moto-menu nav a[href$="/generations/"]
):active {
    background-color: var(--moto-button-active) !important;
    border-color: var(--moto-button-active) !important;
}
body.moto-native :is(
    .moto-button,
    .button:not(:where(.is-secondary,.is-ghost,.sip-secondary-button,.woocommerce-info .woocommerce-Button,#wpadminbar .button)),
    input[type="submit"]:not(:where(.search-submit,#wpadminbar input)),
    .solartek-design-cta,
    .solartek-design-discovery__button,
    .solartek-home-collection__button.is-primary,
    .solartek-cross-designs__footer a,
    .tactical-banner a,
    .solartek-portfolio-bridge__button:not(.is-secondary),
    .sio-button:not(:where(.sio-button--ghost,.sio-button--dark)),
    .mhp-button,
    .sgf-button--primary,
    .sip-primary,
    .sip-download,
    .sip-guest-open,
    .moto-3d__button,
    #page-header .moto-primary a[href$="/generations/"],
    #page-header .moto-menu nav a[href$="/generations/"]
):focus-visible {
    outline: 3px solid var(--moto-button-focus) !important;
    outline-offset: 3px;
    box-shadow: 0 0 0 2px #fff !important;
}
body.moto-native :is(
    .moto-button,
    .button:not(:where(.is-secondary,.is-ghost,.sip-secondary-button,.woocommerce-info .woocommerce-Button,#wpadminbar .button)),
    input[type="submit"]:not(:where(.search-submit,#wpadminbar input)),
    .solartek-design-cta,
    .solartek-design-discovery__button,
    .solartek-home-collection__button.is-primary,
    .solartek-cross-designs__footer a,
    .tactical-banner a,
    .solartek-portfolio-bridge__button:not(.is-secondary),
    .sio-button:not(:where(.sio-button--ghost,.sio-button--dark)),
    .mhp-button,
    .sgf-button--primary,
    .sip-primary,
    .sip-download,
    .sip-guest-open,
    .moto-3d__button,
    #page-header .moto-primary a[href$="/generations/"],
    #page-header .moto-menu nav a[href$="/generations/"]
):is(:disabled, [aria-disabled="true"], .disabled) {
    background-color: var(--moto-button-disabled-bg) !important;
    border-color: var(--moto-button-disabled-bg) !important;
    color: var(--moto-button-disabled-text) !important;
    box-shadow: none !important;
    opacity: 1;
    cursor: not-allowed;
}
/* Neutral tags and gallery arrows stay neutral until their orange hover state. */
body.moto-native .solartek-product-tags a.w-btn.us-btn-style_badge:hover,
body.moto-native.single-product.tactical-design .owl-nav :is(button.owl-prev,button.owl-next):hover {
    background-color: var(--moto-button-hover) !important;
    color: var(--moto-button-text) !important;
}
@media (prefers-reduced-motion: reduce) {
body.moto-native :is(
    .moto-button,
    .button:not(:where(.is-secondary,.is-ghost,.sip-secondary-button,.woocommerce-info .woocommerce-Button,#wpadminbar .button)),
    input[type="submit"]:not(:where(.search-submit,#wpadminbar input)),
    .solartek-design-cta,
    .solartek-design-discovery__button,
    .solartek-home-collection__button.is-primary,
    .solartek-cross-designs__footer a,
    .tactical-banner a,
    .solartek-portfolio-bridge__button:not(.is-secondary),
    .sio-button:not(:where(.sio-button--ghost,.sio-button--dark)),
    .mhp-button,
    .sgf-button--primary,
    .sip-primary,
    .sip-download,
    .sip-guest-open,
    .moto-3d__button,
    #page-header .moto-primary a[href$="/generations/"],
    #page-header .moto-menu nav a[href$="/generations/"]
) {
    transition: none;
}
}