/* Shared button palette, 2026-10-22. Native widgets, dimensions and actions stay intact.
 * Elementor document rules and legacy Woo/customizer rules own high-specificity
 * and !important button colours. The overrides below are limited to control
 * colours and their focus indication; no global image, text or layout reset.
 */
body.sh-site.shux-enabled {
    --shux-button-fill:#f0f0f0;
    --shux-button-hover:#fff;
    --shux-button-ink:#111;
    --shux-button-text:#f2f2f2;
    --shux-button-muted:#b8b8b8;
    --shux-button-line:#555;
}

/* Main calls to action: enquiries, search, account, purchase and customizer. */
body.sh-site.shux-enabled :is(.elementor-widget-button,.elementor-widget-form) .elementor-button,
body.sh-site.shux-enabled :is(a.button,button.button,input.button),
body.sh-site.shux-enabled .sh-search-form button,
body.sh-site.shux-enabled .elementor-search-form__submit,
body.sh-site.shux-enabled .elementor-menu-cart__footer-buttons .elementor-button,
body.sh-site.shux-enabled .spc-editor :is(.spc-primary,.spc-upload-button,.spc-done),
body.sh-site.shux-enabled .shux-sticky-action {
    background-color:var(--shux-button-fill)!important;
    background-image:none!important;
    color:var(--shux-button-ink)!important;
    border-color:var(--shux-button-fill)!important;
}
body.sh-site.shux-enabled :is(.elementor-widget-button,.elementor-widget-form) .elementor-button:hover,
body.sh-site.shux-enabled :is(a.button,button.button,input.button):hover,
body.sh-site.shux-enabled .sh-search-form button:hover,
body.sh-site.shux-enabled .elementor-search-form__submit:hover,
body.sh-site.shux-enabled .elementor-menu-cart__footer-buttons .elementor-button:hover,
body.sh-site.shux-enabled .spc-editor :is(.spc-primary,.spc-upload-button,.spc-done):hover,
body.sh-site.shux-enabled .shux-sticky-action:hover {
    background-color:var(--shux-button-hover)!important;
    color:var(--shux-button-ink)!important;
    border-color:var(--shux-button-hover)!important;
}

/* Keep editorial text links light and unfilled, with their existing underline. */
body.sh-site.shux-enabled :is(.sh-text-link,.we-link,.ip4-link,.sh-inner-link,.sv2-section-link) .elementor-button {
    background-color:transparent!important;
    color:var(--shux-button-text)!important;
    border-color:var(--shux-button-line)!important;
}
body.sh-site.shux-enabled :is(.sh-text-link,.we-link,.ip4-link,.sh-inner-link,.sv2-section-link) .elementor-button:hover {
    background-color:transparent!important;
    color:#fff!important;
    border-color:#bbb!important;
}
body.sh-site.shux-enabled :is(.cu-gallery-prev,.cu-gallery-next) .elementor-button {
    background-color:rgba(11,11,11,.74)!important;
    color:#f2f2f2!important;
    border-color:#555!important;
}
body.sh-site.shux-enabled :is(.cu-gallery-prev,.cu-gallery-next) .elementor-button:hover {
    background-color:#242424!important;
    border-color:#eee!important;
}

/* Quiet utility controls retain their original shape and selected indicators. */
body.sh-site.shux-enabled :is(.sh-v2-shop-filter-submit,.sh-v2-shop-filter-toggle,.sh-v2-shop-density button,.sh-motion-toggle,.show-password-input),
body.sh-site.shux-enabled .spc-editor :is(.spc-button:not(.spc-primary):not(.spc-upload-button):not(.spc-done),.spc-icon-button,.spc-text-button) {
    color:var(--shux-button-text)!important;
    border-color:var(--shux-button-line)!important;
}
body.sh-site.shux-enabled :is(.sh-v2-shop-filter-submit,.sh-v2-shop-filter-toggle,.sh-v2-shop-density button,.sh-motion-toggle):hover,
body.sh-site.shux-enabled .spc-editor :is(.spc-button:not(.spc-primary):not(.spc-upload-button):not(.spc-done),.spc-icon-button,.spc-text-button):hover {
    background-color:#242424!important;
    color:#fff!important;
    border-color:#eee!important;
}
body.sh-site.shux-enabled .spc-editor .spc-choice-button[aria-pressed=true] {
    background-color:#242424!important;
    color:#fff!important;
    border-color:#eee!important;
}

