/**
 * WARNING: Do not change this file. Your changes will be lost.
 * Generated at: 2026-08-24 02:14:33 */

:root {
    --theme-color: #002c73;
    --theme-secondary-color: #ffd000;
    --scrollthumb-color: #002c73;
    --color-primary: #002c73;
    --color-primary-lighter: #406196;
    --color-primary-darker: #001d4b;
    --color-on-primary: #ffffff;
    --color-on-primary-lighter: #ffffff;
    --color-on-primary-darker: #ffffff;
    --color-secondary: #ffd000;
    --color-secondary-lighter: #ffdc40;
    --color-secondary-darker: #bf9c00;
    --color-on-secondary: #111827;
    --color-on-secondary-lighter: #111827;
    --color-on-secondary-darker: #ffffff;
    --color-secondary-bg: #fff9e0;
    --color-on-secondary-bg: #111827;
    --color-3: #002c73;
    --color-3-lighter: #406196;
    --color-3-darker: #002156;
    --color-on-3: #ffffff;
    --color-on-3-lighter: #ffffff;
    --color-on-3-darker: #ffffff;
    --color-4: #ffd000;
    --color-4-lighter: #ffdc40;
    --color-4-darker: #bf9c00;
    --color-on-4: #111827;
    --color-on-4-lighter: #111827;
    --color-on-4-darker: #ffffff;
    --color-bbs-primary: var(--color-primary);
    --color-bbs-primary-light: var(--color-primary-lighter);
    --color-bbs-primary-dark: var(--color-primary-darker);
    --color-bbs-secondary: var(--color-secondary);
    --color-bbs-secondary-light: var(--color-secondary-lighter);
    --color-bbs-secondary-dark: var(--color-secondary-darker);
    --color-role-topbar: #002c73;
    --color-role-topbar-lighter: #406196;
    --color-role-topbar-darker: #001d4b;
    --color-role-topbar-background: #e0e6ee;
    --color-on-role-topbar: #ffffff;
    --color-on-role-topbar-lighter: #ffffff;
    --color-on-role-topbar-darker: #ffffff;
    --color-role-navigation: #002c73;
    --color-role-navigation-lighter: #406196;
    --color-role-navigation-darker: #001d4b;
    --color-role-navigation-background: #e0e6ee;
    --color-on-role-navigation: #ffffff;
    --color-on-role-navigation-lighter: #ffffff;
    --color-on-role-navigation-darker: #ffffff;
    --color-role-header-actions: #ffd000;
    --color-role-header-actions-lighter: #ffdc40;
    --color-role-header-actions-darker: #bf9c00;
    --color-role-header-actions-background: #fff9e0;
    --color-on-role-header-actions: #111827;
    --color-on-role-header-actions-lighter: #111827;
    --color-on-role-header-actions-darker: #ffffff;
    --color-role-primary-buttons: #ffd000;
    --color-role-primary-buttons-lighter: #ffdc40;
    --color-role-primary-buttons-darker: #bf9c00;
    --color-role-primary-buttons-background: #fff9e0;
    --color-on-role-primary-buttons: #111827;
    --color-on-role-primary-buttons-lighter: #111827;
    --color-on-role-primary-buttons-darker: #ffffff;
    --color-role-secondary-actions: #ffd000;
    --color-role-secondary-actions-lighter: #ffdc40;
    --color-role-secondary-actions-darker: #bf9c00;
    --color-role-secondary-actions-background: #fff9e0;
    --color-on-role-secondary-actions: #111827;
    --color-on-role-secondary-actions-lighter: #111827;
    --color-on-role-secondary-actions-darker: #ffffff;
    --color-role-main-footer: #002c73;
    --color-role-main-footer-lighter: #406196;
    --color-role-main-footer-darker: #001d4b;
    --color-role-main-footer-background: #e0e6ee;
    --color-on-role-main-footer: #ffffff;
    --color-on-role-main-footer-lighter: #ffffff;
    --color-on-role-main-footer-darker: #ffffff;
    --color-role-newsletter: #ffd000;
    --color-role-newsletter-lighter: #ffdc40;
    --color-role-newsletter-darker: #bf9c00;
    --color-role-newsletter-background: #fff9e0;
    --color-on-role-newsletter: #111827;
    --color-on-role-newsletter-lighter: #111827;
    --color-on-role-newsletter-darker: #ffffff;
    --color-role-copyright: #ffd000;
    --color-role-copyright-lighter: #ffdc40;
    --color-role-copyright-darker: #bf9c00;
    --color-role-copyright-background: #fff9e0;
    --color-on-role-copyright: #111827;
    --color-on-role-copyright-lighter: #111827;
    --color-on-role-copyright-darker: #ffffff;
    --color-role-prices: #002c73;
    --color-role-prices-lighter: #406196;
    --color-role-prices-darker: #001d4b;
    --color-role-prices-background: #e0e6ee;
    --color-on-role-prices: #ffffff;
    --color-on-role-prices-lighter: #ffffff;
    --color-on-role-prices-darker: #ffffff;
}
.page.messages {
    position: static !important;
    top: auto !important;
    z-index: auto !important;
}
.page.messages:has(.message.error),
.page.messages:has(.message.warning) {
    position: sticky !important;
    top: 0 !important;
    /* Same rung as the floating toast, so an inline error and a toast layer identically. */
    z-index: var(--z-message) !important;
}
.hover\:text-bbs-cms-primary:hover,
.aria-expanded\:text-bbs-cms-primary[aria-expanded="true"],
.text-bbs-cms-primary,
.hover\:text-bbs-primary:hover,
.aria-expanded\:text-bbs-primary[aria-expanded="true"],
.account-nav #account-nav ul li.current strong,
.account-nav #account-nav ul li a:hover,
.text-bbs-primary {
    color: var(--color-primary) !important;
}
.text-bbs-cms-secondary,
.text-bbs-secondary {
    color: var(--color-secondary) !important;
}
.bg-bbs-cms-primary,
.bg-bbs-primary {
    background-color: var(--color-primary) !important;
    color: var(--color-on-primary) !important;
}
.bg-primary-lighter,
.bg-bbs-primary-light,
.bg-bbs-primary-lighter {
    background-color: var(--color-primary-lighter) !important;
    color: var(--color-on-primary-lighter) !important;
}
.bg-primary-darker,
.bg-bbs-primary-dark,
.bg-bbs-primary-darker {
    background-color: var(--color-primary-darker) !important;
    color: var(--color-on-primary-darker) !important;
}
.bg-bbs-cms-secondary,
.bg-bbs-secondary,
.btn.btn-primary {
    background-color: var(--color-secondary) !important;
    border-color: var(--color-secondary) !important;
    color: var(--color-on-secondary) !important;
}
.bg-secondary-lighter,
.bg-bbs-secondary-light,
.bg-bbs-secondary-lighter {
    background-color: var(--color-secondary-lighter) !important;
    color: var(--color-on-secondary-lighter) !important;
}
.bg-secondary-darker,
.bg-bbs-secondary-dark,
.bg-bbs-secondary-darker {
    background-color: var(--color-secondary-darker) !important;
    color: var(--color-on-secondary-darker) !important;
}
.bg-secondarybg,
.bg-bbs-secondary-bg,
.bg-\[\#FFEFE4\] {
    background-color: var(--color-secondary-bg) !important;
    color: var(--color-on-secondary-bg) !important;
}
.bg-bbs-cms-primary svg,
.bg-bbs-primary svg,
.bg-primary-lighter svg,
.bg-bbs-primary-light svg,
.bg-bbs-primary-lighter svg,
.bg-primary-darker svg,
.bg-bbs-primary-dark svg,
.bg-bbs-primary-darker svg,
.bg-bbs-cms-secondary svg,
.bg-bbs-secondary svg,
.bg-secondary-lighter svg,
.bg-bbs-secondary-light svg,
.bg-bbs-secondary-lighter svg,
.bg-secondary-darker svg,
.bg-bbs-secondary-dark svg,
.bg-bbs-secondary-darker svg,
.bg-secondarybg svg,
.bg-bbs-secondary-bg svg,
.bg-\[\#FFEFE4\] svg,
.btn.btn-primary svg {
    color: inherit !important;
}
.bg-bbs-cms-primary svg [fill]:not([fill="none"]),
.bg-bbs-primary svg [fill]:not([fill="none"]),
.bg-primary-lighter svg [fill]:not([fill="none"]),
.bg-bbs-primary-light svg [fill]:not([fill="none"]),
.bg-bbs-primary-lighter svg [fill]:not([fill="none"]),
.bg-primary-darker svg [fill]:not([fill="none"]),
.bg-bbs-primary-dark svg [fill]:not([fill="none"]),
.bg-bbs-primary-darker svg [fill]:not([fill="none"]),
.bg-bbs-cms-secondary svg [fill]:not([fill="none"]),
.bg-bbs-secondary svg [fill]:not([fill="none"]),
.bg-secondary-lighter svg [fill]:not([fill="none"]),
.bg-bbs-secondary-light svg [fill]:not([fill="none"]),
.bg-bbs-secondary-lighter svg [fill]:not([fill="none"]),
.bg-secondary-darker svg [fill]:not([fill="none"]),
.bg-bbs-secondary-dark svg [fill]:not([fill="none"]),
.bg-bbs-secondary-darker svg [fill]:not([fill="none"]),
.bg-secondarybg svg [fill]:not([fill="none"]),
.bg-bbs-secondary-bg svg [fill]:not([fill="none"]),
.bg-\[\#FFEFE4\] svg [fill]:not([fill="none"]),
.btn.btn-primary svg [fill]:not([fill="none"]) {
    fill: currentColor !important;
}
.bg-bbs-cms-primary svg [stroke]:not([stroke="none"]),
.bg-bbs-primary svg [stroke]:not([stroke="none"]),
.bg-primary-lighter svg [stroke]:not([stroke="none"]),
.bg-bbs-primary-light svg [stroke]:not([stroke="none"]),
.bg-bbs-primary-lighter svg [stroke]:not([stroke="none"]),
.bg-primary-darker svg [stroke]:not([stroke="none"]),
.bg-bbs-primary-dark svg [stroke]:not([stroke="none"]),
.bg-bbs-primary-darker svg [stroke]:not([stroke="none"]),
.bg-bbs-cms-secondary svg [stroke]:not([stroke="none"]),
.bg-bbs-secondary svg [stroke]:not([stroke="none"]),
.bg-secondary-lighter svg [stroke]:not([stroke="none"]),
.bg-bbs-secondary-light svg [stroke]:not([stroke="none"]),
.bg-bbs-secondary-lighter svg [stroke]:not([stroke="none"]),
.bg-secondary-darker svg [stroke]:not([stroke="none"]),
.bg-bbs-secondary-dark svg [stroke]:not([stroke="none"]),
.bg-bbs-secondary-darker svg [stroke]:not([stroke="none"]),
.bg-secondarybg svg [stroke]:not([stroke="none"]),
.bg-bbs-secondary-bg svg [stroke]:not([stroke="none"]),
.bg-\[\#FFEFE4\] svg [stroke]:not([stroke="none"]),
.btn.btn-primary svg [stroke]:not([stroke="none"]) {
    stroke: currentColor !important;
}
.text-on-primary,
.text-bbs-on-primary,
.text-on-bbs-primary {
    color: var(--color-on-primary) !important;
}
.text-on-primary-lighter,
.text-bbs-on-primary-lighter {
    color: var(--color-on-primary-lighter) !important;
}
.text-on-primary-darker,
.text-bbs-on-primary-darker {
    color: var(--color-on-primary-darker) !important;
}
.text-on-secondary,
.text-bbs-on-secondary,
.text-on-bbs-secondary {
    color: var(--color-on-secondary) !important;
}
.text-on-secondary-lighter,
.text-bbs-on-secondary-lighter {
    color: var(--color-on-secondary-lighter) !important;
}
.text-on-secondary-darker,
.text-bbs-on-secondary-darker {
    color: var(--color-on-secondary-darker) !important;
}
.border-bbs-secondary-darker,
.hover\:border-bbs-secondary-darker:hover {
    border-color: var(--color-secondary-darker) !important;
}
.navigation-bar li:not(.bbs-custom-dropdown-coloured) > .level-0:hover,
.navigation-bar li:not(.bbs-custom-dropdown-coloured) > .level-0:focus {
    background-color: var(--color-role-navigation-lighter) !important;
    border-color: var(--color-role-navigation-lighter) !important;
    color: var(--color-on-role-navigation-lighter) !important;
}
.theme-hover-bg-color:hover,
button.bg-bbs-cms-secondary:hover,
button.bg-bbs-secondary:hover,
a.bg-bbs-cms-secondary:hover,
a.bg-bbs-secondary:hover,
.btn-primary:hover,
.btn.btn-primary:hover,
.action.primary:hover,
.action.primary:focus,
.action.primary:active,
.action-primary:hover,
.btn-primary.bg-bbs-primary:hover,
.btn-primary.bg-bbs-cms-primary:hover,
.btn-secondary.bg-bbs-cms-secondary:hover,
.btn-secondary.bg-bbs-secondary:hover {
    opacity: 0.8;
}
.bbs-header-action {
    transition: opacity 150ms ease-in-out;
}
.bbs-header-action:hover,
.bbs-header-action:focus {
    opacity: 0.8;
}
.categories-list-items:hover,
.checkout-index-index .category-item:has(.submenu) .level-top,
.checkout-index-index .minicart-wrapper .action.viewcart .counter.qty,
.checkout-index-index .minicart-wrapper .action.showcart .counter.qty,
button.bg-bbs-primary.bg-bbs-secondary,
:is([type=radio],.form-radio):checked {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
    color: var(--color-on-primary) !important;
}
.checkout-index-index .opc-block-shipping-information .shipping-information-title,
.checkout-index-index .modal-popup .modal-title,
.checkout-index-index .opc-wrapper .step-title,
.checkout-index-index .opc-block-summary > .title,
.checkout-index-index .opc-estimated-wrapper .estimated-block,
.checkout-index-index .opc-block-summary .items-in-cart > .title,
.checkout-index-index .opc-block-summary .table-totals tbody .mark {
    color: var(--color-primary) !important;
}
.cms-svgicon svg path {
    fill: var(--color-primary);
}
:is([type=checkbox], .form-checkbox):checked,
:is([type=checkbox], .form-checkbox):indeterminate {
    background: var(--color-primary) center / contain no-repeat;
}
:is([type=checkbox],[type=radio],.form-checkbox,.form-radio):focus,
:is([type=checkbox],[type=radio],.form-checkbox,.form-radio):checked {
    border-color: var(--color-primary);
}
.standard-order-no-end-date-checkbox:checked {
    background-color: var(--color-primary);
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3E%3C/svg%3E");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.standard-order-no-end-date-checkbox:focus,
.standard-order-no-end-date-checkbox:checked {
    border-color: var(--color-primary);
}
button.product-tab {
    flex: 0 0 calc(20% - 0.3rem) !important;
    background-color: #e5e7eb !important;
    color: var(--color-grey) !important;
    border-radius: 0 !important;
}
@media (min-width: 1024px) {
    .product-sections-panel {
        width: fit-content;
        max-width: 100%;
        background-color: #FAFAFF;
        padding: 1.5rem;
    }
    .product-sections-panel table.additional-attributes {
        width: auto;
        table-layout: auto;
    }
    .product-sections-panel table.additional-attributes th,
    .product-sections-panel table.additional-attributes td {
        width: auto;
    }
    .product-sections-panel table.additional-attributes th.label {
        white-space: nowrap;
    }
}
.checkout-index-index .opc-wrapper .shipping-address-item.selected-item:after,
.checkout-index-index .nav-toggle {
    background-color: var(--color-secondary) !important;
    color: var(--color-on-secondary) !important;
}
.checkout-index-index input[type="radio"]:checked::before,
.checkout-index-index input[type="checkbox"]:checked::before {
    background-color: var(--color-primary) !important;
    color: var(--color-on-primary) !important;
}
.product-cms-desc .product-cms-desc-details svg path {
    fill: var(--color-secondary) !important;
}
.checkout-index-index .opc-block-shipping-information .shipping-information-title .action-edit svg,
.checkout-index-index .opc-block-shipping-information .shipping-information-title .action-edit svg path {
    fill: var(--color-primary) !important;
}
.checkout-index-index .opc-wrapper .shipping-address-item.selected-item,
.checkout-index-index .opc-wrapper .shipping-address-item:before,
.checkout-index-index input[type="checkbox"]::before,
.product-info-main #gallery .js_thumbs_slide button.border-bbs-secondary,
.product-info-main #gallery .js_thumbs_slide button:hover,
.product-info-main #gallery .js_thumbs_slide button:focus {
    border-color: var(--color-secondary) !important;
}
.checkout-index-index .opc-wrapper .shipping-address-item:before,
.checkout-index-index .checkout-payment-method .checkout-billing-address .actions-toolbar .primary .action:not(.action-update) {
    border: 1px solid var(--color-secondary) !important;
}
.checkout-index-index input[type="checkbox"]::before {
    border: 2px solid var(--color-primary) !important;
}
.checkout-index-index .opc-block-summary .product-item .product-item-inner
    .subtotal .price-including-tax .cart-price .price,
.price-box+.special-price .price-container .price-wrapper .price,
.checkout-index-index .opc-block-summary .product-item .message,
.checkout-index-index .opc-block-summary .product-item .product-item-inner
    .subtotal .price-excluding-tax .cart-price .price,
.checkout-index-index .opc-wrapper .shipping-address-item a {
    color: var(--color-secondary) !important;
}
.checkout-index-index .checkout-payment-method .checkout-billing-address
    .actions-toolbar .primary .action.action-cancel,
.checkout-index-index .standard-order-modal-actions .action.secondary {
    background-color: #fff !important;
    border: 1px solid var(--color-primary) !important;
    color: var(--color-primary) !important;
}
.checkout-index-index .opc-block-summary .table-totals tbody .amount,
.checkout-index-index .opc-block-summary .table-totals .grand.totals .amount,
.checkout-index-index .checkout-payment-method .checkout-billing-address .billing-address-details a,
.checkout-index-index .opc-block-shipping-information .shipping-information-content a,
.checkout-index-index .opc-block-shipping-information .shipping-information-content .bbs-collect-phone,
.checkout-index-index .opc-progress-bar-item._active > span:after,
.checkout-index-index .opc-progress-bar-item._active > span {
    color: var(--color-primary) !important;
}
.checkout-index-index .opc-progress-bar-item._active:before {
    background-color: var(--color-primary) !important;
}
.checkout-index-index .opc-progress-bar-item._active:before,
.checkout-index-index .opc-progress-bar-item._active > span::before {
    border-color: var(--color-primary) !important;
}
.checkout-index-index input[type="radio"]::before {
    outline: 3px solid var(--color-primary) !important;
}
/* Store-scoped semantic colour assignments. Keep these last so role choices
   remain authoritative over legacy primary/secondary utility classes. */
.bbs-topbar {
    background-color: var(--color-role-topbar) !important;
    color: var(--color-on-role-topbar) !important;
}
.bbs-topbar .bbs-topbar-link {
    color: var(--color-on-role-topbar) !important;
}
.navigation-bar {
    background-color: var(--color-role-navigation) !important;
    color: var(--color-on-role-navigation) !important;
}
.navigation-bar li:not(.bbs-custom-dropdown-coloured) > .level-0 {
    color: var(--color-on-role-navigation) !important;
}
.navigation-bar li:not(.bbs-custom-dropdown-coloured) > .bbs-navigation-hover {
    background-color: var(--color-role-navigation-lighter) !important;
    border-color: var(--color-role-navigation-lighter) !important;
    color: var(--color-on-role-navigation-lighter) !important;
}
.navigation-bar li:not(.bbs-custom-dropdown-coloured) > .bbs-navigation-active {
    background-color: var(--color-role-navigation-darker) !important;
    border-color: var(--color-role-navigation-darker) !important;
    color: var(--color-on-role-navigation-darker) !important;
}
.bbs-navigation-trigger {
    background-color: var(--color-role-navigation) !important;
    border-color: var(--color-role-navigation) !important;
    color: var(--color-on-role-navigation) !important;
}
.bbs-navigation-trigger svg {
    color: inherit !important;
}
.bbs-navigation-trigger [fill]:not([fill="none"]) {
    fill: currentColor !important;
}
.bbs-navigation-trigger [stroke]:not([stroke="none"]) {
    stroke: currentColor !important;
}
/* Open desktop flyout section. Deliberately neutral and independent of the
   colour roles so the palette can change without restyling the menu. */
.navigation-bar .bbs-navigation-selection {
    background-color: #E5E7EB !important;
    color: var(--color-primary) !important;
    box-shadow: inset 4px 0 0 0 var(--color-primary);
}
.bbs-header-action-circle,
.bbs-header-search-action {
    background-color: var(--color-role-header-actions) !important;
    border-color: var(--color-role-header-actions) !important;
    color: var(--color-on-role-header-actions) !important;
}
.bbs-header-action:hover .bbs-header-action-circle,
.bbs-header-action.bbs-header-action-circle:hover {
    background-color: var(--color-role-header-actions-lighter) !important;
    color: var(--color-on-role-header-actions) !important;
}
.bbs-header-action-circle svg {
    color: inherit !important;
}
.bbs-header-action-circle svg[stroke]:not([stroke="none"]) {
    stroke: currentColor !important;
}
.bbs-header-action-circle [fill]:not([fill="none"]) {
    fill: currentColor !important;
}
.bbs-header-action-circle [stroke]:not([stroke="none"]) {
    stroke: currentColor !important;
}
.bbs-header-search-action:hover {
    opacity: 0.8;
}
.btn-primary,
.btn.btn-primary,
.action.primary,
.action-primary,
.checkout-index-index .action.primary,
.checkout-index-index .action.action-apply,
.checkout-index-index .action.action-update,
.checkout-index-index .action.action-show-popup,
.checkout-index-index .bbs-sidebar-proceed-btn {
    background-color: var(--color-role-primary-buttons) !important;
    border-color: var(--color-role-primary-buttons) !important;
    color: var(--color-on-role-primary-buttons) !important;
}
.btn-primary:hover,
.btn.btn-primary:hover,
.action.primary:hover,
.action-primary:hover,
.checkout-index-index .action.primary:hover,
.checkout-index-index .action.action-apply:hover,
.checkout-index-index .action.action-update:hover,
.checkout-index-index .action.action-show-popup:hover,
.checkout-index-index .bbs-sidebar-proceed-btn:hover {
    background-color: var(--color-role-primary-buttons-lighter) !important;
    border-color: var(--color-role-primary-buttons-lighter) !important;
    color: var(--color-on-role-primary-buttons) !important;
}
.bbs-navigation-action,
.btn-primary.bbs-navigation-action,
.btn.btn-primary.bbs-navigation-action {
    background-color: var(--color-secondary) !important;
    border-color: var(--color-secondary) !important;
    color: var(--color-on-secondary) !important;
}
.bbs-navigation-action:hover,
.bbs-navigation-action:focus {
    background-color: var(--color-secondary-lighter) !important;
    border-color: var(--color-secondary-lighter) !important;
    color: var(--color-on-secondary-lighter) !important;
}
.bbs-action-icon,
.btn-primary.bbs-action-icon,
.btn.btn-primary.bbs-action-icon {
    background-color: var(--color-role-header-actions) !important;
    border-color: var(--color-role-header-actions) !important;
    color: var(--color-on-role-header-actions) !important;
}
.bbs-action-icon:hover,
.bbs-action-icon:focus,
a:hover > .bbs-action-icon {
    background-color: var(--color-role-header-actions-lighter) !important;
    border-color: var(--color-role-header-actions-lighter) !important;
    color: var(--color-on-role-header-actions-lighter) !important;
}
.bbs-action-icon svg {
    color: inherit !important;
}
.bbs-action-icon svg[stroke]:not([stroke="none"]),
.bbs-action-icon [stroke]:not([stroke="none"]) {
    stroke: currentColor !important;
}
.bbs-action-icon svg[fill]:not([fill="none"]),
.bbs-action-icon [fill]:not([fill="none"]) {
    fill: currentColor !important;
}
.bbs-action-icon.text-red-600,
.bbs-action-icon.text-red-600 svg,
.bbs-action-icon.text-red-600 [fill]:not([fill="none"]) {
    color: #dc2626 !important;
    fill: #dc2626 !important;
}
.bbs-secondary-action,
.toolbar .btn:is([aria-current=page]),
.bottom-toolbar .btn:is([aria-current=page]),
.checkout-index-index .modal-popup .action-close,
button.product-tab[aria-expanded=true],
a.checkout-continue-shopping-link .checkout-continue-shopping-icon,
#cart-drawer a.checkout-continue-shopping-link .checkout-continue-shopping-icon {
    background-color: var(--color-role-secondary-actions) !important;
    border-color: var(--color-role-secondary-actions) !important;
    color: var(--color-on-role-secondary-actions) !important;
}
.bbs-secondary-action:hover,
.bbs-secondary-action:focus,
.checkout-index-index .modal-popup .action-close:hover,
.checkout-index-index .modal-popup .action-close:focus,
button.product-tab:hover,
button.product-tab:focus {
    background-color: var(--color-role-secondary-actions-lighter) !important;
    border-color: var(--color-role-secondary-actions-lighter) !important;
    color: var(--color-on-role-secondary-actions-lighter) !important;
}
.bbs-secondary-action-text {
    color: var(--color-role-secondary-actions) !important;
}
.bbs-secondary-action-hover-text.checkout-continue-shopping-link:hover,
.bbs-secondary-action-hover-text.checkout-continue-shopping-link:focus,
.bbs-secondary-action-hover-text.checkout-continue-shopping-link:focus-visible {
    color: var(--color-role-secondary-actions) !important;
}
.bbs-comment-action-open {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
    color: var(--color-on-primary) !important;
}
a.checkout-continue-shopping-link:hover,
a.checkout-continue-shopping-link:focus,
a.checkout-continue-shopping-link:focus-visible,
#cart-drawer a.checkout-continue-shopping-link:hover,
#cart-drawer a.checkout-continue-shopping-link:focus-visible,
.product-sections-panel details[open] > summary,
.product-sections-panel summary:hover,
.product-sections-panel summary:focus {
    color: var(--color-role-secondary-actions) !important;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):focus,
select:focus,
textarea:focus {
    border-color: var(--color-role-secondary-actions) !important;
    box-shadow: 0 0 0 1px var(--color-role-secondary-actions) !important;
}
/* Header global-search input relies on its wrapper's glow, not the themed focus ring. */
#search_mini_form input:focus {
    border-color: transparent !important;
    box-shadow: none !important;
}
/* Cart line comment sits inside its own grey panel, which is the focus affordance. */
textarea.bbs-cart-comment-input:focus {
    border-color: transparent !important;
    box-shadow: none !important;
}
.free-delivery-progress-bar {
    background-color: var(--color-role-secondary-actions) !important;
}
.bbs-fdm-progress::-webkit-progress-value {
    background-color: var(--color-role-secondary-actions) !important;
}
.bbs-fdm-progress::-moz-progress-bar {
    background-color: var(--color-role-secondary-actions) !important;
}
.bbs-fdm-progress {
    accent-color: var(--color-role-secondary-actions) !important;
}
.bbs-standard-footer {
    background-color: var(--color-role-main-footer) !important;
    color: var(--color-on-role-main-footer) !important;
}
.bbs-standard-footer .footer-column h2,
.bbs-standard-footer .footer-column a {
    color: var(--color-on-role-main-footer) !important;
}
/* Action icons inside the footer columns (the Luma checkout footer puts the
   marker on the link itself) keep the Action Icons contrast colour rather than
   the footer link colour, so they read against their own circle. */
.bbs-standard-footer .footer-column .bbs-action-icon,
.bbs-standard-footer .footer-column a.bbs-action-icon {
    color: var(--color-on-role-header-actions) !important;
}
.bbs-standard-footer .footer-column .bbs-action-icon:hover,
.bbs-standard-footer .footer-column .bbs-action-icon:focus,
.bbs-standard-footer .footer-column a.bbs-action-icon:hover,
.bbs-standard-footer .footer-column a.bbs-action-icon:focus,
.bbs-standard-footer .footer-column a:hover > .bbs-action-icon {
    color: var(--color-on-role-header-actions-lighter) !important;
}
.bbs-newsletter-bar {
    background-color: var(--color-role-newsletter) !important;
    color: var(--color-on-role-newsletter) !important;
}
.bbs-newsletter-bar .bbs-newsletter-heading,
.bbs-newsletter-bar .bbs-newsletter-submit {
    color: var(--color-on-role-newsletter) !important;
}
.bbs-newsletter-bar .bbs-newsletter-submit {
    background-color: var(--color-role-newsletter) !important;
    border-color: var(--color-role-newsletter) !important;
}
.bbs-newsletter-bar .bbs-newsletter-submit:hover {
    background-color: var(--color-role-newsletter) !important;
    border-color: var(--color-role-newsletter) !important;
    color: var(--color-on-role-newsletter) !important;
    opacity: 0.8;
}
.checkout-index-index .bbs-newsletter-bar .bbs-newsletter-submit,
.checkout-index-index .bbs-newsletter-bar .bbs-newsletter-submit:hover {
    background-color: var(--color-role-newsletter) !important;
    border-color: var(--color-role-newsletter) !important;
    color: var(--color-on-role-newsletter) !important;
}
.bbs-copyright-bar {
    background-color: var(--color-role-copyright) !important;
    color: var(--color-on-role-copyright) !important;
}
.bbs-copyright-bar a {
    color: var(--color-on-role-copyright) !important;
}
.bbs-price-colour,
.bbs-price-colour .price,
.bbs-price-colour .cart-price {
    color: var(--color-role-prices) !important;
}
.bbs-price-background {
    background-color: var(--color-role-prices) !important;
    border-color: var(--color-role-prices) !important;
    color: var(--color-on-role-prices) !important;
}
.checkout-index-index .opc-block-summary .product-item .product-item-inner
    .subtotal .price-including-tax .cart-price .price,
.checkout-index-index .opc-block-summary .product-item .product-item-inner
    .subtotal .price-excluding-tax .cart-price .price,
.checkout-index-index .opc-block-summary .bbs-cut-price-value,
.price-box + .special-price .price-container .price-wrapper .price {
    color: var(--color-role-prices) !important;
}