/* DOLOSGO phone headers (FINAL418) — app + phone website.
   Back arrow on the left, the page name in the centre, no light/dark button
   (theme: the Home header button + Account → Settings → Appearance). FINAL420: NAFS reads just "NAFS"; Home has its light/dark button on the right, next to the bell. */
@media (max-width:768px){
  /* standalone platform pages: Marketplace, Demeter, Forward Board, Buy Requests, Arbitrage, Market Brief, Price Intelligence, Product, WARES, NAFS */
  #mpxTop .nb[aria-label="Light or dark"],#wmxTop .nb[aria-label="Light or dark"],#nafsTop .nb[aria-label="Light or dark"]{display:none!important}
  #mpxTop .lg,#wmxTop .lg,#nafsTop .lg{position:absolute;left:64px;right:64px;top:env(safe-area-inset-top);bottom:0;flex:none;display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;pointer-events:none}
  #mpxTop .lg b,#wmxTop .lg b{display:none}
  #mpxTop .lg i,#wmxTop .lg i,#nafsTop .lg i{font:800 22px/1 'Barlow Condensed','DM Sans',sans-serif!important;letter-spacing:.04em!important;text-transform:uppercase;color:#EEF2F8!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #nafsTop .lg b{display:none}
  #mpxSignIn,#wmxSignIn,#nafsSignIn{margin-inline-start:auto;position:relative;z-index:1}
  body.light-mode #mpxTop .lg i,body.light-mode #wmxTop .lg i,body.light-mode #nafsTop .lg i{color:#0A1220!important}

  /* app-style pages: Finance, Hauler, Workspace */
  .top #modeBtn{display:none!important}
  .top>.brand{display:none!important}
  .top>.tag{display:block!important;position:absolute;left:64px;right:64px;top:env(safe-area-inset-top);bottom:0;margin:0;padding:0;border:0!important;background:none!important;display:flex!important;align-items:center;justify-content:center;font:800 22px/1 'Barlow Condensed','DM Sans',sans-serif!important;letter-spacing:.04em!important;text-transform:uppercase;color:var(--tx,#EEF2F8)!important;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .top>.tsp{flex:1}
  .top>.sw{position:relative;z-index:1;max-width:38vw}

  /* FINAL420: Home keeps its light/dark button (the only header with one), on the right next to the bell */
  /* FINAL439: logical sides — Arabic, Urdu, Farsi, Hebrew mirror the header instead of pushing icons under the logo */
  #dgNavRight #dgLang{margin-right:0!important;margin-left:0!important;margin-inline-end:auto!important}
  #dgNavRight #modeToggle{order:3!important;margin-right:0!important;margin-left:0!important;margin-inline-start:auto!important}
  #dgNavRight #dgBell{order:4!important}
  #dgNavRight #dgNotifPanel{order:5!important}
}
