/* Mobile icon color fix — restores white icon color that the global
   `.mobile-cart-icon i, .mobile-menu-icon i { color: #333; }` rule
   (see resources/views/layouts/app.blade.php) overrides, since it
   directly targets the <i> element and beats an inherited color.
   Scoped to each header's own unique class prefix only. */
.hbl-mob-btn i { color: #fff; }
.hsp-mob-btn i { color: #fff; }
.hmg-mob-btn i { color: #fff; }
.htb-mob-btn i { color: rgba(255,255,255,.9); }
.hc-mob-btn i { color: #fff; }
.hsb-mob-btn i { color: #fff; }
.htr-mob-btn i { color: rgba(255,255,255,.9); }
.htr-wrap.frosted .htr-mob-btn i,
.htr-wrap.solid .htr-mob-btn i { color: var(--text-color); }