/* Header layout and colors. Font families, menu weights and tracking belong
   to typography-refinement.css; the Customizer provides sizes and colors. */
html body.banglapets-site #site-header,
html body.banglapets-site #site-header :is(.bp-mobile-nav,.bp-search-panel,.bp-mobile-search) {
  background:var(--bp-header-background)!important;
}
html body.banglapets-site #site-header #mega-menu-wrap-primary,
html body.banglapets-site #site-header #mega-menu-primary {
  background:transparent!important;
}
html body.banglapets-site #site-header :is(.bp-nav-list,.bp-mobile-list) a,
html body.banglapets-site #site-header #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link {
  color:var(--bp-header-menu-text)!important;
  text-transform:var(--bp-header-menu-case,uppercase)!important;
}
html body.banglapets-site #site-header :is(.bp-nav-list,.bp-mobile-list) .sub-menu,
html body.banglapets-site #site-header #mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu,
html body.banglapets-site #site-header #mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu a.mega-menu-link {
  background:var(--bp-header-dropdown-background)!important;
}
html body.banglapets-site #site-header :is(.bp-nav-list,.bp-mobile-list) .sub-menu a,
html body.banglapets-site #site-header #mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu a.mega-menu-link {
  color:var(--bp-header-dropdown-text)!important;
}
html body.banglapets-site #site-header :is(.bp-nav-list,.bp-mobile-list) :is(.current-menu-item,.current_page_item,.current-menu-ancestor)>a,
html body.banglapets-site #site-header #mega-menu-wrap-primary #mega-menu-primary :is(.mega-current-menu-item,.mega-current-menu-ancestor)>a.mega-menu-link {
  color:var(--bp-header-active-text)!important;
  background:var(--bp-header-highlight)!important;
  box-shadow:inset 0 -3px var(--bp-header-active-text);
}
html body.banglapets-site #site-header :is(.bp-nav-list,.bp-mobile-list) a:is(:hover,:focus-visible),
html body.banglapets-site #site-header #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link:is(:hover,:focus-visible),
html body.banglapets-site #site-header #mega-menu-wrap-primary #mega-menu-primary .mega-toggle-on>a.mega-menu-link {
  color:var(--bp-header-hover-text)!important;
  background:var(--bp-header-highlight)!important;
  box-shadow:inset 0 -3px var(--bp-header-hover-text);
}
html body.banglapets-site #site-header .bp-nav-list li a::after {
  background:var(--bp-header-active-text)!important;
}
html body.banglapets-site #site-header #mega-menu-wrap-primary #mega-menu-primary .mega-indicator {
  color:inherit!important;
}
html body.banglapets-site #site-header .bp-icon-btn,
html body.banglapets-site #site-header #mega-menu-wrap-primary .mega-menu-toggle {
  color:var(--bp-header-icon)!important;
  background:var(--bp-header-icon-background)!important;
}
html body.banglapets-site #site-header #mega-menu-wrap-primary .mega-menu-toggle :is(button,span) {
  color:var(--bp-header-icon)!important;
}
html body.banglapets-site #site-header .bp-icon-btn:is(:hover,:focus-visible) {
  color:var(--bp-header-hover-text)!important;
  background:var(--bp-header-highlight)!important;
  border-color:var(--bp-header-hover-text)!important;
}
html body.banglapets-site #site-header .bp-cart-count {
  color:var(--bp-header-badge-text)!important;
  background:var(--bp-header-badge-background)!important;
  border-color:var(--bp-header-background)!important;
  text-shadow:none!important;
}
html body.banglapets-site #site-header :is(.bp-mobile-search,.bp-search-panel) form,
html body.banglapets-site #site-header :is(.bp-mobile-search,.bp-search-panel) input:is([type="search"],[type="text"]) {
  background:var(--bp-header-search-background)!important;
  color:var(--bp-header-search-text)!important;
}
html body.banglapets-site #site-header :is(.bp-mobile-search,.bp-search-panel) input::placeholder {
  color:var(--bp-header-search-text)!important;opacity:.65;
}
html body.banglapets-site #site-header :is(.bp-mobile-search,.bp-search-panel) button {
  background:var(--bp-header-search-button-background)!important;
  border-color:var(--bp-header-search-button-background)!important;
  color:var(--bp-header-search-button-text)!important;
}
html body.banglapets-site #site-header :is(.bp-mobile-search,.bp-search-panel) button:is(:hover,:focus-visible) {
  background:var(--bp-header-highlight)!important;
  color:var(--bp-header-hover-text)!important;
}
html body.banglapets-site #site-header :is(a,button,input):focus-visible {
  outline:2px solid var(--bp-header-hover-text);outline-offset:3px;
}
/* The logo/menu row can grow without clipping search or open dropdowns. */
html body.banglapets-site #site-header {
  --bp-header-row-height:var(--bp-header-desktop-height);
  --bp-header-logo-width:var(--bp-header-desktop-logo);
}
html body.banglapets-site #site-header.is-scrolled {
  --bp-header-row-height:var(--bp-header-sticky-height);
}
html body.banglapets-site #site-header .bp-nav {
  min-height:var(--bp-header-row-height)!important;
  height:auto!important;
}
html body.banglapets-site #site-header .bp-brand-slot {
  min-width:0;max-width:100%!important;
}
html body.banglapets-site #site-header .bp-brand-slot>.custom-logo-link {
  display:flex!important;align-items:center!important;
  width:var(--bp-header-logo-width)!important;max-width:100%!important;
  height:auto!important;min-height:0!important;max-height:none!important;
  justify-content:center!important;box-sizing:border-box!important;
  padding:8px 12px!important;border-radius:18px;
  background:var(--bp-header-logo-background,#FAF8F3)!important;
}
html body.banglapets-site #site-header .bp-brand-slot img.custom-logo {
  display:block!important;width:auto!important;height:auto!important;
  max-width:100%!important;max-height:calc(var(--bp-header-row-height) - 32px)!important;
  object-fit:contain!important;object-position:center!important;transform:none!important;
}
@media(min-width:1021px) {
  html body.banglapets-site #site-header .bp-nav {
    grid-template-columns:var(--bp-header-desktop-logo) minmax(0,1fr) 164px;
  }
  html body.banglapets-site #site-header.is-scrolled .bp-brand-slot img.custom-logo {
    max-height:calc(var(--bp-header-row-height) - 32px)!important;
  }
  html body.banglapets-site #site-header .bp-nav-list>li>a {
    height:auto!important;min-height:44px;
  }
  html body.banglapets-site #site-header .bp-nav-actions {gap:10px!important}
  html body.banglapets-site #site-header .bp-icon-btn {width:48px!important;height:48px!important}
  html body.banglapets-site #site-header .bp-desktop-nav .bp-nav-list>li>a,
  html body.banglapets-site #site-header .bp-desktop-nav #mega-menu-wrap-primary #mega-menu-primary>li>a.mega-menu-link {
    font-size:15px!important;
    padding-inline:10px!important;
  }
}
@media(max-width:1020px) {
  html body.banglapets-site #site-header,
  html body.banglapets-site #site-header.is-scrolled {
    --bp-header-row-height:var(--bp-header-mobile-height);
    --bp-header-logo-width:var(--bp-header-mobile-logo);
  }
  html body.banglapets-site #site-header .bp-brand-slot {
    width:100%!important;max-width:100%!important;
  }
}

/* Keep the larger logo and uppercase menu comfortable on smaller laptops. */
@media(min-width:1021px) and (max-width:1200px) {
  html body.banglapets-site #site-header .bp-nav {
    grid-template-columns:min(var(--bp-header-desktop-logo),140px) minmax(0,1fr) 152px;
    column-gap:16px!important;
  }
  html body.banglapets-site #site-header .bp-icon-btn {width:44px!important;height:44px!important}
  html body.banglapets-site #site-header .bp-desktop-nav .bp-nav-list>li>a,
  html body.banglapets-site #site-header .bp-desktop-nav #mega-menu-wrap-primary #mega-menu-primary>li>a.mega-menu-link {
    font-size:13px!important;padding-inline:6px!important;
  }
}
@media(max-width:1020px) {
  html body.banglapets-site #site-header .bp-brand-slot>.custom-logo-link {
    padding:6px 8px!important;border-radius:13px;
  }
  html body.banglapets-site #site-header .bp-brand-slot img.custom-logo {
    max-height:calc(var(--bp-header-row-height) - 24px)!important;
  }
}