/* SecretToys v12 — WhatsApp/Support icon color normalization.
   Keeps the Support item visually identical to the other mobile navigation items
   and overrides the old V8 WhatsApp-specific green/dark icon rules. */
@media (max-width:991px){
  .vp-mobile-bottom-nav > a[href*="wa.me"]{
    color:var(--vp-mobile-nav-text,#fff)!important;
  }

  .vp-mobile-bottom-nav > a[href*="wa.me"] small{
    color:var(--vp-mobile-nav-text,#fff)!important;
    opacity:1!important;
  }

  .vp-mobile-bottom-nav > a[href*="wa.me"] .vp-mobile-nav-icon{
    color:var(--vp-mobile-nav-icon,#fff)!important;
    opacity:1!important;
    background:transparent!important;
  }

  .vp-mobile-bottom-nav > a[href*="wa.me"] .vp-mobile-nav-icon svg,
  .vp-mobile-bottom-nav > a[href*="wa.me"] svg.vp-mobile-nav-icon{
    color:var(--vp-mobile-nav-icon,#fff)!important;
    stroke:currentColor!important;
    fill:none!important;
    opacity:1!important;
  }

  /* Custom uploaded icon images cannot inherit currentColor. The current mobile
     navigation uses light icons on a dark bar, so normalize a dark custom
     WhatsApp image to the same light treatment. */
  .vp-mobile-bottom-nav > a[href*="wa.me"] .vp-mobile-nav-icon img,
  .vp-mobile-bottom-nav > a[href*="wa.me"] img.vp-mobile-nav-icon{
    filter:brightness(0) invert(1)!important;
    opacity:1!important;
  }

  .vp-mobile-bottom-nav > a[href*="wa.me"]:hover,
  .vp-mobile-bottom-nav > a[href*="wa.me"].is-active{
    color:var(--vp-mobile-nav-active-text,var(--vp-mobile-nav-text,#fff))!important;
  }
}