/* V4.6.8.36.48.1.55.41 — Public Shell & Mobile Detail Stability Repair
 * Scope: public shell duplicate-navigation integrity + Public Position Detail mobile stability.
 * Desktop visual composition remains frozen.
 */

/* The mobile drawer is part of the shared HTML shell but must never render as a
 * second desktop navigation row. It is exposed only by the mobile open state. */
body.emwh-public-standalone .emwh-public-mobile-app-menu{
  display:none!important;
}

@media (max-width:760px){
  body.emwh-public-standalone .emwh-public-mobile-app-menu.is-open{
    display:grid!important;
    grid-template-columns:1fr!important;
  }

  /* Keep the public app header anchored above the document and third-party UI. */
  body.emwh-public-position-detail-page .emwh-public-appbar{
    position:sticky!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:100%!important;
    z-index:110!important;
    transform:none!important;
  }
  body.admin-bar.emwh-public-position-detail-page .emwh-public-appbar{
    top:46px!important;
  }
  body.emwh-public-position-detail-page .emwh-public-mobile-app-menu{
    top:58px!important;
  }
  body.admin-bar.emwh-public-position-detail-page .emwh-public-mobile-app-menu{
    top:104px!important;
  }
  body.emwh-public-position-detail-page .emwh-public-appbar-inner{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  /* Public Position Detail must stay inside a single mobile content column. */
  body.emwh-public-position-detail-page .emwh-public-detail-page,
  body.emwh-public-position-detail-page .emwh-public-product-position,
  body.emwh-public-position-detail-page .emwh-public-product-identity,
  body.emwh-public-position-detail-page .emwh-public-product-summary,
  body.emwh-public-position-detail-page .emwh-public-product-core,
  body.emwh-public-position-detail-page .emwh-public-position-context,
  body.emwh-public-position-detail-page .emwh-public-position-facts,
  body.emwh-public-position-detail-page .emwh-public-position-note,
  body.emwh-public-position-detail-page .emwh-public-position-actions{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  body.emwh-public-position-detail-page .emwh-public-product-summary,
  body.emwh-public-position-detail-page .emwh-projection-detail,
  body.emwh-public-position-detail-page .emwh-public-position-note p{
    min-width:0!important;
    max-width:100%!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }

  /* Market / Warehouse / Lead Time remain aligned and cannot escape their grid. */
  body.emwh-public-position-detail-page .emwh-public-position-facts{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    align-items:stretch!important;
    gap:6px!important;
    overflow:visible!important;
  }
  body.emwh-public-position-detail-page .emwh-public-position-facts .emwh-projection-detail{
    width:auto!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
  }
  body.emwh-public-position-detail-page .emwh-public-position-facts .emwh-projection-detail strong{
    display:block!important;
    max-width:100%!important;
    overflow-wrap:anywhere!important;
  }

  /* Controlled visibility stays in normal flow and cannot overlap actions. */
  body.emwh-public-position-detail-page .emwh-public-position-note{
    position:relative!important;
    inset:auto!important;
    display:flex!important;
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:3px!important;
    overflow:hidden!important;
  }
  body.emwh-public-position-detail-page .emwh-public-position-note strong,
  body.emwh-public-position-detail-page .emwh-public-position-note p{
    width:100%!important;
    max-width:100%!important;
    flex:0 1 auto!important;
  }

  /* Reserve real space for the app tab bar instead of letting it cover content. */
  body.emwh-public-position-detail-page .emwh-public-detail-page{
    padding-bottom:calc(96px + env(safe-area-inset-bottom))!important;
  }
  body.emwh-public-position-detail-page .emwh-public-service-footer{
    margin-bottom:calc(10px + env(safe-area-inset-bottom))!important;
  }
  body.emwh-public-position-detail-page .emwh-public-mobile-bottom-nav{
    position:fixed!important;
    z-index:100!important;
  }

  /* Keep translation/accessibility controls clear of fixed navigation and CTAs. */
  body.emwh-public-position-detail-page .gt_float_switcher,
  body.emwh-public-position-detail-page .gtranslate_wrapper{
    bottom:calc(84px + env(safe-area-inset-bottom))!important;
    right:6px!important;
    z-index:78!important;
  }
  body.emwh-public-position-detail-page #userwayAccessibilityIcon,
  body.emwh-public-position-detail-page .uwy,
  body.emwh-public-position-detail-page .acsb-trigger,
  body.emwh-public-position-detail-page .pojo-a11y-toolbar-toggle{
    bottom:calc(84px + env(safe-area-inset-bottom))!important;
    left:6px!important;
    right:auto!important;
    z-index:78!important;
  }
}

@media (max-width:520px){
  /* On narrow phones vertical facts are more robust and easier to scan. */
  body.emwh-public-position-detail-page .emwh-public-position-facts{
    grid-template-columns:1fr!important;
  }
  body.emwh-public-position-detail-page .emwh-public-position-facts .emwh-projection-detail{
    min-height:0!important;
  }
}