/* V795it — Public phone header restoration.
   Portrait and coarse-pointer landscape use the approved three-part layout:
   long Fit button, fixed round help button, and Expo Planit logo. This final
   layer deliberately avoids a release body-class dependency so a missing or
   delayed responsive helper cannot stretch the help control again. */

@media (max-width:720px) and (orientation:portrait),
       (max-width:980px) and (orientation:landscape) and (pointer:coarse){
  body.publicHeaderControlsMode:not(.touchscreenMode) #planCard .cardHead{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 36px 96px!important;
    grid-template-rows:auto!important;
    align-items:center!important;
    gap:8px!important;
    padding:5px 9px!important;
  }

  body.publicHeaderControlsMode:not(.touchscreenMode) #planCard .publicPlanTitleBlock,
  body.publicHeaderControlsMode:not(.touchscreenMode) #planCard .publicPlanActions #topKeyBtn,
  body.publicHeaderControlsMode:not(.touchscreenMode) #planCard .publicPlanActions #topWebsiteLinksBtn,
  body.publicHeaderControlsMode:not(.touchscreenMode) #planCard .publicPlanActions #topVisitorListBtn,
  body.publicHeaderControlsMode:not(.touchscreenMode) #planCard .publicPlanActions #topExhibitorsBtn,
  body.publicHeaderControlsMode:not(.touchscreenMode) #planCard .publicPlanActions .publicDirectoryHeaderShortcut{
    display:none!important;
  }

  body.publicHeaderControlsMode:not(.touchscreenMode) #planCard .publicPlanActions{
    grid-column:1!important;
    grid-row:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    gap:0!important;
  }

  body.publicHeaderControlsMode:not(.touchscreenMode) #planCard .publicPlanActions #fitBtn{
    order:0!important;
    display:inline-flex!important;
    flex:1 1 auto!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    margin:0!important;
    padding:3px 16px!important;
    border-radius:999px!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:950!important;
  }

  body.publicHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitMobileHelpBtnV795ge{
    grid-column:2!important;
    grid-row:1!important;
    display:inline-flex!important;
    flex:0 0 36px!important;
    align-items:center!important;
    justify-content:center!important;
    justify-self:center!important;
    align-self:center!important;
    box-sizing:border-box!important;
    inline-size:36px!important;
    min-inline-size:36px!important;
    max-inline-size:36px!important;
    block-size:36px!important;
    min-block-size:36px!important;
    max-block-size:36px!important;
    aspect-ratio:1 / 1!important;
    margin:0!important;
    padding:0!important;
    border-radius:50%!important;
    white-space:nowrap!important;
    font:900 17px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    text-align:center!important;
  }

  body.publicHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitPublicHeaderBrand{
    grid-column:3!important;
    grid-row:1!important;
    display:flex!important;
    flex:0 0 96px!important;
    align-items:center!important;
    justify-content:flex-end!important;
    box-sizing:border-box!important;
    width:96px!important;
    min-width:96px!important;
    max-width:96px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:visible!important;
  }

  body.publicHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitPublicHeaderBrand::before{
    display:none!important;
  }

  body.publicHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitPublicHeaderBrand .expoPlanitLogoMark{
    display:block!important;
    width:92px!important;
    max-width:92px!important;
    height:auto!important;
    max-height:36px!important;
    opacity:.94!important;
    overflow:visible!important;
  }
}

@media (max-width:720px) and (orientation:portrait){
  body.publicHeaderControlsMode:not(.touchscreenMode) #planCard .cardHead{
    grid-template-columns:minmax(0,1fr) 32px 86px!important;
    gap:6px!important;
    padding:5px 8px!important;
  }

  body.publicHeaderControlsMode:not(.touchscreenMode) #planCard .publicPlanActions #fitBtn{
    height:29px!important;
    min-height:29px!important;
    max-height:29px!important;
    font-size:10.8px!important;
    padding:3px 14px!important;
  }

  body.publicHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitMobileHelpBtnV795ge{
    flex-basis:32px!important;
    inline-size:32px!important;
    min-inline-size:32px!important;
    max-inline-size:32px!important;
    block-size:32px!important;
    min-block-size:32px!important;
    max-block-size:32px!important;
    font-size:16px!important;
  }

  body.publicHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitPublicHeaderBrand{
    flex-basis:86px!important;
    width:86px!important;
    min-width:86px!important;
    max-width:86px!important;
  }

  body.publicHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitPublicHeaderBrand .expoPlanitLogoMark{
    width:84px!important;
    max-width:84px!important;
  }
}

@media (max-width:370px) and (orientation:portrait){
  body.publicHeaderControlsMode:not(.touchscreenMode) #planCard .cardHead{
    grid-template-columns:minmax(0,1fr) 30px 72px!important;
    gap:4px!important;
    padding-left:6px!important;
    padding-right:6px!important;
  }

  body.publicHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitMobileHelpBtnV795ge{
    flex-basis:30px!important;
    inline-size:30px!important;
    min-inline-size:30px!important;
    max-inline-size:30px!important;
    block-size:30px!important;
    min-block-size:30px!important;
    max-block-size:30px!important;
  }

  body.publicHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitPublicHeaderBrand{
    flex-basis:72px!important;
    width:72px!important;
    min-width:72px!important;
    max-width:72px!important;
  }

  body.publicHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitPublicHeaderBrand .expoPlanitLogoMark{
    width:70px!important;
    max-width:70px!important;
  }
}