/* ==========================================================================
   Mobile logo fix
   Keeps a single logo in the mobile header (the top one: .logo-sticky).
   template.css has an unguarded rule:
     #sp-header.header-sticky .logo-sticky { display: block !important; }
   With no breakpoint, it forced the desktop logo to show on mobile alongside
   .logo-image-phone, producing two stacked logos.
   ========================================================================== */
@media (max-width: 991.98px) {

  /* Remove the phone-only logo lockup */
  #sp-header .logo .logo-image-phone { display: none !important; }

  /* Never show the default logo on mobile (either header state) */
  #sp-header .logo .logo-default,
  #sp-header.header-sticky .logo .logo-default { display: none !important; }

  /* Always show the standard logo on mobile (either header state) */
  #sp-header .logo .logo-sticky,
  #sp-header.header-sticky .logo .logo-sticky { display: block !important; }
}