/* Style: Invert */
.wp-block-site-logo.is-style-nmcc-invert img {
  filter: invert(1) hue-rotate(180deg);
}

/* Style: Sand (overlay mask — keeps <img> so Site Editor controls sizing) */
.wp-block-site-logo.is-style-nmcc-sand,
.wp-block-site-logo.is-style-nmcc-sand a {
  position: relative;
}

/* Keep layout sizing, but hide the pixels */
.wp-block-site-logo.is-style-nmcc-sand img {
  opacity: 0;
}

/* Overlay tinted mask that matches the img's box */
.wp-block-site-logo.is-style-nmcc-sand .nmcc-logo-mask-layer {
  position: absolute;
  inset: 0;
  background-color: var(--nmcc-logo-tint, #F4EFE6);
  pointer-events: none;
  border-radius: inherit;

  -webkit-mask-image: var(--nmcc-logo-url);
  mask-image: var(--nmcc-logo-url);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
}