/* TAWHOO_CUSTOMER_NAV_PINK_FINAL_V1
   Scoped to navigation surfaces only. Never restyle order/payment/status badges.
   Loaded after legacy inline styles; !important ensures premium rose nav overrides.
*/
@media (max-width: 900px) {
  html body :is(.tma-nav,.trb-nav,.tsm-nav,.hp-home-bottom) {
    background: #fffafb !important;
    border-top-color: #f2d5e1 !important;
    box-shadow: 0 -5px 20px rgba(179,40,105,.06) !important;
  }
  html body :is(.tma-nav .tma-tab,.trb-nav .trb-tab,.tsm-nav .tsm-tab,
                .hp-home-bottom .tma-tab,.hp-home-bottom .trb-tab,.hp-home-bottom .tsm-tab) {
    color: #92677a !important;
    background: transparent !important;
    border-color: transparent !important;
  }
  html body :is(.tma-nav .tma-tab,.trb-nav .trb-tab,.tsm-nav .tsm-tab,
                .hp-home-bottom .tma-tab,.hp-home-bottom .trb-tab,.hp-home-bottom .tsm-tab):is(.is-active,.active,[aria-current="page"],[aria-current="true"]) {
    color: #b32869 !important;
    background: #fce7ef !important;
    border-color: #f3c9da !important;
    box-shadow: none !important;
  }
  html body :is(.tma-nav .tma-tab,.trb-nav .trb-tab,.tsm-nav .tsm-tab,
                .hp-home-bottom .tma-tab,.hp-home-bottom .trb-tab,.hp-home-bottom .tsm-tab) :is(span,svg,i) {
    color: inherit !important;
  }
  html body :is(.tma-nav,.trb-nav,.tsm-nav,.hp-home-bottom) svg[stroke],
  html body :is(.tma-nav,.trb-nav,.tsm-nav,.hp-home-bottom) svg [stroke] {
    stroke: currentColor !important;
  }
  html body :is(.tma-nav,.trb-nav,.tsm-nav,.hp-home-bottom) :is(a,button):focus-visible {
    outline: 2px solid #b32869 !important;
    outline-offset: -2px;
  }
  /* The homepage already has a pink dock; this is deliberately not a layout reset. */
}
/* The public hamburger panel is customer navigation, not a payment/status surface. */
@media (max-width: 820px) {
  html body :is(#mk-mobile-nav,#tw-mobile-nav).thm-menu {
    background: #fffafb !important;
    border-color: #f2d5e1 !important;
    color: #744358 !important;
  }
  html body :is(#mk-mobile-nav,#tw-mobile-nav).thm-menu .thm-account {
    background: #a92762 !important;
    color: #fff !important;
  }
  html body :is(#mk-mobile-nav,#tw-mobile-nav).thm-menu .thm-account :is(strong,small,svg) {color:#fff !important;}
  html body :is(#mk-mobile-nav,#tw-mobile-nav).thm-menu .thm-tile {
    border-color: #f1d7e3 !important;
    background: #fff7fa !important;
  }
  html body :is(#mk-mobile-nav,#tw-mobile-nav).thm-menu .thm-icon {
    color: #b32869 !important;
  }
  html body :is(#mk-mobile-nav,#tw-mobile-nav).thm-menu .thm-mini {
    background: #fff1f7 !important;
    color: #79475f !important;
  }
  html body :is(#mk-mobile-nav,#tw-mobile-nav).thm-menu .thm-heading button {
    background: #fce7ef !important;
    color: #a92762 !important;
  }
  html body :is(#mk-mobile-nav,#tw-mobile-nav).thm-menu :is(a,button):focus-visible {
    outline: 2px solid #b32869 !important;
    outline-offset: 2px;
  }
}