/* ═══ CUSTOM LOGO STYLES ═══
   The Chocolatier logo is gold on white.
   CSS filter: invert(1) hue-rotate(180deg) makes
   white → dark (invisible on dark bg) and
   gold → approximately gold (hue complement round-trip).
   brightness(1.15) + saturate(1.2) boost vibrancy.
═══════════════════════════════════════════════════ */

/* Nav logo */
.custom-logo-link {
  display: inline-flex;
  align-items: center;
  line-height: 1;
}
.choc-nav .custom-logo-link .custom-logo,
.choc-nav .custom-logo {
  height: 48px;
  width: auto;
  max-width: 180px;
  display: block;
  filter: invert(1) hue-rotate(180deg) brightness(1.15) saturate(1.3);
  transition: opacity .25s;
}
.choc-nav .custom-logo-link:hover .custom-logo { opacity: .75; }

/* Loading screen logo */
.choc-loader-brand .custom-logo-link .custom-logo,
.choc-loader-brand .custom-logo {
  height: 56px;
  width: auto;
  max-width: 200px;
  display: block;
  margin: 0 auto 20px;
  filter: invert(1) hue-rotate(180deg) brightness(1.2) saturate(1.3);
}

/* Footer logo */
.choc-footer-logo-img .custom-logo-link .custom-logo,
.choc-footer-logo-img .custom-logo {
  height: 40px;
  width: auto;
  max-width: 160px;
  display: block;
  margin-bottom: 8px;
  filter: invert(1) hue-rotate(180deg) brightness(1.15) saturate(1.3);
}

/* WordPress Customizer — hide default custom-logo link border */
.custom-logo-link,
.custom-logo-link:focus { outline: none; box-shadow: none; }