/* CozyKK logo fix 2026-09-28c
   Header = black KK only. Footer = gold KK only.
   Works with both storefront header families and CMS journal/article chrome. */

/* Hide legacy text logo but keep link geometry. */
.header .brand,
#cozy-shop-header .brand,
.store-header .kk-logo,
.store-header-main .kk-logo {
  position: relative !important;
  width: 76px !important;
  min-width: 76px !important;
  height: 66px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0 !important;
  line-height: 0 !important;
  letter-spacing: 0 !important;
  color: transparent !important;
  text-decoration: none !important;
  overflow: visible !important;
}
.header .brand > span,
.header .brand > b,
.header .brand > small,
#cozy-shop-header .brand > span,
#cozy-shop-header .brand > b,
#cozy-shop-header .brand > small,
.store-header .kk-logo > b,
.store-header .kk-logo > small,
.store-header-main .kk-logo > b,
.store-header-main .kk-logo > small {
  display: none !important;
}
.header .brand::before,
#cozy-shop-header .brand::before,
.store-header .kk-logo::before,
.store-header-main .kk-logo::before {
  content: "" !important;
  display: block !important;
  width: 68px !important;
  height: 62px !important;
  flex: 0 0 auto !important;
  background: url('/brand/kk-monogram-black.png?v=20260928c') center / contain no-repeat !important;
}

/* Footer deliberately stays gold. */
.footer .brand,
#cozy-shop-footer .brand,
.store-footer .kk-logo,
.footer-logo {
  position: relative !important;
  width: 92px !important;
  min-width: 92px !important;
  height: 84px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  text-decoration: none !important;
}
.footer .brand > span,
.footer .brand > b,
.footer .brand > small,
#cozy-shop-footer .brand > span,
#cozy-shop-footer .brand > b,
#cozy-shop-footer .brand > small,
.store-footer .kk-logo > b,
.store-footer .kk-logo > small,
.footer-logo > b,
.footer-logo > small {
  display: none !important;
}
.footer .brand::before,
#cozy-shop-footer .brand::before,
.store-footer .kk-logo::before,
.footer-logo::before {
  content: "" !important;
  display: block !important;
  width: 86px !important;
  height: 78px !important;
  background: url('/brand/kk-monogram-gold.png?v=20260928c') center / contain no-repeat !important;
}

@media (max-width: 900px) {
  .header .brand,
  #cozy-shop-header .brand {
    width: 62px !important;
    min-width: 62px !important;
    height: 58px !important;
  }
  .header .brand::before,
  #cozy-shop-header .brand::before {
    width: 58px !important;
    height: 54px !important;
  }
}

@media (max-width: 600px) {
  .store-header .kk-logo,
  .store-header-main .kk-logo {
    width: 58px !important;
    min-width: 58px !important;
    height: 56px !important;
  }
  .store-header .kk-logo::before,
  .store-header-main .kk-logo::before {
    width: 56px !important;
    height: 52px !important;
  }
}