/* a1-buttons.css - primary buttons of all three sites (esd.equipment, fluidics-equipment.com, boxic24.com):
   RAL 1028 fill #FFAB00 with navy text, the fill never changes, hover = lift and shadow.
   Viktor 2026-10-02: one button look on all three sites. Split out of esd-accent.css (which keeps the esd-only
   header, breadcrumbs, footer and CMS colours). Loaded through design/head/includes of esd store views 1, 3, 14
   and websites 2 (boxic24) and 9 (fluidics); a change needs a new ?v= in all five rows (var/a1_buttons/include.php).
   Source: var/a1_buttons/a1-buttons.css. */
:root{--a1-accent:#FFAB00;--a1-on-accent:#1E3C64;--a1-lift-shadow:0 6px 16px rgba(30,60,100,.28);--a1-press-shadow:0 2px 6px rgba(30,60,100,.25)}
/* ── accent buttons: fill never changes, hover = lift and shadow ───────────── */
html body .action.tocart:not(#a1x):not(#a1y),html body .block-content>.actions>.primary>.action.primary:not(#a1x):not(#a1y),html body.checkout-cart-index .cart-summary .action.primary.checkout:not(#a1x):not(#a1y),html body .ctc #send2:not(#a1x):not(#a1y),
html body button.a1h-btn.a1h-btn--pri:not(#a1x):not(#a1y),html body a.a1h-btn.a1h-btn--pri:not(#a1x):not(#a1y),
html body.pdp-v2 .pdp-v2-bar__btn:not(#a1x):not(#a1y){
  background:var(--a1-accent)!important;background-image:none!important;border-color:var(--a1-accent)!important;
  color:var(--a1-on-accent)!important;box-shadow:none!important;transform:none;text-shadow:none!important;
  transition:transform .15s ease,box-shadow .15s ease!important
}
html body .action.tocart:not(#a1x):not(#a1y) *,html body .block-content>.actions>.primary>.action.primary:not(#a1x):not(#a1y) *,html body.checkout-cart-index .cart-summary .action.primary.checkout:not(#a1x):not(#a1y) *,html body .ctc #send2:not(#a1x):not(#a1y) *,html body .a1h-btn.a1h-btn--pri:not(#a1x):not(#a1y) *,
html body.pdp-v2 .pdp-v2-bar__btn:not(#a1x):not(#a1y) *{color:var(--a1-on-accent)!important}
html body .action.tocart:not(#a1x):not(#a1y) svg,html body .a1h-btn.a1h-btn--pri:not(#a1x):not(#a1y) svg{fill:none;stroke:currentColor}
html body .action.tocart:not(#a1x):not(#a1y) svg [fill]:not([fill="none"]){fill:currentColor}
html body .action.tocart:not(#a1x):not(#a1y)::before{color:var(--a1-on-accent)!important}
html body .action.tocart:not(#a1x):not(#a1y):hover:not(:disabled):not(.disabled),html body .block-content>.actions>.primary>.action.primary:not(#a1x):not(#a1y):hover:not(:disabled):not(.disabled),html body.checkout-cart-index .cart-summary .action.primary.checkout:not(#a1x):not(#a1y):hover:not(:disabled):not(.disabled),html body .ctc #send2:not(#a1x):not(#a1y):hover:not(:disabled):not(.disabled),
html body .a1h-btn.a1h-btn--pri:not(#a1x):not(#a1y):hover,
html body.pdp-v2 .pdp-v2-bar__btn:not(#a1x):not(#a1y):hover:not(:disabled){
  background:var(--a1-accent)!important;border-color:var(--a1-accent)!important;color:var(--a1-on-accent)!important;
  transform:translateY(-2px);box-shadow:var(--a1-lift-shadow)!important
}
html body .action.tocart:not(#a1x):not(#a1y):active:not(:disabled):not(.disabled),html body .block-content>.actions>.primary>.action.primary:not(#a1x):not(#a1y):active:not(:disabled):not(.disabled),html body.checkout-cart-index .cart-summary .action.primary.checkout:not(#a1x):not(#a1y):active:not(:disabled):not(.disabled),html body .ctc #send2:not(#a1x):not(#a1y):active:not(:disabled):not(.disabled),
html body .a1h-btn.a1h-btn--pri:not(#a1x):not(#a1y):active,
html body.pdp-v2 .pdp-v2-bar__btn:not(#a1x):not(#a1y):active{transform:translateY(0);box-shadow:var(--a1-press-shadow)!important}
html body .action.tocart:not(#a1x):not(#a1y):focus-visible:not(.disabled),html body .block-content>.actions>.primary>.action.primary:not(#a1x):not(#a1y):focus-visible,html body.checkout-cart-index .cart-summary .action.primary.checkout:not(#a1x):not(#a1y):focus-visible,html body .ctc #send2:not(#a1x):not(#a1y):focus-visible,
html body .a1h-btn.a1h-btn--pri:not(#a1x):not(#a1y):focus-visible,
html body.pdp-v2 .pdp-v2-bar__btn:not(#a1x):not(#a1y):focus-visible{transform:none;box-shadow:none!important;outline:2px solid #1E3C64!important;outline-offset:2px}
html body .action.tocart:not(#a1x):not(#a1y):disabled,html body .action.tocart:not(#a1x):not(#a1y).disabled,
html body.pdp-v2 .pdp-v2-bar__btn:not(#a1x):not(#a1y):disabled,html body .ctc #send2:not(#a1x):not(#a1y):disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}
@media (prefers-reduced-motion:reduce){
  html body .action.tocart:not(#a1x):not(#a1y),html body .block-content>.actions>.primary>.action.primary:not(#a1x):not(#a1y),html body.checkout-cart-index .cart-summary .action.primary.checkout:not(#a1x):not(#a1y),html body .ctc #send2:not(#a1x):not(#a1y),html body .a1h-btn.a1h-btn--pri:not(#a1x):not(#a1y),
  html body.pdp-v2 .pdp-v2-bar__btn:not(#a1x):not(#a1y){transition:none!important}
  html body .action.tocart:not(#a1x):not(#a1y):hover:not(:disabled):not(.disabled),html body .block-content>.actions>.primary>.action.primary:not(#a1x):not(#a1y):hover:not(:disabled):not(.disabled),html body.checkout-cart-index .cart-summary .action.primary.checkout:not(#a1x):not(#a1y):hover,html body .ctc #send2:not(#a1x):not(#a1y):hover,html body .a1h-btn.a1h-btn--pri:not(#a1x):not(#a1y):hover,
  html body.pdp-v2 .pdp-v2-bar__btn:not(#a1x):not(#a1y):hover{transform:none!important}
}

/* CMS buttons on the accent button spec */
html body .a1about .ab-btn-p:not(#a1x):not(#a1y),html body .cta-bar .btn.btn-primary:not(#a1x):not(#a1y),html body .lf .lf-btn-primary:not(#a1x):not(#a1y),
html body .nf4 .nf4__submit:not(#a1x):not(#a1y),html body .nf4 .nf4__btn--primary:not(#a1x):not(#a1y){
  background:var(--a1-accent)!important;border-color:var(--a1-accent)!important;color:var(--a1-on-accent)!important;
  box-shadow:none!important;transform:none;transition:transform .15s ease,box-shadow .15s ease!important
}
html body .a1about .ab-btn-p:not(#a1x):not(#a1y) *,html body .cta-bar .btn.btn-primary:not(#a1x):not(#a1y) *,html body .lf .lf-btn-primary:not(#a1x):not(#a1y) *,
html body .nf4 .nf4__submit:not(#a1x):not(#a1y) *,html body .nf4 .nf4__btn--primary:not(#a1x):not(#a1y) *{color:var(--a1-on-accent)!important;stroke:currentColor}
html body .a1about .ab-btn-p:not(#a1x):not(#a1y):hover,html body .cta-bar .btn.btn-primary:not(#a1x):not(#a1y):hover,html body .lf .lf-btn-primary:not(#a1x):not(#a1y):hover,
html body .nf4 .nf4__submit:not(#a1x):not(#a1y):hover,html body .nf4 .nf4__btn--primary:not(#a1x):not(#a1y):hover{
  background:var(--a1-accent)!important;border-color:var(--a1-accent)!important;color:var(--a1-on-accent)!important;
  transform:translateY(-2px);box-shadow:var(--a1-lift-shadow)!important
}
html body .a1about .ab-btn-p:not(#a1x):not(#a1y):active,html body .cta-bar .btn.btn-primary:not(#a1x):not(#a1y):active,html body .lf .lf-btn-primary:not(#a1x):not(#a1y):active,
html body .nf4 .nf4__submit:not(#a1x):not(#a1y):active,html body .nf4 .nf4__btn--primary:not(#a1x):not(#a1y):active{transform:translateY(0);box-shadow:var(--a1-press-shadow)!important}
html body .a1about .ab-btn-p:not(#a1x):not(#a1y):focus-visible,html body .cta-bar .btn.btn-primary:not(#a1x):not(#a1y):focus-visible,html body .lf .lf-btn-primary:not(#a1x):not(#a1y):focus-visible,
html body .nf4 .nf4__submit:not(#a1x):not(#a1y):focus-visible,html body .nf4 .nf4__btn--primary:not(#a1x):not(#a1y):focus-visible{transform:none;box-shadow:none!important;outline:2px solid #1E3C64!important;outline-offset:2px}
@media (prefers-reduced-motion:reduce){
  html body .a1about .ab-btn-p:not(#a1x):not(#a1y),html body .cta-bar .btn.btn-primary:not(#a1x):not(#a1y),html body .lf .lf-btn-primary:not(#a1x):not(#a1y),html body .nf4 .nf4__submit:not(#a1x):not(#a1y),html body .nf4 .nf4__btn--primary:not(#a1x):not(#a1y){transition:none!important;transform:none!important}
}