/* Wire · h9311f · Mobile Bottom Home Icon Flow Alignment
 *
 * Final cosmetic correction for the persistent Home icon.
 * Keep the canonical ::before active-state owner untouched.
 * Use ::after as a NORMAL flex child and order it before the Home label so
 * the icon reserves its own row instead of overlapping the label.
 */

@media(max-width:820px){
  nav.wire-mobile-nav-v230j
  > a.wire-mobile-nav-item[href="/home"]{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
  }

  nav.wire-mobile-nav-v230j
  > a.wire-mobile-nav-item[href="/home"]
  > svg{
    display:none!important;
  }

  nav.wire-mobile-nav-v230j
  > a.wire-mobile-nav-item[href="/home"]::after{
    content:""!important;
    position:static!important;
    order:-1!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    flex:0 0 23px!important;
    width:23px!important;
    min-width:23px!important;
    max-width:23px!important;
    height:23px!important;
    min-height:23px!important;
    max-height:23px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    background-color:currentColor!important;
    -webkit-mask:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='m3 11 9-8 9 8M5 10v10h14V10M9 20v-6h6v6'/%3E%3C/svg%3E")
      center/contain no-repeat!important;
    mask:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='m3 11 9-8 9 8M5 10v10h14V10M9 20v-6h6v6'/%3E%3C/svg%3E")
      center/contain no-repeat!important;
    pointer-events:none!important;
  }

  nav.wire-mobile-nav-v230j
  > a.wire-mobile-nav-item[href="/home"].active::after{
    background-color:#fff!important;
  }

  nav.wire-mobile-nav-v230j
  > a.wire-mobile-nav-item[href="/home"]
  > span:last-child{
    position:static!important;
    display:block!important;
    margin:0!important;
    transform:none!important;
  }
}

@media(display-mode:standalone) and (max-width:820px){
  nav.wire-mobile-nav-v230j
  > a.wire-mobile-nav-item[href="/home"]::after{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
  }
}