/* Shared breadcrumb home link: preserve the text as its accessible name. */
@font-face{font-family:dzicon;src:url('../original-home/template/comiis_bole/image/dzicon.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
body ul.breadcrumb>li:first-of-type>a{display:inline-flex;align-items:center;justify-content:center;font-size:0;line-height:22px;min-width:20px;text-decoration:none}
body ul.breadcrumb>li:first-of-type>a::before{font-family:dzicon;content:"\f103";color:#929dae;font-size:18px;font-weight:400;font-style:normal;line-height:22px;display:block}

body ul.breadcrumb>li:first-of-type>a>span{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* Match breadcrumb link hover across the detail and listing themes. */
body ul.breadcrumb>li>a:hover,
body ul.breadcrumb>li>a:focus-visible{color:#2563eb;text-decoration:none!important}
body ul.breadcrumb>li:first-of-type>a::before{transition:color .2s ease-in-out}
body ul.breadcrumb>li:first-of-type>a:hover::before,
body ul.breadcrumb>li:first-of-type>a:focus-visible::before{color:#2563eb}

/* Compact the breadcrumb inset on phones without changing desktop layout. */
@media(max-width:767px){
  body div.breadcrumb,body.item .wrapper-flash>div.breadcrumb{padding-left:6px;padding-right:6px}
}