/*
 F24 R25.2
 Existing Marketplace owner/create actions only.
 Phone + tablet responsive geometry.
 No chat rules.
 No new handlers.
*/

@media (max-width:1023px){

  .f24-market-mobile-nav{
    display:grid!important;

    grid-template-columns:
      repeat(4,minmax(0,1fr))!important;

    overflow:visible!important;
    overflow-x:visible!important;

    z-index:125!important;
  }

  /*
   Existing fifth nav child ("Add listing") becomes a floating
   action, so only four normal navigation links remain in grid.
  */
  .f24-owner-launcher-mobile,
  .f24-market-mobile-nav > button[aria-label]{
    position:fixed!important;

    top:auto!important;

    bottom:
      calc(
        78px +
        env(safe-area-inset-bottom,0px) +
        10px
      )!important;

    width:
      min(
        420px,
        calc(50vw - 16px)
      )!important;

    max-width:
      calc(50vw - 16px)!important;

    min-width:0!important;
    min-height:48px!important;
    height:auto!important;

    padding:8px 10px!important;

    box-sizing:border-box!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;

    text-align:center!important;

    font-size:
      clamp(
        10.5px,
        1.8vw,
        13px
      )!important;

    line-height:1.15!important;
    font-weight:900!important;

    visibility:visible!important;
    opacity:1!important;

    z-index:135!important;
  }

  .f24-owner-launcher-mobile{
    left:8px!important;
    right:auto!important;

    border:
      1px solid #ddd6fe!important;

    border-radius:999px!important;

    background:#fff!important;
    color:#6d28d9!important;
  }

  .f24-market-mobile-nav > button[aria-label]{
    left:auto!important;
    right:8px!important;

    flex-direction:row!important;
    gap:5px!important;

    border-radius:999px!important;

    background:#6d28d9!important;
    color:#fff!important;
  }

  .f24-market-mobile-nav > button[aria-label]::after{
    content:attr(aria-label);

    display:block;

    min-width:0;
    max-width:100%;

    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  .f24-market-main{
    padding-bottom:
      calc(
        9.5rem +
        env(safe-area-inset-bottom,0px)
      )!important;
  }
}

/*
 Desktop remains on existing desktop controls.
*/
@media (min-width:1024px){

  .f24-owner-launcher-mobile{
    display:none!important;
  }
}