/* Landscape (iPad held sideways, computer): the menu sits on the left, the same for Athlete and Brand.
   It is the bottom bar of portrait mode, laid out as a column: same destinations, icons and labels. */
@media (orientation:landscape) and (min-width:900px){
 html[data-theme] #app .v29-app:has(nav.en-tabbar){--form-nav-height:0px;--form-nav-rail:220px;padding-left:var(--form-nav-rail);}
 /* The header keeps the full width, above the menu. */
 html[data-theme] #app .v29-app:has(nav.en-tabbar)>.form-app-header{margin-left:calc(-1 * var(--form-nav-rail));width:calc(100% + var(--form-nav-rail));max-width:none;}
 html[data-theme] #app .v29-app nav.en-tabbar{
  top:var(--form-header-height,60px);bottom:0;left:0;right:auto!important;width:var(--form-nav-rail)!important;min-height:0!important;height:auto!important;
  grid-auto-flow:row!important;grid-auto-columns:auto!important;grid-auto-rows:min-content!important;align-content:start;gap:4px!important;
  padding:16px 12px max(16px,env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px))!important;
  border-top:0!important;border-right:1px solid var(--en-tab-line)!important;overflow-y:auto;z-index:30;
 }
 html[data-theme] #app .v29-app nav.en-tabbar>button[data-nav]{
  flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:12px!important;
  min-height:48px!important;padding:10px 14px!important;border-radius:12px!important;
 }
 html[data-theme] #app .v29-app nav.en-tabbar>button[data-nav]:is(.active,[aria-current="page"]){background:var(--es-accent-soft,#7657FF1f)!important;}
 html[lang][data-theme] #app .v29-app nav.en-tabbar .p36-nav-label{font-size:calc(.9375rem * var(--elan-ui-scale,1))!important;text-align:left!important;}
 html[data-theme] #app .v29-app nav.en-tabbar .p36-nav-dot{top:10px;left:32px;}
 /* An unread count has its own column: it never covers the label, even at larger text sizes. */
 html[data-theme] #app .v29-app nav.en-tabbar>button[data-nav="deals"]{
  display:grid!important;grid-template-columns:24px minmax(0,1fr) auto;column-gap:10px!important;padding-inline:12px!important;
  /* Cancel the portrait icon/label rows: the rail uses one row, like every other destination. */
  grid-template-rows:auto!important;grid-auto-flow:column!important;
 }
 html[data-theme] #app .v29-app nav.en-tabbar>button[data-nav="deals"] .p36-nav-label{min-width:0;}
 /* Floating bars (save status, demo) follow the content column instead of covering the menu. */
 html[data-theme] #app .v29-app .v30-save-bar{left:calc(var(--form-nav-rail) + 18px)!important;bottom:calc(14px + env(safe-area-inset-bottom,0px))!important;}
}