/* ============================================================
   FINAL UTILITY BAR VISIBILITY FIX
   Prevents desktop + mobile versions of phone/hours/address
   from rendering at the same time.
   ============================================================ */

/* DESKTOP / TABLET DEFAULT: full information only */
html body .utility-bar .utility-inner .mobile-utility-text,
html body .hx-utility .utility-inner .mobile-utility-text{
  display:none !important;
  visibility:hidden !important;
}

html body .utility-bar .utility-inner .desktop-utility-text,
html body .hx-utility .utility-inner .desktop-utility-text{
  display:inline !important;
  visibility:visible !important;
}

/* Keep the separator bullets inline inside the full desktop hours text. */
html body .utility-bar .desktop-utility-text > span[aria-hidden="true"],
html body .hx-utility .desktop-utility-text > span[aria-hidden="true"]{
  display:inline !important;
}

/* MOBILE: compact Call / Hours / Location version only */
@media (max-width:900px){
  html body .utility-bar .utility-inner .desktop-utility-text,
  html body .hx-utility .utility-inner .desktop-utility-text{
    display:none !important;
    visibility:hidden !important;
  }

  html body .utility-bar .utility-inner .mobile-utility-text,
  html body .hx-utility .utility-inner .mobile-utility-text{
    display:flex !important;
    visibility:visible !important;
    flex-direction:column !important;
  }
}