/* Match the homepage's transparent header and delayed fixed position elsewhere. */
.sunxi-unified-header.sunxi-scroll-header,
header.wp-block-template-part.sunxi-scroll-header {
  position: relative;
  z-index: 1000;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  background: transparent !important;
  transition: color .25s ease, border-color .25s ease;
}
.sunxi-unified-header.sunxi-scroll-header.is-pinned,
header.wp-block-template-part.sunxi-scroll-header.is-pinned {
  position: fixed;
  background: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  animation: sunxi-settle-header .3s ease both;
}
.sunxi-unified-header.sunxi-scroll-header.sunxi-on-dark.is-pinned,
header.wp-block-template-part.sunxi-scroll-header.sunxi-on-dark.is-pinned { background: transparent !important; }
body.woocommerce-shop header.wp-block-template-part.sunxi-scroll-header,
body.single-product header.wp-block-template-part.sunxi-scroll-header { background: transparent !important; }
body.woocommerce-shop header.wp-block-template-part.sunxi-scroll-header.is-pinned,
body.single-product header.wp-block-template-part.sunxi-scroll-header.is-pinned { background: transparent !important; }
body.woocommerce-shop header.wp-block-template-part.sunxi-scroll-header > .wp-block-group,
body.single-product header.wp-block-template-part.sunxi-scroll-header > .wp-block-group { background: transparent !important; }
@keyframes sunxi-settle-header { from { opacity: 0; } to { opacity: 1; } }
.sunxi-header-scroll-spacer[hidden] { display: none !important; }
header.wp-block-template-part.sunxi-scroll-header > .wp-block-group,
header.wp-block-template-part.sunxi-scroll-header > .wp-block-group.has-background,
header.wp-block-template-part.sunxi-scroll-header > .wp-block-group > .wp-block-group.has-background {
  background: transparent !important;
  background-image: none !important;
}
.sunxi-unified-header.sunxi-scroll-header.sunxi-on-dark,
header.wp-block-template-part.sunxi-scroll-header.sunxi-on-dark {
  color: rgba(255,255,255,.94) !important;
  border-bottom-color: rgba(255,255,255,.25) !important;
  text-shadow: 0 1px 12px rgba(0,0,0,.3);
}
.sunxi-unified-header.sunxi-scroll-header.sunxi-on-dark .sunxi-unified-header__nav > a,
.sunxi-unified-header.sunxi-scroll-header.sunxi-on-dark .sunxi-unified-header__drop > a,
.sunxi-unified-header.sunxi-scroll-header.sunxi-on-dark .sunxi-unified-header__drop > button,
.sunxi-unified-header.sunxi-scroll-header.sunxi-on-dark .sunxi-unified-header__bag,
.sunxi-unified-header.sunxi-scroll-header.sunxi-on-dark .sunxi-unified-header__menu-button,
header.wp-block-template-part.sunxi-scroll-header.sunxi-on-dark .wp-block-navigation,
header.wp-block-template-part.sunxi-scroll-header.sunxi-on-dark .wp-block-navigation > a,
header.wp-block-template-part.sunxi-scroll-header.sunxi-on-dark .wp-block-navigation-item__content,
header.wp-block-template-part.sunxi-scroll-header.sunxi-on-dark .wp-block-woocommerce-customer-account,
header.wp-block-template-part.sunxi-scroll-header.sunxi-on-dark .wp-block-woocommerce-cart-link {
  color: rgba(255,255,255,.94) !important;
}
.sunxi-unified-header.sunxi-scroll-header.sunxi-on-dark .sunxi-unified-header__brand img,
header.wp-block-template-part.sunxi-scroll-header.sunxi-on-dark .sunxicraft-shop__brand img {
  filter: brightness(0) invert(1);
}
.sunxi-unified-header.sunxi-scroll-header .sunxi-unified-header__panel,
.sunxi-unified-header.sunxi-scroll-header .sunxi-unified-header__mobile,
header.wp-block-template-part.sunxi-scroll-header .nav-panel-shop-review,
header.wp-block-template-part.sunxi-scroll-header .wp-block-navigation__responsive-container.is-menu-open {
  color: #1d1c19 !important;
  text-shadow: none;
}
/* Place the narrow Collections menu beneath its own trigger on shared pages. */
.sunxi-unified-header__drop--collections { position: relative; }
.sunxi-unified-header__drop--collections .sunxi-unified-header__panel {
  left: 50%;
  right: auto;
  transform: translate(-50%, -8px);
}
.sunxi-unified-header__drop--collections:hover .sunxi-unified-header__panel,
.sunxi-unified-header__drop--collections:focus-within .sunxi-unified-header__panel,
.sunxi-unified-header__drop--collections.is-open .sunxi-unified-header__panel {
  transform: translate(-50%, 0);
}
/* A quiet underline replaces the WordPress focus rectangle on clickable controls. */
body:not(.wp-admin) :is(a, button, summary, input[type="submit"], input[type="button"], input[type="reset"]):focus {
  outline: none !important;
}
body:not(.wp-admin) :is(a, button, summary, input[type="submit"], input[type="button"], input[type="reset"]):focus-visible {
  outline: none !important;
  text-decoration: underline !important;
  text-underline-offset: 4px;
  box-shadow: 0 2px 0 currentColor !important;
}
body.admin-bar .sunxi-unified-header.sunxi-scroll-header.is-pinned,
body.admin-bar header.wp-block-template-part.sunxi-scroll-header.is-pinned {
  top: var(--wp-admin--admin-bar--height, 32px);
}

/* Collection names share the Shop's quieter type scale. Product imagery stays still. */
body.tax-product_cat main .wp-block-query-title,
body.woocommerce-shop .wp-site-blocks main h1 {
  margin-bottom: 28px;
  font: 400 clamp(25px, 2.25vw, 31px)/1.16 Georgia, "Times New Roman", serif !important;
  letter-spacing: -.03em;
}
body.tax-product_cat .wp-block-woocommerce-product-collection .wc-block-product,
body.tax-product_cat .wp-block-woocommerce-product-collection .wc-block-product:hover,
body.tax-product_cat .wc-block-product .wp-block-woocommerce-product-image,
body.tax-product_cat .wc-block-product .wp-block-woocommerce-product-image:hover,
body.tax-product_cat .wc-block-product .wp-block-woocommerce-product-image img,
body.tax-product_cat .wc-block-product .wp-block-woocommerce-product-image:hover img {
  background: #fff !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  transition: none !important;
}

/* Match the existing monochrome chat control on the homepage too. */
body .joinchat .joinchat__button {
  width: 50px !important;
  height: 50px !important;
  background: #1d1c19 !important;
  color: #fff !important;
  box-shadow: 0 2px 12px rgb(0 0 0 / 15%) !important;
}
body .joinchat .joinchat__button__ico,
body .joinchat .joinchat__button__ico svg { width: 50px !important; height: 50px !important; }
@media (max-width: 650px) {
  body.tax-product_cat main .wp-block-query-title,
  body.woocommerce-shop .wp-site-blocks main h1 { font-size: 25px !important; }
}
@media (prefers-reduced-motion: reduce) {
  .sunxi-unified-header.sunxi-scroll-header.is-pinned,
  header.wp-block-template-part.sunxi-scroll-header.is-pinned { animation: none; }
}