/* SG-GLOVES brand palette: navy body copy, original logo yellow accents.
 * Text-link hover uses logo yellow by explicit brand choice. Filled controls
 * retain contrasting text. Artwork and semantic status colors stay untouched. */
@layer sg-button-utilities, sg-button-palette, sg-link-hover, sg-brand-palette;
:root {
  --sg-brand-ink: #071b36;
  --sg-brand-soft: #fff9e5;
}
@layer sg-brand-palette {
  /* These existing settings were historically copper even in saved shops. */
  :root, body {
    --SGGLOVES-primary: var(--sg-brand-ink) !important;
    --SGGLOVES-primary-dark: var(--sg-brand-ink) !important;
    --SGGLOVES-footer-link-hover: var(--sg-brand-yellow, #f4d36a) !important;
    --SGGLOVES-product-card-action-color: var(--sg-brand-ink) !important;
    --SGGLOVES-home-blocks-accent: var(--sg-brand-ink) !important;
    --sg-home-orange: var(--sg-brand-ink) !important;
    --sg-home-orange-dark: var(--sg-brand-ink) !important;
    --sg-contact-orange: var(--sg-brand-ink) !important;
    --sg-link-hover-color: var(--sg-brand-yellow, #f4d36a) !important;
  }

  :is(.SGGLOVES-home-eyebrow, .SGGLOVES-home-kicker, .SGGLOVES-contact-eyebrow,
      .sgglovesblog-eyebrow, .ntmpg-eyebrow, .sg-category-hero__eyebrow) {
    color: var(--sg-brand-ink) !important;
    border-inline-start: 3px solid var(--sg-brand-yellow, #f4d36a) !important;
    padding-inline-start: 10px !important;
  }

  .SGGLOVES-home-blog__head a,
  .SGGLOVES-home-post em,
  .SGGLOVES-home-link,
  .sg-studio-action {
    color: var(--sg-brand-ink) !important;
    text-decoration-line: underline !important;
    text-decoration-color: var(--sg-brand-yellow, #f4d36a) !important;
    text-decoration-thickness: 2px !important;
    text-underline-offset: 5px !important;
  }
  /* Small dates and secondary labels must remain readable on white cards. */
  .SGGLOVES-home-post__body > small,
  .sgglovesblog-sg-meta, .sgglovesblog-meta {
    color: #526277 !important;
  }
  :is(.SGGLOVES-home-post, .subcategory__link, .sg-category-miniature-link):is(:hover, :focus-visible) {
    border-color: var(--sg-brand-yellow, #f4d36a) !important;
  }
  /* A visible hover cue even when the resting link is already navy. */
  :is(.ps-categorytree a, .ps-mainmenu__tree-link, .ps-mainmenu--mobile .menu__link,
      .breadcrumb a, a.product-miniature__title):is(:hover, :focus-visible) {
    text-decoration: underline var(--sg-brand-yellow, #f4d36a) 2px !important;
    text-underline-offset: 5px !important;
  }

  /* Promo bubble is an accent surface, with dark readable text and icon.
   * This deliberately follows the one store-wide brand accent. */
  html body .ntm-bubble {
    --ntm-bubble-bg: var(--sg-brand-yellow, #f4d36a) !important;
    --ntm-bubble-color: var(--sg-brand-yellow-ink, #071b36) !important;
  }
  html body .ntm-bubble .ntm-bubble__inner {
    background: var(--sg-brand-yellow, #f4d36a) !important;
    background-image: none !important;
    color: var(--sg-brand-yellow-ink, #071b36) !important;
    border-color: var(--sg-brand-yellow, #f4d36a) !important;
  }
  html body .ntm-bubble :is(.ntm-bubble__text, .ntm-bubble__icon, svg, svg *) {
    color: inherit !important;
    stroke: currentColor;
  }
  html body .ntm-bubble .ntm-bubble__pulse {
    background: var(--sg-brand-yellow, #f4d36a) !important;
  }

  /* Product discussion overrides must not bring back a copper local CTA. */
  .ntchat-page, .ntchat-discussions, .ntchat-empty, .ntc-root,
  .ntchat-account-page .ntchat-btn-delete {
    --sg-button-palette-bg: #071b36 !important;
    --sg-button-palette-gradient-end: #0b2a52 !important;
    --sg-button-palette-text: #fff !important;
    --sg-button-palette-border: #071b36 !important;
    --sg-button-palette-hover-text: #071b36 !important;
  }

  @media (forced-colors: active) {
    :is(.SGGLOVES-home-eyebrow, .SGGLOVES-home-kicker, .SGGLOVES-contact-eyebrow,
        .sgglovesblog-eyebrow, .ntmpg-eyebrow, .sg-category-hero__eyebrow) {
      color: CanvasText !important;
      border-color: CanvasText !important;
    }
    .SGGLOVES-home-blog__head a, .SGGLOVES-home-post em, .SGGLOVES-home-link, .sg-studio-action {
      color: LinkText !important;
      text-decoration-color: LinkText !important;
    }
    html body .ntm-bubble .ntm-bubble__inner {
      background: ButtonFace !important;
      color: ButtonText !important;
      border-color: ButtonText !important;
    }
  }
}