/* esd-accent.css - esd.equipment only: RAL 1028 (Melonengelb) instead of the orange accent, breadcrumbs variant E.
   Approved by Viktor 2026-09-27. Loaded through design/head/includes of the esd store views 1, 3, 14 only, so
   boxic24.com and fluidics-equipment.com keep their look. Source: var/pdp2/esd-accent.css (repo), deployed to
   pub/media/wysiwyg/css/esd-accent.css, a change needs a new ?v= in the three includes.
   Pick the token by the background: #FFAB00 never for text, icons or thin lines on white. */
:root{
  --a1-accent:#FFAB00;--a1-accent-soft:#FFC04D;--a1-accent-line:#C78500;--a1-accent-ink:#A06A00;--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);
  /* tokens of the shared homepage and product page CSS (only fallbacks existed so far) */
  --home-accent:#FFAB00;--home-accent-2:#FFAB00;--home-accent-2-rgb:30,60,100;--home-accent-ink:#A06A00;
  --home-accent-mid:#FFAB00;--home-accent-soft:#FFC04D
}
html body.pdp-v2{--pv-accent:#FFAB00;--pv-accent-ink:#A06A00}
html body .mmenu-v2{--mm-orange:#A06A00}

/* ── 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}
}

/* ── top bar and header (dark navy) ───────────────────────────────────────── */
html body .panel.wrapper .tb-phone,html body .panel.wrapper .tb-phone:hover{color:var(--a1-accent)!important;border-color:var(--a1-accent)!important}
html body .panel.wrapper .tb-phone svg,html body .panel.wrapper .tb-phone svg path{fill:var(--a1-accent)!important;color:var(--a1-accent)!important}
html body .panel.wrapper .a1-lang__cur,html body .top-bar-wrapper .a1-lang__cur{color:var(--a1-accent)!important}
html body .a1-lang a.a1-lang__item:focus-visible{outline-color:var(--a1-accent)!important}
html body .mmenu-v2__contact .a1-lang__cur,html body .nav-sections-item-content .a1-lang__cur{color:var(--a1-accent-ink)!important}
html body .navigation .level0.active>.level-top,html body .navigation .level0.has-active>.level-top{color:var(--a1-accent)!important;border-color:var(--a1-accent)!important}
html body .navigation .level0.active>.level-top *,html body .navigation .level0.has-active>.level-top *,
html body .navigation .level0.active>.level-top::after,html body .navigation .level0.has-active>.level-top::after{color:var(--a1-accent)!important}
@media (min-width:768px){html body .navigation .level0>.level-top:hover{border-bottom-color:rgba(255,171,0,.55)!important}}
@media only screen and (max-width:767px){
  html body .nav-sections .navigation .level0.active>a.level-top,html body .nav-sections .navigation .level0.has-active>a.level-top{color:var(--a1-accent-ink)!important;border-left-color:var(--a1-accent-line)!important}
}
html body .lbp-seg[aria-selected="true"],html body .lbp-seg[aria-selected="true"]:hover{border-left-color:var(--a1-accent-line)!important}

/* ── main content on white ────────────────────────────────────────────────── */
html body.pdp-v2 .pdp-v2-chips__brand{color:var(--a1-accent-ink)!important}
html body .breeze-gallery .thumbnails .item.active:not(#a1x),html body.pdp-v2 .product.media .breeze-gallery .thumbnails .item.active:not(#a1x){border-color:var(--a1-accent-line)!important}
html body .breeze-gallery .thumbnails .item.active::after{box-shadow:inset 0 0 0 2px var(--a1-accent-line)!important;border-color:var(--a1-accent-line)!important}
html body.pdp-v2 .pdp-v2-nav a.is-active{box-shadow:inset 0 -2px 0 var(--a1-accent-line)!important}
html body.pdp-v2 .pdp-v2-dl__row>svg,html body.pdp-v2 .pdp-v2-dl__row>svg *,html body.pdp-v2 .pdp-v2-dl svg{stroke:var(--a1-accent-ink)!important}
html body .esd-cm-head .esd-cm-icon,html body .esd-cm-icon svg,html body .esd-cm-icon svg *{color:var(--a1-accent-ink)!important;stroke:var(--a1-accent-ink)!important}
html body .esd-cm-head .esd-cm-icon{background-color:#FFF1CC!important}
html body .cookie-bar .esd-cm-buttons>button.action:focus-visible{outline-color:#1E3C64!important}
html body .a1h-card__brand,html body .home-v2 .a1h-card__brand,html body.pdp-v2 .a1h-card__brand{color:var(--a1-accent-ink)!important}
html body .a1h-card .a1h-card__name a:hover{color:var(--a1-accent-ink)!important}
html body .product-item-info .prolabels-wrapper:not(#a1x)::after,html body .product-item-info a.product-item-photo:not(#a1x)::after{background-color:var(--a1-accent-line)!important;border-color:var(--a1-accent-line)!important}
html body .filter-options-item .filter-options-title:not(#a1x)::after{background-color:var(--a1-accent-line)!important}
html body .esd-head .page-title-wrapper h1.page-title::before,html body h1.page-title::before{background-color:var(--a1-accent-line)!important}

/* homepage (shared home-v2.css uses the tokens above, only white text on the new fill is corrected) */
html body .home-v2 .a1h-badge--new,html body .home-v2 .a1h-step i,html body .home-v2 .a1h-pill i{background:var(--a1-accent)!important;color:var(--a1-on-accent)!important}
html body .home-v2 a:focus-visible,html body .home-v2 button:focus-visible{outline-color:#1E3C64!important}
html body .home-v2 .a1h-hero h1 em,html body .home-v2 .a1h-how .a1h-eyebrow,html body .home-v2 .a1h-nums b{color:var(--a1-accent-soft)!important}

/* ── footer and trust strip (dark) ────────────────────────────────────────── */
html body .a1-footer__trust-icon{background-color:rgba(255,171,0,.1)!important;border-color:rgba(255,171,0,.2)!important;color:var(--a1-accent)!important}
html body .a1-footer__trust-icon svg,html body .a1-footer__trust-icon svg *{color:var(--a1-accent)!important;stroke:var(--a1-accent)!important}
html body .a1-footer__heading{color:var(--a1-accent)!important}
html body .a1-footer__heading::after{background:var(--a1-accent)!important;color:var(--a1-accent)!important}
html body .a1-footer__logo-text::after{background-image:linear-gradient(90deg,#FFAB00,#FFC04D)!important}
html body .a1-footer__standard-badge{border-color:rgba(255,171,0,.35)!important}
html body .a1-footer__contact-item a:not(#a1x),html body .a1-footer__contact-item a:not(#a1x):hover,html body .a1-footer__contact-item svg,html body .a1-footer__contact-item svg *,
html body .a1-footer__social a,html body .a1-footer__social svg,html body .a1-footer__social svg *{color:var(--a1-accent)!important}
html body .a1-footer__contact-item svg *,html body .a1-footer__social svg *{stroke:currentColor}
html body .a1-footer__hours-title{color:var(--a1-accent)!important}
html body .a1-footer__logo-text span{color:var(--a1-accent)!important}
html body .a1-footer__standard-badge svg,html body .a1-footer__standard-badge svg *{stroke:var(--a1-accent)!important}
html body .a1-footer__mission-label,html body .a1-footer__partners-label{color:var(--a1-accent-soft)!important}

/* contact page (shared template with its own --ct-* tokens): hero labels on navy, required marks and the side
   label line on white. Submit button #send2 on the accent button spec (Viktor 2026-09-27). */
html body .ctc{--ct-accent-tint:#FFC04D;--ct-accent-soft:rgba(255,171,0,.16);--ct-accent-line:rgba(199,133,0,.35)}
html body .ctc .ctc__req{color:var(--a1-accent-ink)!important}

/* cart page (Viktor 2026-09-27): "Zur Kasse" on the accent button spec (above), links navy instead of the theme red */
html body.checkout-cart-index .cart.table-wrapper .product-item-name a,html body.checkout-cart-index .cart.table-wrapper .product-item-name a:visited,
html body.checkout-cart-index .cart.main.actions .action.continue,html body.checkout-cart-index .cart.table-wrapper .action-edit,
html body.checkout-cart-index .cart.table-wrapper .action-delete{color:#1E3C64!important}
html body.checkout-cart-index .cart.table-wrapper .product-item-name a:hover,html body.checkout-cart-index .cart.main.actions .action.continue:hover{color:#1E3C64!important;text-decoration:underline!important}
html body.checkout-cart-index .cart.table-wrapper .action-edit::before,html body.checkout-cart-index .cart.table-wrapper .action-delete::before{color:#1E3C64!important}

/* brands page (compiled theme CSS) */
html body .lbp-chip[aria-pressed="true"]::after,html body .lbp-chip[aria-pressed="true"]:hover::after{background-color:var(--a1-accent-line)!important}
html body .lbp-pcard,html body .lbp-pcard:hover{border-left-color:var(--a1-accent-line)!important}

/* ── breadcrumbs, variant E (all esd pages) ──────────────────────────────── */
html body .breadcrumbs:not(#a1x){font-size:15px!important;margin-top:18px!important;margin-bottom:10px!important}
html body .breadcrumbs .items:not(#a1x){display:flex!important;flex-wrap:wrap!important;align-items:center;row-gap:4px;margin:0;padding:0;list-style:none;background:none!important}
html body .breadcrumbs .items>.item{display:inline-flex!important;align-items:center;margin:0!important;padding:0!important;background:none!important;border:0!important;height:auto!important;clip-path:none!important;font-size:15px!important;line-height:1.4!important;color:#16222F}
html body .breadcrumbs .items>.item::before{content:none!important;display:none!important}
html body .breadcrumbs .items>.item:not(:last-child)::after{content:"\203A"!important;display:inline-block!important;position:static!important;margin:0 10px!important;padding:0!important;width:auto!important;height:auto!important;border:0!important;background:none!important;transform:none!important;color:#8A99AD!important;font:inherit!important;font-size:15px!important;line-height:1!important}
html body.catalog-product-view .breadcrumbs .items>.item:nth-last-child(2)::after{content:none!important;display:none!important}
html body .breadcrumbs .items>.item>a{display:inline-block!important;clip-path:none!important;color:#1E3C64!important;font-size:15px!important;font-weight:500!important;line-height:1.4!important;padding:3px 6px!important;margin:0!important;border:0!important;border-radius:4px!important;background:none!important;box-shadow:none!important;text-decoration:none!important;height:auto!important;transition:background .15s ease}
html body .breadcrumbs .items>.item>a::after{content:none!important;display:none!important}
html body .breadcrumbs .items>.item>a:hover{background:#FFF1CC!important;color:#1E3C64!important;text-decoration:none!important}
html body .breadcrumbs .items>.item>a:focus-visible{outline:2px solid #1E3C64!important;outline-offset:2px}
html body .breadcrumbs .items>.item>strong{display:inline-block!important;clip-path:none!important;font-size:15px!important;line-height:1.4!important;padding:3px 6px!important;margin:0!important;border:0!important;background:none!important;overflow:visible!important;white-space:normal!important}
html body .breadcrumbs .items>.item.home>a::before{color:#1E3C64!important}
/* current level: last item on category, search and CMS pages, the last visible one on the product page */
html body .breadcrumbs .items>.item:last-child>strong,html body .breadcrumbs .items>.item:last-child>a,
html body.catalog-product-view .breadcrumbs .items>.item:nth-last-child(2)>a{color:#16222F!important;font-weight:700!important;background:none!important;box-shadow:inset 0 -3px 0 #FFAB00!important;border-radius:4px 4px 0 0!important}
html body.catalog-product-view .breadcrumbs .items>.item:nth-last-child(2)>a:hover{background:#FFF1CC!important}
@media (max-width:767px){
  html body .breadcrumbs:not(#a1x){font-size:14px!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:hidden}
  html body .breadcrumbs .items:not(#a1x){max-width:100%!important;min-width:0!important}
  html body .breadcrumbs .items:not(#a1x){flex-wrap:nowrap!important;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  html body .breadcrumbs .items::-webkit-scrollbar{display:none}
  html body .breadcrumbs .items:not(#a1x)>.item{font-size:14px!important;flex:none!important;max-width:none!important;overflow:visible!important}
  html body .breadcrumbs .items:not(#a1x)>.item>strong{overflow:visible!important;text-overflow:clip!important}
  html body .breadcrumbs .items>.item>a,html body .breadcrumbs .items>.item>strong{font-size:14px!important;white-space:nowrap}
  html body .breadcrumbs .items>.item:not(:last-child)::after{font-size:14px!important}
  html body .breadcrumbs .items>.item.home>a{display:inline-flex!important;align-items:center;justify-content:center;min-width:32px;min-height:32px;padding:0 4px!important;font-size:0!important}
  html body .breadcrumbs .items>.item.home>a::before{font-size:16px!important;color:#1E3C64!important}
}