/* ======================================================================
   WWCFAM UNIVERSAL MOBILE LAYOUT — V14
   Mobile is a normal document flow. No floating top utility buttons,
   no fixed Experience launcher, no floating AI/support launchers.
   ====================================================================== */
html,body{width:100%;max-width:100%;overflow-x:hidden;overflow-x:clip}
img,video,canvas,svg,iframe{max-width:100%;height:auto}
input,textarea,select,button{max-width:100%}

@media(max-width:800px){
  :root{--wwcfam-global-header-height:62px!important}
  #wwcfam-global-header{
    position:relative!important;top:auto!important;left:auto!important;right:auto!important;
    height:auto!important;min-height:var(--wwcfam-global-header-height)!important;
    width:100%!important;max-width:100%!important;margin:0!important;
    backdrop-filter:none!important;
  }
  #wwcfam-global-header .wwcfam-global-inner{
    width:100%!important;max-width:100%!important;min-height:62px!important;height:auto!important;
    padding:6px 7px!important;margin:0!important;
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;
    gap:7px!important;align-items:center!important;
  }
  #wwcfam-global-header .wwcfam-global-brand{
    min-width:0!important;max-width:100%!important;width:100%!important;
    padding:5px 7px!important;border-radius:13px!important;overflow:hidden!important;
  }
  #wwcfam-global-header .wwcfam-global-logo{width:39px!important;height:39px!important;min-width:39px!important}
  #wwcfam-global-header .wwcfam-global-brand-copy{min-width:0!important;overflow:hidden!important}
  #wwcfam-global-header .wwcfam-global-brand-copy b{font-size:7px!important;letter-spacing:.16em!important}
  #wwcfam-global-header .wwcfam-global-brand-copy strong{
    display:block!important;font-size:9px!important;max-width:100%!important;
    overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  }
  #wwcfam-global-header .wwcfam-global-brand-copy small{display:none!important}

  /* Mobile top bar stays intentionally simple: brand + menu. Mail, account,
     Guide and Experience remain available inside normal navigation/pages. */
  #wwcfam-global-header>.wwcfam-global-inner>#wwcfamGlobalMailQuick,
  #wwcfam-global-header>.wwcfam-global-inner>#wwcfamGlobalAccount,
  #wwcfam-global-header>.wwcfam-global-inner>#wwcfamSmartGuideWrap{display:none!important}
  #wwcfam-global-header .wwcfam-global-menu-btn{
    display:grid!important;width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important;
    border-radius:13px!important;position:static!important;inset:auto!important;transform:none!important;
  }

  #wwcfam-global-header .wwcfam-global-panel{
    position:absolute!important;top:calc(100% + 4px)!important;left:6px!important;right:6px!important;
    width:auto!important;max-width:none!important;max-height:min(78dvh,680px)!important;
    grid-template-columns:1fr!important;gap:7px!important;padding:9px!important;border-radius:16px!important;
    overflow:auto!important;overscroll-behavior:contain!important;z-index:2147483001!important;
  }
  #wwcfam-global-header .wwcfam-global-link{
    min-height:48px!important;padding:10px 12px!important;border-radius:12px!important;
    font-size:10px!important;white-space:normal!important;overflow-wrap:anywhere!important;
  }
  #wwcfam-global-header .wwcfam-global-account-panel{
    position:absolute!important;left:6px!important;right:6px!important;top:calc(100% + 4px)!important;
    width:auto!important;max-width:none!important;max-height:72dvh!important;overflow:auto!important;border-radius:16px!important;
  }
  #wwcfam-global-header .wwcfam-global-backdrop{inset:0!important;top:100%!important}

  /* The persistent Experience rail is useful on desktop but becomes an
     overlapping floating control on a phone. Mobile reaches My Experience
     from Start / the menu instead. */
  #wwcfamExperienceSidebar{display:none!important}
  html[data-wwcfam-experience-sidebar="on"] body{padding-left:0!important;padding-bottom:0!important}

  /* No floating assistant/support buttons on phones. The full AI Center and
     Help/Guide remain available through normal navigation. */
  #wwcfamAiLauncher,#wwcfamSupportDock{display:none!important}

  /* Prevent generic fixed utility chips from covering the top of phone pages. */
  [data-wwcfam-mobile-hide-floating="1"]{display:none!important}

  /* Common containment rules for member-facing cards, dialogs and controls. */
  main,section,article,aside,nav,form,fieldset,details,dialog{min-width:0;max-width:100%}
  button,a,input,textarea,select,label,summary{overflow-wrap:anywhere;word-break:normal}
  input,textarea,select{font-size:16px}
  table{max-width:100%}
  pre,code{max-width:100%;overflow-wrap:anywhere;word-break:break-word}
}

@media(max-width:480px){
  :root{--wwcfam-global-header-height:58px!important}
  #wwcfam-global-header .wwcfam-global-inner{min-height:58px!important;grid-template-columns:minmax(0,1fr)!important;padding:5px!important}
  #wwcfam-global-header .wwcfam-global-logo{width:36px!important;height:36px!important;min-width:36px!important}
  #wwcfam-global-header .wwcfam-global-brand-copy strong{font-size:8.5px!important}
  #wwcfam-global-header .wwcfam-global-menu-btn{width:46px!important;height:46px!important;min-width:46px!important;max-width:46px!important}
  #wwcfam-global-header .wwcfam-global-panel{left:4px!important;right:4px!important;border-radius:14px!important}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
}

/* V14.1 — retire the old floating/top-left menu and personal-sidebar launchers.
   The user requested zero overlapping utility buttons. */
.wwcfam-global-menu-btn,
#wwcfamGlobalMenuBtn,
#wwcfamExperienceSidebar,
.wwcfam-xp-side-toggle{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
html[data-wwcfam-experience-sidebar="on"] body{padding-left:0!important;padding-bottom:0!important}