/* Customizer UI accent only: artwork pixels, colour swatches and canvas untouched. */
body.sh-site.shux-enabled.spc-design-page .spc-editor.spc-refined {
    --spc-accent:#eee;
}
body.sh-site.shux-enabled .spc-editor :is(.spc-steps,.spc-studio-tabs,.spc-tabs) button {
    background-color:transparent!important;
    color:#b8b8b8!important;
    border-color:transparent!important;
}
body.sh-site.shux-enabled .spc-editor :is(.spc-steps,.spc-studio-tabs,.spc-tabs) button:hover {
    color:#fff!important;
    border-color:transparent!important;
    border-bottom-color:#888!important;
}
body.sh-site.shux-enabled .spc-editor :is(.spc-steps,.spc-studio-tabs,.spc-tabs) button:is([aria-current=step],[aria-selected=true],[aria-pressed=true],.is-active) {
    color:#f2f2f2!important;
    border-color:transparent!important;
    border-bottom-color:#eee!important;
}
body.sh-site.shux-enabled .spc-editor .spc-steps .spc-step-number {
    background-color:transparent!important;
    color:inherit!important;
}

/* Product detail tabs use the same monochrome active and inactive states. */
body.sh-site.shux-enabled .sh-v2-product .woocommerce-tabs ul.wc-tabs li a {
    background-color:transparent!important;
    color:#b8b8b8!important;
    border-color:#555!important;
}
body.sh-site.shux-enabled .sh-v2-product .woocommerce-tabs ul.wc-tabs li:is(.active,:hover) a {
    color:#f2f2f2!important;
    border-color:#eee!important;
}
body.sh-site.shux-enabled .sh-v2-product .woocommerce-tabs ul.wc-tabs li a::after {
    background-color:#eee!important;
}

/* Header cart is an icon control rather than a filled call to action. */
body.sh-site.shux-enabled .elementor-menu-cart__toggle_button.elementor-button {
    background-color:transparent!important;
    color:#f2f2f2!important;
    border-color:transparent!important;
}

/* Native cart text actions and the existing black Google Pay button. */
body.sh-site.shux-enabled :is(a.remove,.shipping-calculator-button,.show-password-input) {
    background-color:transparent!important;
    color:#f2f2f2!important;
    border-color:#555!important;
}
body.sh-site.shux-enabled :is(a.remove,.shipping-calculator-button,.show-password-input):hover {
    background-color:#242424!important;
    color:#fff!important;
    border-color:#eee!important;
}
/* commerce-design.css marks the remove icon !important at four-class specificity. */
body.sh-site.shux-enabled.woocommerce-cart .elementor-widget-woocommerce-cart .woocommerce a.remove {
    background-color:transparent!important;
    color:#f2f2f2!important;
    border-color:#555!important;
}
body.sh-site.shux-enabled.woocommerce-cart .elementor-widget-woocommerce-cart .woocommerce a.remove:hover {
    background-color:#242424!important;
    color:#fff!important;
    border-color:#eee!important;
}
body.sh-site.shux-enabled .gpay-button.black,
body.sh-site.shux-enabled #gpay-button-online-api-id.gpay-button.black {
    background-color:#000!important;
    color:#fff!important;
    border-color:#555!important;
}

/* Disabled controls must stay visibly unavailable, including after hovering. */
body.sh-site.shux-enabled :is(.elementor-widget-button,.elementor-widget-form) .elementor-button:is(:disabled,.disabled,[aria-disabled=true]),
body.sh-site.shux-enabled :is(a.button,button.button,input.button):is(:disabled,.disabled,[aria-disabled=true]),
body.sh-site.shux-enabled .spc-editor :is(.spc-primary,.spc-upload-button,.spc-done):is(:disabled,.disabled,[aria-disabled=true]),
body.sh-site.shux-enabled .shux-sticky-action:disabled {
    background-color:#292929!important;
    color:#a0a0a0!important;
    border-color:#454545!important;
}
body.sh-site.shux-enabled .spc-editor :is(.spc-button,.spc-icon-button,.spc-text-button):disabled {
    color:#888!important;
    border-color:#454545!important;
}

/* A neutral keyboard ring remains visible on both black and white surfaces. */
body.sh-site.shux-enabled :is(.elementor-button,a.button,button.button,input.button,a.remove,.shipping-calculator-button,.show-password-input,.sh-search-form button,.elementor-search-form__submit,.sh-v2-shop button,.sh-motion-toggle,.shux-sticky-action,.woocommerce-tabs ul.wc-tabs a):focus-visible,
body.sh-site.shux-enabled .spc-editor :is(button,.spc-upload-button):focus-visible {
    outline:2px solid #fff!important;
    outline-offset:3px;
    box-shadow:0 0 0 3px #080808!important;
}