/* HCH logo on dark transparent header — option A (white / reversed mark).
   Recolored logo-hch-white.svg is the same artwork as logo-hch-strong-blue.svg
   (paths and proportions unchanged; fills #283b62 / #3f3f3f / #383838 -> #FFFFFF).

   Applies ONLY while the theme's transparent header is active (homepage hero,
   before the sticky state). WP Rentals removes .transparent_header and adds
   .customnav when the bar becomes the white sticky header, so the navy logo
   returns automatically. Does not target .mobile-logo (white bar), the footer,
   schema images, or solid-header pages. */
#all_wrapper .header_wrapper.transparent_header .logo img{
  /* Instant, position-perfect: paint the existing SVG white. */
  filter:brightness(0) invert(1) drop-shadow(0 1px 10px rgba(0,0,0,.30));
}
/* Prefer the actual recolored SVG file where `content` on replaced elements works
   (Chromium, Safari, current Firefox). Same box and object-fit as the navy img. */
@supports (content:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'/>")){
  #all_wrapper .header_wrapper.transparent_header .logo img{
    content:url(logo-hch-white.svg);
    filter:drop-shadow(0 1px 10px rgba(0,0,0,.30));
  }
}