/* V172 - Refine breadcrumb spacing/alignment on product category pages */

@media(min-width:821px){
  body:not(.admin-layout) .breadcrumbs{
    width:min(1600px,calc(100% - 48px))!important;
    max-width:1600px!important;
    margin:0 auto 10px!important;
    padding:10px 20px!important;
    min-height:42px!important;
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    box-sizing:border-box!important;
    font-size:12.5px!important;
    line-height:1.35!important;
    color:#40554e!important;
  }

  body:not(.admin-layout) .breadcrumbs a,
  body:not(.admin-layout) .breadcrumbs span{
    display:inline-flex!important;
    align-items:center!important;
    min-height:22px!important;
    line-height:22px!important;
  }

  body:not(.admin-layout) .product-list-page.v137-product-list-page,
  body:not(.admin-layout) .product-list-page.v136-product-list-page{
    padding-top:0!important;
  }

  body:not(.admin-layout) .product-list-page .v136-category-banner{
    margin-top:0!important;
  }
}

@media(min-width:1200px){
  body:not(.admin-layout) .breadcrumbs{
    padding-left:20px!important;
    padding-right:20px!important;
  }
}

@media(max-width:820px){
  body:not(.admin-layout) .breadcrumbs{
    width:100%!important;
    max-width:none!important;
    margin:0 0 8px!important;
    padding:8px 14px!important;
    min-height:38px!important;
    gap:4px!important;
    overflow-x:auto!important;
    white-space:nowrap!important;
  }
}