/* Use the original PNG alpha channel; never redraw, crop, or distort the logo.
   Only the theme's old generated mark is targeted. Uploaded custom logos and
   Elementor image widgets are deliberately untouched. Its existing box size stays. */
@supports ((mask-image: url("logo-original.png")) or (-webkit-mask-image: url("logo-original.png"))) {
  .site-header .brand > .brand-mark,
  .site-footer .footer-brand > .brand-mark {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: var(--blue, #087fbd) !important;
    -webkit-mask: url("logo-original.png") center / contain no-repeat;
    mask: url("logo-original.png") center / contain no-repeat;
    mask-mode: alpha;
  }

  .site-footer .footer-brand > .brand-mark {
    background: var(--cyan, #20b7d8) !important;
  }

  .site-header .brand > .brand-mark::before,
  .site-header .brand > .brand-mark::after,
  .site-header .brand > .brand-mark > i,
  .site-footer .footer-brand > .brand-mark::before,
  .site-footer .footer-brand > .brand-mark::after,
  .site-footer .footer-brand > .brand-mark > i {
    display: none !important;
  }
}