/* BK-BRG Live Discovery v0.1.15 — five-column alignment, visual-only.
 * Match the five existing site-navigation buttons:
 * Search spans Catalogue + Collections; Cat/Dog sit beneath Shortlisted;
 * Available beneath Index; Catalogue beneath Contact.
 * CSS is scoped to the bridge and does not alter query/render/data systems. */
.bk-brg-filter-row,
.bosky-catalogue-search-row.bk-brg-filter-row {
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:stretch!important;
  column-gap:4px!important;
  row-gap:0!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  height:40px!important;
  margin:6px 0 10px!important;
  padding:0!important;
}
.bk-brg-filter-row > form.bk-brg-filter-form.bosky-nav-search-inline,
.bosky-catalogue-search-row.bk-brg-filter-row > form.bk-brg-filter-form.bosky-nav-search-inline {
  grid-column:1 / span 2!important;
  grid-row:1!important;
  order:0!important;
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
  max-width:none!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  height:40px!important;
  min-height:40px!important;
  box-sizing:border-box!important;
  background:#f4f6f8!important;
  border:1px solid #d7e2ea!important;
  border-radius:11px!important;
  overflow:hidden!important;
  box-shadow:none!important;
  align-self:stretch!important;
}
.bk-brg-filter-row > form.bk-brg-filter-form input[type=search] {
  min-width:0!important;
  width:100%!important;
  flex:1 1 0!important;
  font-size:12px!important;
  line-height:38px!important;
  padding:0 3px 0 9px!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  height:38px!important;
  min-height:0!important;
  box-shadow:none!important;
  color:#17324d!important;
  -webkit-text-fill-color:#17324d!important;
}
.bk-brg-filter-row > form.bk-brg-filter-form > button[type=submit] {
  flex:0 0 29px!important;
  width:29px!important;
  min-width:29px!important;
  max-width:29px!important;
  margin:0!important;
  padding:0!important;
  font-size:17px!important;
  background:transparent!important;
  border:0!important;
  color:#285773!important;
  height:38px!important;
  min-height:0!important;
}
.bk-brg-filter-row > form.bk-brg-filter-form > button svg {
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
}
/* A single navigation-sized column, containing TWO distinct pet buttons. */
.bk-brg-filter-row > .bk-brg-animals {
  grid-column:3!important;
  grid-row:1!important;
  order:1!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:3px!important;
  min-width:0!important;
  width:100%!important;
  height:40px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-sizing:border-box!important;
}
/* Flatten the inventory wrapper only visually; its existing two buttons,
 * click handlers, role and accessible names remain unchanged. */
.bk-brg-filter-row > .bk-brg-inventories {
  display:contents!important;
}
.bk-brg-filter-row > .bk-brg-inventories > .bk-brg-available {
  grid-column:4!important;
  grid-row:1!important;
}
.bk-brg-filter-row > .bk-brg-inventories > .bk-brg-catalogue {
  grid-column:5!important;
  grid-row:1!important;
}
.bk-brg-filter-row .bk-brg-chip {
  appearance:none!important;
  -webkit-appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0 2px!important;
  height:40px!important;
  min-height:40px!important;
  border:1px solid #bfd3df!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#17324d!important;
  -webkit-text-fill-color:#17324d!important;
  font:850 11.5px/1.1 system-ui,-apple-system,sans-serif!important;
  letter-spacing:-.3px!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  box-shadow:0 1px 4px rgba(23,50,77,.04)!important;
  transition:background .12s ease,color .12s ease,box-shadow .12s ease,filter .12s ease!important;
  box-sizing:border-box!important;
}
.bk-brg-filter-row .bk-brg-inventories .bk-brg-chip.is-active {
  background:#F28C28!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:#F28C28!important;
  box-shadow:0 2px 6px rgba(242,140,40,.23)!important;
  text-shadow:0 1px 1px rgba(101,50,0,.16)!important;
}
.bk-brg-filter-row .bk-brg-chip.is-icon {
  width:100%!important;
  min-width:0!important;
  height:40px!important;
  min-height:40px!important;
  padding:0!important;
  border:1px solid #c6d6df!important;
  border-radius:9px!important;
  background:#fff!important;
  box-shadow:0 1px 4px rgba(23,50,77,.04)!important;
}
.bk-brg-filter-row .bk-brg-chip.is-icon svg {
  width:21px;
  max-width:92%;
  height:21px;
  display:block;
}
.bk-brg-filter-row .bk-brg-chip.bk-brg-cat {
  color:#DB801C!important;
  -webkit-text-fill-color:#DB801C!important;
}
.bk-brg-filter-row .bk-brg-chip.bk-brg-dog {
  color:#198BD0!important;
  -webkit-text-fill-color:#198BD0!important;
}
.bk-brg-filter-row .bk-brg-chip.bk-brg-cat.is-active {
  border-color:#F28C28!important;
  background:#FFF2E0!important;
  color:#F28C00!important;
  -webkit-text-fill-color:#F28C00!important;
  box-shadow:0 0 0 1px rgba(242,140,40,.4),0 0 9px rgba(242,140,40,.38)!important;
  filter:brightness(1.09)!important;
}
.bk-brg-filter-row .bk-brg-chip.bk-brg-dog.is-active {
  border-color:#198BD0!important;
  background:#E7F5FF!important;
  color:#0785D3!important;
  -webkit-text-fill-color:#0785D3!important;
  box-shadow:0 0 0 1px rgba(25,139,208,.38),0 0 9px rgba(25,139,208,.36)!important;
  filter:brightness(1.09)!important;
}
.bk-brg-filter-row .bk-brg-chip:focus-visible {
  outline:2px solid #17324d!important;
  outline-offset:2px!important;
}
/* Collections lives in another container. Offset/width can be matched to the
 * existing five navigation links by the tiny front-end alignment helper. */
