/* Shared breadcrumb appearance; selectors intentionally exclude menus and forms. */
@layer pcba-navigation {
 html body :is(nav.site-ia-breadcrumb,nav.breadcrumbs[aria-label="Breadcrumb"],div.ppb-breadcrumb,nav.aq-breadcrumb,nav.ap-breadcrumb,nav.breadcrumb[aria-label="Current location"]){display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:10px!important;box-sizing:border-box!important;width:max-content!important;max-width:calc(100% - 48px)!important;min-height:32px!important;height:auto!important;padding:5px 16px!important;border:0!important;border-radius:999px!important;background:#252927!important;background-image:none!important;color:#fff!important;font-size:12px!important;line-height:22px!important;letter-spacing:normal!important;white-space:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;box-shadow:none!important;text-align:left!important}
 html body :is(nav.site-ia-breadcrumb,nav.breadcrumbs[aria-label="Breadcrumb"],div.ppb-breadcrumb,nav.aq-breadcrumb,nav.ap-breadcrumb,nav.breadcrumb[aria-label="Current location"])::-webkit-scrollbar{display:none!important}
 html body :is(nav.site-ia-breadcrumb,nav.breadcrumbs[aria-label="Breadcrumb"],div.ppb-breadcrumb,nav.aq-breadcrumb,nav.ap-breadcrumb,nav.breadcrumb[aria-label="Current location"]) :is(ol,li,a,span){box-sizing:border-box!important;font-family:inherit!important;font-size:12px!important;line-height:22px!important;letter-spacing:normal!important;white-space:nowrap!important;text-transform:none!important}
 html body nav.site-ia-breadcrumb ol{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:10px!important;width:max-content!important;max-width:none!important;margin:0!important;padding:0!important;list-style:none!important}
 html body nav.site-ia-breadcrumb li{display:inline-flex!important;align-items:center!important;flex-shrink:0!important;gap:10px!important;margin:0!important;padding:0!important;color:#fff!important}
 html body nav.site-ia-breadcrumb li+li::before{content:'›'!important;color:#b5a679!important;margin:0!important}
 html body :is(nav.site-ia-breadcrumb,nav.breadcrumbs[aria-label="Breadcrumb"],div.ppb-breadcrumb,nav.aq-breadcrumb,nav.ap-breadcrumb,nav.breadcrumb[aria-label="Current location"]) a{display:inline-flex!important;align-items:center!important;flex-shrink:0!important;min-height:0!important;height:auto!important;padding:0!important;border:0!important;background:none!important;color:#c9ceca!important;text-decoration:none!important;font-weight:400!important}
 html body :is(nav.site-ia-breadcrumb,nav.breadcrumbs[aria-label="Breadcrumb"],div.ppb-breadcrumb,nav.aq-breadcrumb,nav.ap-breadcrumb,nav.breadcrumb[aria-label="Current location"]) a:hover{color:#fff!important;text-decoration:underline!important;text-underline-offset:3px!important}
 html body :is(nav.site-ia-breadcrumb,nav.breadcrumbs[aria-label="Breadcrumb"],div.ppb-breadcrumb,nav.aq-breadcrumb,nav.ap-breadcrumb,nav.breadcrumb[aria-label="Current location"]) a:focus-visible{outline:2px solid #ddc383!important;outline-offset:2px!important;border-radius:2px!important}
 html body :is(nav.site-ia-breadcrumb,nav.breadcrumbs[aria-label="Breadcrumb"],div.ppb-breadcrumb,nav.aq-breadcrumb,nav.ap-breadcrumb,nav.breadcrumb[aria-label="Current location"]) [aria-current="page"],html body nav.breadcrumb[aria-label="Current location"]>span:last-child{color:#fff!important;font-weight:550!important}
 html body :is(nav.breadcrumbs[aria-label="Breadcrumb"],nav.ap-breadcrumb,nav.breadcrumb[aria-label="Current location"])>span:not(:last-child){color:#b5a679!important}
 /* Keep the original content-column edge when the old full-width path shrinks. */
 html body:not(.page-gerber) main:not(#assembly-tools):not(#calculator-main)>nav.site-ia-breadcrumb{margin-inline-start:max(24px,calc((100% - 1200px)/2))!important;margin-inline-end:0!important}
 html body main.ppb>div.ppb-breadcrumb{margin-inline-start:max(32px,calc((100% - 1120px)/2))!important;margin-inline-end:0!important}
 /* These first-child paths previously started underneath the fixed header. */
 html body:not(.page-gerber) main:not(#assembly-tools):not(#calculator-main):has(>:is(nav.site-ia-breadcrumb,nav.breadcrumbs[aria-label="Breadcrumb"],div.ppb-breadcrumb,nav.breadcrumb[aria-label="Current location"])){padding-top:64px!important;margin-top:0!important}
 @media(max-width:600px){
  html body :is(nav.site-ia-breadcrumb,nav.breadcrumbs[aria-label="Breadcrumb"],div.ppb-breadcrumb,nav.aq-breadcrumb,nav.ap-breadcrumb,nav.breadcrumb[aria-label="Current location"]){max-width:calc(100% - 32px)!important}
  html body nav.site-ia-breadcrumb ol li:not(:first-child):not(:last-child){display:none!important}
  html body nav.breadcrumbs[aria-label="Breadcrumb"]>*:not(:first-child):not(:last-child){display:none!important}
  html body nav.breadcrumbs[aria-label="Breadcrumb"]>[aria-current="page"]::before{content:'›'!important;color:#b5a679!important;margin-right:10px!important}
 }
}
@layer pcba-navigation {
 @media(max-width:600px){
  html body nav.site-ia-breadcrumb ol{width:100%!important;max-width:100%!important;min-width:0!important}
  html body nav.site-ia-breadcrumb ol li:last-child{min-width:0!important;flex:1 1 auto!important;overflow:hidden!important}
  html body nav.site-ia-breadcrumb ol li:last-child>span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important}
  html body nav.breadcrumbs[aria-label="Breadcrumb"]>[aria-current="page"]{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important}
 }
}
/* The component-search theme declares its touch-target layer before navigation. */
@layer pcba-polish {
 html body main#main-content nav.breadcrumb[aria-label="Current location"] a{min-height:0!important;height:22px!important;line-height:22px!important;padding:0!important;display:inline-flex!important;align-items:center!important}
}
/* Legacy pages may initialise the decorative morph twice; show one icon. */
@layer pcba-ds {
 html:root body .site-unified-header #navbar#navbar#navbar #mobileToggle>.nav-trigger-morph~.nav-trigger-morph{display:none!important}
}
/* Centre the tool switcher labels within their full touch target. */
@layer pcba-navigation {
 html body nav.tools-hub a{display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;font-size:13px!important;line-height:18px!important;min-height:44px!important;padding:8px 14px!important}
}
/* Mobile form controls keep a stable baseline and do not trigger focus zoom. */
@layer pcba-navigation {
 @media(max-width:767px){
  html body main :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=color]),select,textarea){font-size:16px!important;line-height:1.4!important;box-sizing:border-box!important;max-width:100%!important;min-height:44px!important}
  html body main :is(.tools-hub a,.examples button,.component-tools button,.searchbar button,.engineering-rfq button,.engineering-rfq a.er-secondary){display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;line-height:20px!important;min-height:44px!important;white-space:normal!important;text-align:center!important}
  html body main#main-content nav.breadcrumb[aria-label="Current location"]{margin-bottom:24px!important}
  html body main#main-content #search .searchbar{display:flex!important;flex-direction:column!important;align-items:stretch!important;border:0!important;padding:0!important;background:transparent!important;gap:10px!important;outline:none!important}
  html body main#main-content #search .searchbar input{flex:0 0 auto!important;width:100%!important;height:48px!important;padding:12px 14px!important;border:1px solid #8b918e!important;border-radius:12px!important;background:#fff!important}
  html body main#main-content #search .searchbar-actions{display:flex!important;flex:0 0 auto!important;width:100%!important;gap:8px!important}
  html body main#main-content #search .searchbar button{flex:1 1 auto!important;width:100%!important;font-size:14px!important;padding:12px 18px!important}
  html body main#main-content #search .searchbar input:focus-visible{outline:3px solid #c5ebe6!important;outline-offset:2px!important}
  html body main#main-content .component-tools{margin-top:24px!important;padding-top:0!important;gap:12px!important}
  html body main#main-content .component-tools label{margin-top:0!important;margin-bottom:0!important}
  html body main#main-content .component-tools input{width:100%!important}
  html body :is(main,dialog.engineering-rfq) :is(button,a.button,a.btn){scroll-margin-top:72px}
  html body main :is(h1,h2,h3,[id]){scroll-margin-top:72px}
 }
}
/* Earlier legacy theme layers must not enlarge breadcrumb rows or form fonts. */
@layer pcba-ds {
 html:root body nav.site-ia-breadcrumb ol li{font-size:12px!important;line-height:22px!important;min-height:0!important;height:22px!important;align-items:center!important}
 @media(max-width:767px){
  html:root body main :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=color]),select,textarea){font-size:16px!important;line-height:1.4!important;min-height:44px!important}
  html:root body .case-cta{box-sizing:border-box!important;min-width:0!important;max-width:100%!important;width:100%!important;overflow-wrap:anywhere!important}
  html:root body .case-cta a{max-width:100%!important;white-space:normal!important;box-sizing:border-box!important}
  html:root body #appleNavPanel{box-sizing:border-box!important;min-width:0!important;width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important}
 }
}
@layer pcba-navigation {
 html:root body main :is(.tools-hub a,.examples button,.component-tools button,.searchbar button,.engineering-rfq button,.engineering-rfq a.er-secondary)[hidden]{display:none!important}
}
@layer reference-libraries {
 @media(max-width:767px){html:root body main #caseSearch#caseSearch#caseSearch#caseSearch,html:root body main #caseSort#caseSort#caseSort#caseSort{font-size:16px!important;line-height:22px!important;min-height:44px!important}}
}

@layer wellness-page { @media(max-width:767px){html:root body main #caseSearch#caseSearch#caseSearch#caseSearch{font-size:16px!important;line-height:22px!important;min-height:44px!important}}}