/* PANORAMA | Mobile navigation icon polish | 2026-10-13
   iOS was rendering Unicode "↗" as a blue emoji. Hide the glyph and use
   vector icons instead. Scope: navigation links and WhatsApp CTA only. */
.mobile-nav-portal nav a > i {
  display: inline-block;
  width: 20px;
  height: 20px;
  min-width: 20px;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  background: center / 19px 19px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238ecae6' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14m-7-7 7 7-7 7'/%3E%3C/svg%3E");
  opacity: .76;
  transition: transform .2s ease, opacity .2s ease;
}
.mobile-nav-portal nav a:hover > i,
.mobile-nav-portal nav a:focus-visible > i {
  transform: translateX(3px);
  opacity: 1;
}
.mobile-nav-portal .mobile-nav-cta > span {
  display: inline-block;
  width: 20px;
  height: 20px;
  min-width: 20px;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  background: center / 19px 19px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23061319' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 19 19 5M8 5h11v11'/%3E%3C/svg%3E");
  transition: transform .2s ease;
}
.mobile-nav-portal .mobile-nav-cta:hover > span,
.mobile-nav-portal .mobile-nav-cta:focus-visible > span {
  transform: translate(2px,-2px);
}
@media (prefers-reduced-motion: reduce) {
  .mobile-nav-portal nav a > i,
  .mobile-nav-portal .mobile-nav-cta > span { transition: none; }
}