.bk-brg-filter-mounted .bk-brg-filter-row {
  margin:6px 0 12px!important;
  margin-left:var(--bk-brg-nav-left,0px)!important;
  width:var(--bk-brg-nav-width,100%)!important;
  max-width:none!important;
}
.bk-brg-filter-mounted .bpa-collection-utility-row .bpa-collection-search {display:none!important;}
.bk-brg-loading{grid-column:1/-1!important;text-align:center!important;padding:20px 5px!important;font-size:12px!important;color:#577285!important;}
.bosky-cat-media-wrap .bk-live-dot{position:absolute;left:7px;bottom:7px;z-index:6;width:8px;height:8px;background:#16be55;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 5px #0004;pointer-events:none;box-sizing:content-box;}
.bk-brg-empty{grid-column:1/-1!important;text-align:center!important;padding:25px 8px!important;border:1px dashed #dce7ed!important;background:#fafcfd!important;color:#5e7180!important;border-radius:12px!important;font-size:12px!important;}
@media(min-width:390px){
  .bk-brg-filter-row .bk-brg-inventories .bk-brg-chip{font-size:12px!important;}
}
@media(max-width:350px){
  .bk-brg-filter-row .bk-brg-chip{font-size:10px!important;letter-spacing:-.35px!important;}
  .bk-brg-filter-row > .bk-brg-animals{gap:2px!important;}
  .bk-brg-filter-row .bk-brg-chip.is-icon svg{width:18px;height:18px;}
  .bk-brg-filter-row > form.bk-brg-filter-form input[type=search]{padding-left:6px!important;font-size:11px!important;}
  .bk-brg-filter-row > form.bk-brg-filter-form > button[type=submit]{flex-basis:23px!important;width:23px!important;min-width:23px!important;max-width:23px!important;}
}
/* Mid-width native nav used to wrap our search form; keep it below the five links. */
@media(min-width:651px) and (max-width:950px){
  .bk-brg-catalogue-mounted .bosky-public-shell .bosky-shell-nav{flex-wrap:wrap!important;}
  .bk-brg-catalogue-mounted .bosky-public-shell .bosky-catalogue-search-row.bk-brg-filter-row{flex:1 0 100%!important;max-width:100%!important;margin:5px 0 0!important;}
}
/* Do not show idle predictive-search shortcuts as extra Catalogue tabs. */
.bk-brg-catalogue-mounted.bk-brg-idle-suggestions .bosky-public-shell .bosky-search-assist {display:none!important;}

/* v0.1.9 — only the breed title occupies space on a Catalogue grid card.
 * Do not touch the expanded media caption or its original data attributes. */
.bk-brg-catalogue-mounted .bosky-cat-grid .bosky-cat-card .bosky-cat-title {
  min-height:1.3em!important;
}

/* v0.1.10 — quiet source indicators, no full-colour button repaint. */
.bk-brg-filter-row .bk-brg-inventories .bk-brg-chip,
.bk-brg-filter-row .bk-brg-inventories .bk-brg-chip.is-active {
  background:#fff!important;
  color:#17324d!important;
  -webkit-text-fill-color:#17324d!important;
  text-shadow:none!important;
  transition:border-color .16s ease,box-shadow .16s ease!important;
}
.bk-brg-filter-row .bk-brg-inventories .bk-brg-chip.is-active {
  border-color:#e8ab70!important;
  box-shadow:0 0 0 1px rgba(242,140,40,.28),0 0 7px rgba(242,140,40,.24)!important;
}
.bk-brg-filter-row .bk-brg-chip.bk-brg-cat.is-active,
.bk-brg-filter-row .bk-brg-chip.bk-brg-dog.is-active {
  filter:none!important;
  background:#fff!important;
  transition:border-color .16s ease,box-shadow .16s ease!important;
}
.bk-brg-soft-more {display:block;margin:10px auto 18px;padding:9px 15px;border:1px solid #c9dfe9;border-radius:10px;background:#fff;color:#17324d;font:750 12px system-ui;cursor:pointer;}
.bk-brg-soft-more[hidden]{display:none!important}
.bk-brg-soft-more:disabled{opacity:.6}
.bk-brg-soft-error .bk-brg-filter-form{box-shadow:0 0 0 1px rgba(188,95,63,.18)!important}
.bk-brg-catalogue-mounted .bosky-cat-grid .bosky-cat-card .bosky-cat-title {
  min-height:1.2em!important;white-space:nowrap!important;display:block!important;
  overflow:hidden!important;text-overflow:ellipsis!important;-webkit-line-clamp:unset!important;
}
@media(prefers-reduced-motion:reduce){.bk-brg-filter-row .bk-brg-chip{transition:none!important}}

/* v0.1.15 — Same navigation-row geometry for Catalogue and Collections.
 * Catalogue search spans two columns; Collections intentionally leaves
 * those two columns blank without affecting the animal/source positions. */
.bosky-public-shell .bosky-shell-nav > .bk-brg-filter-row {
  flex:1 0 100%!important;
  order:20!important;
  min-width:0!important;
  max-width:100%!important;
  width:100%!important;
  margin:6px 0 10px!important;
}
.bk-brg-filter-row > .bk-brg-collection-spacer {
  grid-column:1 / span 2!important;
  grid-row:1!important;
  width:100%!important;
  height:40px!important;
  background:transparent!important;
  pointer-events:none!important;
}
html.bk-brg-filters-active .bpa-shell[data-bpa-root] .bpa-collection-search,
html.bk-brg-preboot .bpa-shell[data-bpa-root] .bpa-collection-search {
  display:none!important;
}
/* Do not apply old Collections sibling-position offsets to the new shared row. */
.bk-brg-filter-mounted .bosky-public-shell .bk-brg-filter-row {
  margin-left:0!important;
  width:100%!important;
}

/* v0.1.16: exact two-nav-column location selector on Collections only. */
.bk-brg-filter-row > .bk-brg-location-select {
  grid-column:1 / span 2!important;grid-row:1!important;min-width:0!important;
  width:100%!important;height:40px!important;max-width:100%!important;
  box-sizing:border-box!important;appearance:auto!important;-webkit-appearance:menulist!important;
  border:1px solid #cbdde5!important;border-radius:11px!important;
  background:#f4f6f8!important;color:#17324d!important;
  padding:0 18px 0 8px!important;font-size:12px!important;font-weight:650!important;
  text-overflow:ellipsis!important;white-space:nowrap!important;
  box-shadow:none!important;outline-offset:1px!important;
}
.bk-brg-filter-row > .bk-brg-location-select:focus-visible {
  border-color:#ed982c!important;box-shadow:0 0 0 2px rgba(237,152,44,.14)!important;
}
.bpa-shell[data-bpa-root] .bpa-discovery-tabs {grid-template-columns:repeat(4,minmax(0,1fr))!important;}
@media(max-width:390px){.bk-brg-filter-row > .bk-brg-location-select {font-size:10px!important;padding-left:5px!important;}}

/* v0.1.17 safety net: the old location collection must never be a Curated tab. */
.bpa-shell[data-bpa-root] .bpa-discovery-panel[data-bpa-group-panel="curated"] a[data-bpa-collection-open="available-in-siliguri"] {display:none!important;}
/* Native select occupies precisely the two nav columns, even in older layouts. */
.bosky-public-shell .bosky-shell-nav .bk-brg-filter-row > select.bk-brg-location-select {
 display:block!important; visibility:visible!important; opacity:1!important;
 grid-column:1 / span 2!important; grid-row:1!important; align-self:stretch!important;
}

/* v0.1.19: four true KCI-status destinations, no Show Quality mixing.
   Display four equal buttons on mobile without a second row. */
.bpa-shell .bpa-discovery-panel[data-bpa-group-panel="kci-show"]:not([hidden]){
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:5px!important;overflow:visible!important;align-items:stretch!important;
}
.bpa-shell .bpa-discovery-panel[data-bpa-group-panel="kci-show"] a{
  box-sizing:border-box!important;min-width:0!important;width:100%!important;
  padding:7px 2px!important;font-size:clamp(8px,2.1vw,10px)!important;
  white-space:normal!important;overflow-wrap:break-word!important;line-height:1.18!important;
}
.bpa-shell .bpa-discovery-panel[data-bpa-group-panel="curated"] a[data-bpa-collection-open="available-in-siliguri"]{display:none!important;}

/* FINAL22 native Live edit trigger; never affects evergreen Catalogue +. */
.bosky-cat-media-wrap > button.bk-brg-live-edit-plus {
 position:absolute!important;top:8px!important;left:8px!important;right:auto!important;bottom:auto!important;
 width:35px!important;height:35px!important;min-width:35px!important;min-height:35px!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 border:1px solid rgba(255,255,255,.95)!important;border-radius:50%!important;
 padding:0!important;background:rgba(236,243,247,.95)!important;color:#27435a!important;
 -webkit-text-fill-color:#27435a!important;font:700 27px/1 system-ui,sans-serif!important;
 box-shadow:0 2px 8px rgba(0,0,0,.22)!important;z-index:99!important;cursor:pointer!important;
 pointer-events:auto!important;touch-action:manipulation!important;
}
.bosky-cat-media-wrap > button.bk-brg-live-edit-plus:focus-visible{outline:3px solid #f28c28!important;outline-offset:2px!important;}


/* D3 — Approved 30 October Catalogue layout: four public destinations followed
   by Cat/Dog, then Search | Available | Catalogue | Filter on the next row.
   Only appearance changes. Original click handlers, data readers and filter
   panel stay with their existing owner. */
html.bk-brg-catalogue-mounted .bosky-public-shell .bosky-shell-nav > .bk-brg-animals{
  order:6!important; flex:0 0 84px!important; width:84px!important; min-width:0!important;
  display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:4px!important; height:40px!important; margin:0!important; padding:0!important;
  align-self:center!important; box-sizing:border-box!important;
}
html.bk-brg-catalogue-mounted .bosky-shell-nav > .bk-brg-animals .bk-brg-chip{
  height:40px!important; min-height:40px!important; width:100%!important;
  padding:0!important; border-radius:9px!important; box-sizing:border-box!important;
  background:#fff!important; border:1px solid #c6d6df!important;
}
html.bk-brg-catalogue-mounted .bosky-shell-nav > .bk-brg-animals .bk-brg-chip svg{
  width:22px!important; height:22px!important; display:block!important;
}
html.bk-brg-catalogue-mounted .bosky-shell-nav > .bk-brg-animals .bk-brg-chip.is-active{
  border-color:#209fe0!important; box-shadow:0 0 0 2px rgba(32,159,224,.12)!important;
}
html.bk-brg-catalogue-mounted .bosky-public-shell .bosky-shell-nav > .bk-brg-filter-row{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  position:relative!important;
}
html.bk-brg-catalogue-mounted .bk-brg-filter-row > .bk-brg-inventories > .bk-brg-available{
  grid-column:3!important;
}
html.bk-brg-catalogue-mounted .bk-brg-filter-row > .bk-brg-inventories > .bk-brg-catalogue{
  grid-column:4!important;
}
html.bk-brg-catalogue-mounted .bk-brg-filter-row > .bk-brg-filter-dock{
  appearance:none!important; -webkit-appearance:none!important;
  grid-column:5!important; grid-row:1!important; order:4!important;
  display:flex!important; align-items:center!important; justify-content:center!important; gap:3px!important;
  height:40px!important; min-height:40px!important; width:100%!important; min-width:0!important;
  padding:0 2px!important; margin:0!important; border:1px solid #bfd3df!important;
  border-radius:10px!important; box-sizing:border-box!important;
  background:#f2f8fb!important; color:#17324d!important; -webkit-text-fill-color:#17324d!important;
  font:800 11px/1 system-ui,-apple-system,sans-serif!important;
  box-shadow:0 1px 4px rgba(23,50,77,.04)!important;
  cursor:pointer!important; white-space:nowrap!important;
}
html.bk-brg-catalogue-mounted .bk-brg-filter-dock[aria-expanded='true']{
  border-color:#f28c28!important; background:#fff6ec!important;
}
html.bk-brg-catalogue-mounted .bk-brg-filter-dock .bk-brg-filter-glyph{font-size:14px!important;}
html.bk-brg-catalogue-mounted .bk-brg-filter-dock small[data-bk-brg-filter-count]{
  background:#f28c28!important; color:#fff!important; border-radius:99px!important;
  font-size:9px!important; font-weight:800!important; min-width:14px!important;
  padding:2px!important; text-align:center!important;
}
html.bk-brg-catalogue-mounted .bk-brg-filter-dock small[hidden]{display:none!important;}
/* Hide only the redundant standalone Filter Search trigger. Preserve its
   original event listeners and panel under Catalogue, so no duplicate filters. */
html.bk-brg-header-d3 .bosky-cat-wrap .bk-cat-d1{margin:0 0 3px!important;padding:0!important;}
html.bk-brg-header-d3 .bosky-cat-wrap .bk-cat-d1 > [data-bk-cat-trigger]{display:none!important;}
@media(max-width:650px){
  html.bk-brg-catalogue-mounted .bosky-public-shell .bosky-shell-nav > .bk-brg-animals{
    flex:0 0 76px!important; width:76px!important; gap:3px!important; height:34px!important;
  }
  html.bk-brg-catalogue-mounted .bosky-shell-nav > .bk-brg-animals .bk-brg-chip{
    height:34px!important; min-height:34px!important;
  }
  html.bk-brg-catalogue-mounted .bosky-public-shell .bosky-shell-nav > a[data-bosky-nav]{
    flex:1 1 0!important; min-width:0!important; padding:2px 3px!important;
  }
  html.bk-brg-catalogue-mounted .bk-brg-filter-row > .bk-brg-filter-dock{
    font-size:10px!important; gap:2px!important;
  }
}
@media(max-width:355px){
  html.bk-brg-catalogue-mounted .bosky-public-shell .bosky-shell-nav > .bk-brg-animals{
    flex-basis:66px!important; width:66px!important;
  }
  html.bk-brg-catalogue-mounted .bosky-public-shell .bosky-shell-nav > a[data-bosky-nav]{
    font-size:9px!important; padding:2px 1px!important;
  }
  html.bk-brg-catalogue-mounted .bk-brg-filter-row > .bk-brg-filter-dock{
    font-size:9.2px!important;
  }
  html.bk-brg-catalogue-mounted .bk-brg-filter-row > .bk-brg-filter-dock .bk-brg-filter-glyph{
    font-size:12px!important;
  }
}
/* Keep established pet-type colours after moving their original buttons. */
html.bk-brg-catalogue-mounted .bosky-shell-nav > .bk-brg-animals > .bk-brg-cat{
  color:#DB801C!important; -webkit-text-fill-color:#DB801C!important;
}
html.bk-brg-catalogue-mounted .bosky-shell-nav > .bk-brg-animals > .bk-brg-dog{
  color:#198BD0!important; -webkit-text-fill-color:#198BD0!important;
}
