/* Shared interaction colours. Never target garment swatches or artwork layers.
   Hover colours are explicit because legacy components and Woo themes overlap. */
:root{--llp-action-blue:#193bbb;--llp-action-yellow:#ffd60a;--llp-action-pink:#ff4f9a;--llp-action-lilac:#e8e0ff;--llp-action-ink:#14141c}
:where(.button,.outline,.wp-block-button__link,.ia-native-button,.gm-sticky a,.bm-sticky a){--action-hover-bg:var(--llp-action-yellow);--action-hover-ink:var(--llp-action-ink)}
:where(.outline,.button.light){--action-hover-bg:var(--llp-action-pink)}
:where(.wp-block-button__link,.ia-native-button,.gm-sticky a,.bm-sticky a){--action-hover-bg:var(--llp-action-blue);--action-hover-ink:#fff}
/* A yellow CTA on the blue header becomes lilac, including keyboard focus. */
body>header .button,.llp-video-hero :is(.button,.wp-block-button__link){--action-hover-bg:var(--llp-action-lilac);--action-hover-ink:var(--llp-action-ink)}
:is(.quote,#cartSummary,.ia-native-totals,.llp-account-page) .button,
.ia-native-totals .ia-native-button{--action-hover-bg:var(--llp-action-pink);--action-hover-ink:var(--llp-action-ink)}
/* Keep the hover fill distinct on the coloured editorial blocks. */
:is(.cms-story,.split-story,.gm-hero,.gm-panel,.bm-hero,.bm-polos,.bm-faq) :is(.button,.wp-block-button__link){--action-hover-bg:var(--llp-action-yellow);--action-hover-ink:var(--llp-action-ink)}
:is(.gm-lead,.bm-lead,.bm-highvis,.bm-wardrobe,.llp-party-benefits,.has-yellow-background-color) :is(.button,.outline,.wp-block-button__link){--action-hover-bg:var(--llp-action-pink);--action-hover-ink:var(--llp-action-ink)}
:is(.gm-offer,.bm-highvis-feature,.llp-party-hero,.llp-landing-hero.pink,.has-pink-background-color) :is(.button,.outline,.wp-block-button__link),
:is(.gm-steps,.gm-closing,.bm-process,.bm-closing,.llp-pack-offer,.llp-party-final,.llp-workshop-cover) :is(.button,.wp-block-button__link){--action-hover-bg:var(--llp-action-lilac);--action-hover-ink:var(--llp-action-ink)}
body :is(.gm-lead,.bm-lead,.bm-highvis,.bm-wardrobe,.llp-party-benefits,.has-yellow-background-color) .wp-block-button__link{background:#193bbb!important;color:#fff!important}
body :is(.gm-steps,.gm-closing,.bm-process,.bm-closing,.llp-pack-offer,.llp-party-final,.llp-workshop-cover) .button:not(.light):not([href^="https://wa.me/"]):not([href^="https://api.whatsapp.com/"]){background:#ffd60a;color:#14141c}
/* !important is limited to interaction colours: inline Gutenberg colours and
   older, more specific hover selectors must not leave unreadable text. */
body :is(.button,.outline,.wp-block-button__link,.ia-native-button,.gm-sticky a,.bm-sticky a):not(:disabled):not([aria-disabled="true"]):is(:hover,:focus-visible){background:var(--action-hover-bg,var(--llp-action-yellow))!important;color:var(--action-hover-ink,var(--llp-action-ink))!important;border-color:var(--llp-action-ink)!important}
/* WhatsApp is the sole green action; use a lighter green with dark lettering. */
:is(a.button,a.wp-block-button__link):is([href^="https://wa.me/"],[href^="https://api.whatsapp.com/"]),
:is(.gm-whatsapp-submit,.bm-enquiry button,#quoteStep .embroidery-quote-contact){--action-hover-bg:#b9f7cd;--action-hover-ink:#14141c}
body :is(a.button,a.wp-block-button__link):is([href^="https://wa.me/"],[href^="https://api.whatsapp.com/"]){background:#25d366!important;color:#14141c!important;border-color:#14141c!important}
body :is(a.button,a.wp-block-button__link):is([href^="https://wa.me/"],[href^="https://api.whatsapp.com/"]):not([aria-disabled="true"]):is(:hover,:focus-visible),
body :is(.gm-whatsapp-submit,.bm-enquiry button,#quoteStep .embroidery-quote-contact):not(:disabled):is(:hover,:focus-visible){background:#b9f7cd!important;color:#14141c!important;border-color:#14141c!important}
body :is(.button,.outline,.wp-block-button__link,.ia-native-button):is(:disabled,[aria-disabled="true"]){background:#e8e0ff!important;color:#514d5b!important;border-color:#8b8795!important;box-shadow:none!important;transform:none!important;cursor:not-allowed}
/* Utility controls have their own fill, rather than disappearing into lilac. */
body :is(.menu-toggle,.llp-shared-toggle,.llp-back-to-top,.rw-dialog-bar button,.llp-proof-lightbox-toolbar button,.pack-stepper button,.pack-file-preview button,.group-demo-tools button,.gm-demo-switch button,.gm-demo-sizes button,.group-photo-controls button,.group-sizes button,.rw-filters button,.catalog-pagination button,.catalog-pagination a[data-catalog-page]):not(:disabled):not([aria-disabled="true"]):not([aria-pressed="true"]):not([aria-current="page"]):is(:hover,:focus-visible){background:var(--llp-action-pink)!important;color:var(--llp-action-ink)!important;border-color:var(--llp-action-ink)!important}
/* The selection remains stable under the pointer. Colour dots stay untouched. */
body :is(.technique-cards,.ink-choices,.dtf-size-choices) button:not(:disabled):not([aria-pressed="true"]):is(:hover,:focus-visible){background:var(--llp-action-pink)!important;color:var(--llp-action-ink)!important;border-color:var(--llp-action-ink)!important}
body :is(.technique-cards,.ink-choices,.dtf-size-choices,.rw-filters,.pack-view-buttons,.group-photo-controls,.gm-demo-sizes) button[aria-pressed="true"]:is(:hover,:focus-visible){background:var(--llp-action-yellow)!important;color:var(--llp-action-ink)!important}
body :is(.group-sizes,.gm-demo-switch,.pack-photo-tabs) button[aria-pressed="true"]:is(:hover,:focus-visible),
body .catalog-pagination [aria-current="page"]:is(:hover,:focus-visible){background:var(--llp-action-blue)!important;color:#fff!important}
/* Editor UI only; selecting ink or a garment must keep the true colour. */
#designWorkspace :is(.editor-main-actions button,.outline,.visual-transform button,.visual-fonts button,.visual-tools button,.view-tabs button,#workspaceSaveProject,#closeWorkspace,#finishWorkspace,.workspace-tools-toggle):not(:disabled):not([aria-pressed="true"]):not(.active):is(:hover,:focus-visible),
#imageEditDialog :is(.image-methods button,header button,footer button):not(:disabled):is(:hover,:focus-visible){background:var(--llp-action-pink)!important;color:var(--llp-action-ink)!important;border-color:var(--llp-action-ink)!important}
#designWorkspace :is(.visual-tools button,.view-tabs button)[aria-pressed="true"]:is(:hover,:focus-visible),
#designWorkspace .view-tabs button.active:is(:hover,:focus-visible){background:var(--llp-action-blue)!important;color:#fff!important}
#designWorkspace .visual-fonts button[aria-pressed="true"]:is(:hover,:focus-visible){background:var(--llp-action-yellow)!important;color:var(--llp-action-ink)!important}
/* Visible focus on both light and blue surfaces, without changing layout. */
body :is(.button,.outline,.wp-block-button__link,.ia-native-button,.menu-toggle,.llp-shared-toggle,.llp-back-to-top,.rw-dialog-bar button,.rw-filters button,.catalog-pagination button,.catalog-pagination a[data-catalog-page]):focus-visible,
#designWorkspace button:focus-visible,#imageEditDialog button:focus-visible{outline:3px solid #193bbb!important;outline-offset:4px;box-shadow:0 0 0 4px #fff!important}
body :is(.visual-palette button,.swatch,.pack-swatch):focus-visible{outline:3px solid #193bbb!important;outline-offset:4px!important;box-shadow:0 0 0 4px #fff!important}
body>header nav a:is(:hover,:focus-visible),.llp-shared-header nav a:is(:hover,:focus-visible){color:#ffd60a;text-decoration:underline;text-underline-offset:5px}
.family-carousel>.family-scroll-arrow:not(:disabled):is(:hover,:focus-visible){color:#14141c}
.family-carousel>.family-scroll-arrow:not(:disabled):is(:hover,:focus-visible):before{background:#ff4f9a}
@media(prefers-reduced-motion:reduce){:is(.button,.outline,.wp-block-button__link,.ia-native-button){transition:none!important}}