/* Default-theme header, desktop (>= 992px): logo left, search bar centre, account + cart right, categories left-aligned with the
   Wholesale switch as a pill on the right. Everything brand-coloured uses --primary (set from the store's footer colour by
   footerAccentStyle()). Narrow screens keep the theme's own header untouched. */
.hdr-searchbar { display: none; }
@media (min-width: 992px) {
  .pageheader .logo-area { display: grid !important; grid-template-columns: auto minmax(300px, 640px) auto; justify-content: space-between; align-items: center; column-gap: 40px; padding: 12px 56px !important; max-width: none; }
  .pageheader .logo-area__left { display: none !important; }
  .pageheader .logo-area__middle { grid-column: 1; grid-row: 1; justify-self: start; text-align: left; width: auto; flex: none; }
  .pageheader .logo-area__middle .logo { text-align: left; }
  /* logo: larger, natural proportions (the theme's inline 170x50 box is overridden) */
  .pageheader .logo-area__middle, .pageheader .logo-area__middle--logo-image { max-width: 260px !important; }
  .pageheader .logo-area__middle .logo img, .pageheader .logo-area__middle .logo__image { width: auto !important; height: 60px !important; max-width: 260px; object-fit: contain; object-position: left center; }
  .pageheader .hdr-searchbar { display: flex; grid-column: 2; grid-row: 1; align-items: center; width: 100%; height: 46px; background: #fff; border: 1px solid color-mix(in oklch, var(--primary, #444) 14%, #d9d9de); border-radius: 9px; overflow: hidden; }
  .pageheader .hdr-searchbar__icon { flex: none; margin: 0 10px 0 16px; color: #374151; }
  .pageheader .hdr-searchbar input { flex: 1; min-width: 0; height: 100%; border: 0; outline: 0; background: transparent; font-size: 14.5px; color: #111827; padding: 0 8px 0 0; box-shadow: none; -webkit-appearance: none; }
  .pageheader .hdr-searchbar input::placeholder { color: #6b7280; }
  .pageheader .hdr-searchbar button { flex: none; width: 58px; height: 100%; border: 0; background: var(--primary, #111); color: #fff; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; border-radius: 0; box-shadow: none; }
  .pageheader .hdr-searchbar:focus-within { box-shadow: 0 0 0 3px color-mix(in oklch, var(--primary, #444) 18%, transparent); }
  .pageheader .logo-area__right { grid-column: 3; grid-row: 1; justify-self: end; }
  .pageheader .logo-area__right .show-search-link { display: none !important; }
  .pageheader .logo-area__right__inner { gap: 26px; align-items: center; }
  .pageheader .header-account-link__text, .pageheader .cart-link__label { font-size: 15px; font-weight: 500; letter-spacing: 0; text-transform: none; }
  .pageheader .header-account-link, .pageheader .header-wishlist-link, .pageheader .cart-link { flex-direction: row-reverse; gap: 9px; text-transform: none !important; letter-spacing: 0 !important; font-size: 15px; font-weight: 500; }
  .pageheader .header-account-link__text, .pageheader .header-wishlist-link__text, .pageheader .cart-link__label { font-size: 15px; font-weight: 500; letter-spacing: 0 !important; text-transform: none !important; }
  /* navigation row (a sibling of #pageheader inside <page-header>): a full-width white band, categories centred, switch pill right */
  page-header main-navigation { background: #fff; border-top: 1px solid color-mix(in oklch, var(--primary, #444) 8%, #e5e7eb); border-bottom: 1px solid color-mix(in oklch, var(--primary, #444) 6%, #eceef2); }
  page-header .navigation--main { text-align: center; padding: 0; background: #fff; }
  page-header .navigation__tier-1-container { position: relative; text-align: center; padding: 0 56px; background: #fff; }
  /* a store with many categories wraps onto a second centred line instead of running off both edges; the switch pill gets its own reserved space (both sides, so the categories stay truly centred) */
    page-header .navigation__tier-1 { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-evenly; gap: 0; width: 100%; text-align: center; margin: 0 !important; padding: 0 !important; white-space: normal; }
  page-header .navigation__tier-1 > .navigation__item { display: block; margin: 0 !important; }
  page-header .navigation__tier-1 > .navigation__item > .navigation__link { font-size: 13px; font-weight: 700; letter-spacing: .01em; text-transform: uppercase; padding: 14px 11px; white-space: nowrap; }
  /* many categories: slimmer items so the list stays to about two lines */
  page-header .navigation__tier-1:has(> li:nth-child(10)) > .navigation__item > .navigation__link { padding: 10px 9px; font-size: 12.5px; }
  page-header main-navigation .navigation__item--b2b { display: none !important; }
  /* top row, right side (customer reference): Account, Wishlist, Cart, then the Bulk Orders / Retail switch as a pill */
  .pageheader .logo-area__right__inner { gap: 22px; }
  .pageheader .header-wishlist-link { display: inline-flex; align-items: center; color: inherit; text-decoration: none; }
  .pageheader .hdr-b2b { display: inline-flex; align-items: center; height: 38px; padding: 0 20px; border-radius: 999px; background: var(--primary, #111); color: #fff !important; font-size: 13px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; text-decoration: none; white-space: nowrap; }
  .pageheader .hdr-b2b:hover { filter: brightness(1.12); }
  /* category row sits snug under the top row: one centred line, tighter */
  .pageheader .logo-area { padding-bottom: 10px !important; }
  page-header .navigation__tier-1 > .navigation__item > .navigation__link { padding: 12px 14px; }
  /* announcement bar: a static strip with the items spread evenly across the width instead of a scrolling ticker */
  .announcement-bar__middle { width: 100% !important; max-width: none !important; }
  .announcement-bar__middle > .announcement-bar__announcements ~ .announcement-bar__announcements { display: none !important; }
  .announcement-bar__middle .announcement-bar__announcements { animation: none !important; width: 100%; min-width: 0; flex-wrap: wrap; justify-content: space-between; gap: 2px 28px; padding: 0 12px; margin: 9px 0; }
  .announcement-bar__middle .announcement-bar__announcements > * { white-space: nowrap; font-size: 12px; letter-spacing: .01em; }
}
@media (max-width: 991.98px) {
  .pageheader .header-wishlist-link, .pageheader .hdr-b2b { display: none !important; }
}

/* TeesBunker (store 435) logo: round mark + "Tees" (black) "Bunker" (purple) wordmark over a spaced tagline. All widths. */
.logo .tbl-brand { display: inline-flex; align-items: center; gap: 9px; text-decoration: none; }
.logo .tbl-brand__icon { width: 44px !important; height: 44px !important; border-radius: 50%; object-fit: contain; flex: none; }
.logo .tbl-brand__word { display: inline-flex; flex-direction: column; align-items: center; line-height: 1; }
.logo-area .logo .tbl-brand__name, .logo .tbl-brand__name { font: 700 24px/1 "Poppins","Montserrat","Inter",-apple-system,sans-serif; letter-spacing: -.02em !important; text-transform: none !important; white-space: nowrap; }
.logo-area .logo .tbl-brand__name span { letter-spacing: inherit !important; text-transform: none !important; }
.logo .tbl-brand__tees { color: #0b0b0b; }
.logo .tbl-brand__bunker { color: #5808b8; }
.logo-area .logo .tbl-brand__tag, .logo .tbl-brand__tag { display: block; margin-top: 3px; font: 500 11px/1 "Poppins","Montserrat","Inter",sans-serif; letter-spacing: 0 !important; text-transform: none !important; color: #0b0b0b; text-align: center; white-space: nowrap; }
.logo-area__middle:has(.tbl-brand) { max-width: none !important; }
@media (min-width: 992px) {
  .logo .tbl-brand { gap: 12px; }
  .pageheader .logo-area__middle .logo img.tbl-brand__icon { width: 58px !important; height: 58px !important; max-width: none; }
  .logo .tbl-brand__name { font-size: 34px; }
  .logo .tbl-brand__tag { font-size: 14px; margin-top: 4px; }
}