/* Preserve original logos; selected header actions and prices use the yellow accent. */
@layer sg-button-palette {
  html body #header .header-block__badge,
  html body .SGGLOVES-headerbar .header-block__badge {
    background: var(--sg-brand-yellow, #f4d36a) !important;
    color: var(--sg-brand-yellow-ink, #071b36) !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .sg-account-benefits__trigger,
  .SGGLOVES-headerbar .SGGLOVES-customer-menu__button,
  .SGGLOVES-headerbar .SGGLOVES-account-dropdown__toggle,
  .SGGLOVES-headerbar__b2b,
  .SGGLOVES-headerbar__mobile-b2b-link:not(.SGGLOVES-headerbar__mobile-saleshub),
  .SGGLOVES-headerbar #_desktop_ps_shoppingcart .header-block__action-btn,
  .SGGLOVES-headerbar #_mobile_ps_shoppingcart .header-block__action-btn,
  .SGGLOVES-headerbar__mobile-cart {
    --sg-button-palette-bg: var(--sg-brand-yellow, #f4d36a);
    --sg-button-palette-gradient-end: var(--sg-brand-yellow, #f4d36a);
    --sg-button-palette-text: var(--sg-brand-yellow-ink, #071b36);
    --sg-button-palette-border: var(--sg-brand-yellow, #f4d36a);
    --sg-button-palette-hover-bg: #fff;
    --sg-button-palette-hover-text: #071b36;
  }

  /* Sales uses the store's configurable primary palette, not its former copper override. */
  .SGGLOVES-headerbar__saleshub,
  .SGGLOVES-headerbar__mobile-saleshub {
    --sg-button-palette-bg: inherit;
    --sg-button-palette-gradient-end: inherit;
    --sg-button-palette-text: inherit;
    --sg-button-palette-border: inherit;
    --sg-button-palette-hover-bg: inherit;
    --sg-button-palette-hover-text: inherit;
  }
}

@layer sg-brand-identity {
  html body .SGGLOVES-headerbar__logo .sg-brand-logo-desktop {
    display: block !important;
    width: min(299px, 100%) !important;
    height: auto !important;
    max-height: 97px !important;
    object-fit: contain !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    filter: none !important;
  }
  .sg-brand-logo-mobile { display: none !important; }
  html body .sg-footer-brand__mark {
    width: min(299px, 100%) !important;
    height: auto !important;
    object-fit: contain !important;
    filter: none !important;
    border: 0 !important;
    box-shadow: none !important;
    background: #fff !important;
  }
  html body :is(.sg-studio-logo, .sg-home-studio-logo, .sg-category-hero__mark img) {
    filter: none !important;
  }
  /* A narrow price accent leaves icons and purchase buttons in their own palette. */
  .product-miniature .product-miniature__prices,
  .page-product .product__prices {
    border-inline-start: 2px solid var(--sg-brand-yellow, #f4d36a) !important;
    padding-inline-start: 10px !important;
  }
  .sg-brand-popup-artwork {
    position: relative;
    width: 100%;
    flex: 0 0 100%;
  }
  .sg-popup-manager__media .sg-brand-popup-artwork > img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
  }
  .sg-brand-popup-logo {
    position: absolute;
    left: 3.4%; top: 3.8%; width: 32%; height: 8.8%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 0;
  }
  .sg-popup-manager__media .sg-brand-popup-logo img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    object-fit: contain !important;
    filter: none !important;
  }

  /* Cover only the obsolete brand panel of the four verified campaign images. */
  html body .sg-hero-refined .sg-hero-original-logo.sg-hero-brand {
    background: #fff !important;
    border: 0 !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    z-index: 2 !important;
  }
  html body .sg-hero-refined .sg-hero-original-logo.sg-hero-brand img {
    width: 100% !important;
    max-width: 299px !important;
    height: 100% !important;
    max-height: 100% !important;
    padding: 0 !important;
    object-fit: contain !important;
    filter: none !important;
  }
  html body .sg-hero-refined .sg-hero-brand--1 {
    left: 2.9% !important; top: 8.6% !important; width: 28% !important; height: 24% !important;
  }
  html body .sg-hero-refined .sg-hero-brand--2 {
    left: 3.1% !important; top: 10% !important; width: 32.8% !important; height: 24% !important;
  }
  html body .sg-hero-refined .sg-hero-brand--3 {
    left: 3.8% !important; top: 9.8% !important; width: 26.8% !important; height: 20.4% !important;
  }
  html body .sg-hero-refined .sg-hero-brand--4 {
    left: 3.4% !important; top: 3.8% !important; width: 26% !important; height: 17% !important;
  }
  @media (max-width: 991.98px) {
    html body .SGGLOVES-headerbar__logo .sg-brand-logo-desktop { display: none !important; }
    html body .SGGLOVES-headerbar__logo .sg-brand-logo-mobile {
      display: block !important;
      width: 44px !important;
      height: 44px !important;
      margin: 0 auto !important;
      background: #fff !important;
      filter: none !important;
    }
  }
}