/* B24_PALETTE_20260930. Presentation colours only; no geometry or content rules.
   A named important layer takes precedence over old unlayered !important colours.
   Deliberately excludes admin controls, logo/product images and messenger branding. */
@layer b24-palette {
body.b24-shared-live {
  --b24-action: #007caf;
  --b24-action-hover: #00658f;
  --b24-accent: #078ccc;
  --b24-tint: #eff7fc;
  --b24-tint-hover: #e3f1f9;
  --b24-link: #007caf;
}
/* Main actions, including the old Aspro button family. */
body.b24-shared-live :is(
  .btn.btn-default:not(.white):not(.transparent):not(.btn-transparent):not(.btn-transparent-bg),
  .b24-v4-btn,.list-contact-toggle,.js-messenger-toggle,.b24-corporate .btn:not(.outline),
  .b24-sr-help button,.b24p-case .b24p-button,
  #b24-catalog .btn:not(.outline),#b24-equipment .b24p-button,
  #b24a .primary,#kit-page .primary,#ai .ai-button,#ap .ap-button,
  #ilz .button,#b24-home .button:not(.white),
  #b24-hubs .s-btn:not(.secondary),#b24-video .btn,#b24-video .s-btn,
  #b24-site-footer button,#b24-contact .feedback-submit,
  .b24-rightdok-toggle
):not(:disabled):not([aria-disabled="true"]) {
  background-color: var(--b24-action) !important;
  background-image: none !important;
  border-color: var(--b24-action) !important;
  color: #fff !important;
}
body.b24-shared-live :is(
  .btn.btn-default:not(.white):not(.transparent):not(.btn-transparent):not(.btn-transparent-bg),
  .b24-v4-btn,.list-contact-toggle,.js-messenger-toggle,.b24-corporate .btn:not(.outline),
  .b24-sr-help button,.b24p-case .b24p-button,
  #b24-catalog .btn:not(.outline),#b24-equipment .b24p-button,
  #b24a .primary,#kit-page .primary,#ai .ai-button,#ap .ap-button,
  #ilz .button,#b24-home .button:not(.white),
  #b24-hubs .s-btn:not(.secondary),#b24-video .btn,#b24-video .s-btn,
  #b24-site-footer button,#b24-contact .feedback-submit,.b24-rightdok-toggle
):not(:disabled):not([aria-disabled="true"]):is(:hover,:active) {
  background-color: var(--b24-action-hover) !important;
  border-color: var(--b24-action-hover) !important;
  color: #fff !important;
}
/* Secondary actions remain outlined, rather than competing with the main CTA. */
body.b24-shared-live :is(
  #b24-site-header .contact-button,#b24-catalog .btn.outline,.b24-corporate .btn.outline,
  #b24-hubs .s-btn.secondary,.b24-lock-accessory>button,
  .btn.btn-transparent,.btn.btn-transparent-bg,.btn.btn-default.white,.btn.btn-default.transparent
) {
  background-color:#fff !important;
  background-image:none !important;
  color:var(--b24-action) !important;
  border-color:var(--b24-action) !important;
}
body.b24-shared-live :is(
  #b24-site-header .contact-button,#b24-catalog .btn.outline,.b24-corporate .btn.outline,
  #b24-hubs .s-btn.secondary,.b24-lock-accessory>button,
  .btn.btn-transparent,.btn.btn-transparent-bg,.btn.btn-default.white,.btn.btn-default.transparent
):hover {
  background-color:var(--b24-tint) !important;
  color:var(--b24-action-hover) !important;
}
/* Inverse buttons on coloured panels must remain white. */
body.b24-shared-live .b24-corporate .company-page .bottom .btn {
  background-color:#fff !important;
  border-color:#fff !important;
  color:var(--b24-action-hover) !important;
}
/* Current service / equipment direction. Children keep a lighter hierarchy. */
body.b24-shared-live :is(
  .b24-install-sidebar .b24-side-direction,.b24-sidebar .b24-side-direction,
  .b24-preview-video-menu>details>nav>a,.b24-res5-menu>details>nav>a,
  #b24-video .b24-video-directions a,#b24-video .sidebar a,
  #b24-hubs .s-aside nav>a
):is(.active,.is-active,[aria-current="page"]),
body.b24-shared-live .b24-v4-left .menu_top_block .active>a,
body.b24-shared-live #ap .ap-side .ap-active {
  background-color:var(--b24-action) !important;
  color:#fff !important;
}
body.b24-shared-live :is(.b24-install-sidebar,.b24-sidebar) .b24-side-child:is(.is-active,[aria-current="page"]) {
  background-color:var(--b24-tint) !important;
  border-left-color:var(--b24-action) !important;
  color:var(--b24-action-hover) !important;
}
/* Compact selected variants and filters. Do not recolour physical colour swatches. */
body.b24-shared-live :is(
  #b24a .pills button,#b24-equipment .b24p-colors button,
  #b24-equipment .b24p-filters button,#b24-catalog .x-chips button,
  #b24-hubs .s-toggle button,#b24-home .vn-filters button,
  #b24-video .switches button,#b24-video .event-buttons button,#ilz .il-picks button
)[aria-pressed="true"],
body.b24-shared-live #ap .ap-tabs a[aria-selected="true"] {
  background-color:var(--b24-action) !important;
  border-color:var(--b24-action) !important;
  color:#fff !important;
}
/* Larger option cards keep readable dark text on a pale background. */
body.b24-shared-live :is(
  #b24-equipment .sm-options button,#b24-equipment .iflow-choices button,
  #b24-equipment .b24c-options button,#b24a .color-options button
)[aria-pressed="true"] {
  background-color:var(--b24-tint) !important;
  border-color:var(--b24-action) !important;
  box-shadow:inset 0 0 0 1px var(--b24-action) !important;
}
/* Text links use the same readable action blue. Navigation headings stay dark. */
body.b24-shared-live :is(
  .b24-side-home,.b24-v4-link,.b24-sr-help a,
  #b24-catalog .text-link,#b24-catalog .text-button,
  #b24-video .text-button,#b24-contact .contact-back,
  #kit-page .equipment a,#ai .ai-kit a
) { color:var(--b24-link) !important; }
body.b24-shared-live :is(
  .b24-side-home,.b24-v4-link,.b24-sr-help a,
  #b24-catalog .text-link,#b24-catalog .text-button,
  #b24-video .text-button,#b24-contact .contact-back,
  #kit-page .equipment a,#ai .ai-kit a
):hover { color:var(--b24-action-hover) !important; }
body.b24-shared-live #scrollToTop.ROUND_COLOR {
  background-color:var(--b24-action) !important;
  border-color:var(--b24-action) !important;
  color:#fff !important;
}
/* Existing error / success colours and messenger identities are intentionally retained. */
body.b24-shared-live .b24-rightdok-toggle {
  border-color:#fff !important;
  box-shadow:0 16px 34px rgba(0,124,175,.28),0 4px 10px rgba(0,0,0,.18),inset 0 0 0 1px rgba(255,255,255,.28) !important;
}
body.b24-shared-live .b24-rightdok-toggle:is(:hover,[aria-expanded="true"]) {
  background-color:var(--b24-action-hover) !important;
  border-color:#fff !important;
}
body.b24-shared-live .b24-rightdok-toggle::before,
body.b24-shared-live .b24-rightdok-toggle::after {
  border-color:rgba(0,124,175,.35) !important;
}
body.b24-shared-live #b24-mobile-contact-v17 .b24-rightdok-toggle::before { color:var(--b24-action) !important; }
body.b24-shared-live #b24-site-footer a:not(.b24f-brand),
body.b24-shared-live #b24-global-nav button,
body.b24-shared-live #b24-site-header .b24-search-field button,
body.b24-shared-live #b24-site-header .b24-search-toggle { color:var(--b24-link) !important; }
body.b24-shared-live #b24-site-footer a:not(.b24f-brand):hover { color:var(--b24-action-hover) !important; }
body.b24-shared-live :is(
  .b24-v4-btn,.list-contact-toggle,.b24p-button,.primary,.ai-button,.ap-button,
  #b24-site-header .contact-button,.b24-sr-help button,
  .b24-install-sidebar a,.b24-sidebar a,#b24a .pills button
):focus-visible { outline:3px solid var(--b24-action-hover) !important; outline-offset:3px !important; }
}