/* V799ah — shared authored-Overview header presentation.
   Scope:
   - Public desktop uses the approved Touchscreen-style two-line top card.
   - Admin, Exhibitor and Public phone layouts use the approved stacked phone card.
   - Touchscreen and Admin/Exhibitor desktop layouts are intentionally unchanged.
   No plan, selection, routing, D1/R2, API or Function behaviour is changed. */

/* Public desktop: mirror the authored Touchscreen Overview card. */
@media (min-width:1181px), (min-width:981px) and (pointer:fine){
  html body.fpAuthoredOverviewV799i.fpAuthoredOverviewV799i.publicHeaderControlsMode:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m.cardHead{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:1fr!important;
    align-items:center!important;
    column-gap:20px!important;
    box-sizing:border-box!important;
    height:72px!important;
    min-height:72px!important;
    max-height:72px!important;
    padding:8px 14px 8px 20px!important;
  }

  html body.fpAuthoredOverviewV799i.fpAuthoredOverviewV799i.publicHeaderControlsMode:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .fpOverviewInstructionV799i{
    grid-column:1!important;
    grid-row:1!important;
    display:grid!important;
    grid-template-columns:max-content minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    align-content:center!important;
    align-items:baseline!important;
    column-gap:16px!important;
    row-gap:7px!important;
    min-width:0!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }

  html body.fpAuthoredOverviewV799i.fpAuthoredOverviewV799i.publicHeaderControlsMode:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .fpOverviewInstructionV799i::before{
    content:"Touch the screen to explore the show";
    grid-column:1 / -1!important;
    grid-row:1!important;
    display:block!important;
    min-width:0!important;
    color:var(--accentText,#D56D32)!important;
    -webkit-text-fill-color:var(--accentText,#D56D32)!important;
    font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-size:clamp(18px,1.35vw,24px)!important;
    line-height:1.08!important;
    font-weight:900!important;
    letter-spacing:-.018em!important;
    white-space:nowrap!important;
  }

  html body.fpAuthoredOverviewV799i.fpAuthoredOverviewV799i.publicHeaderControlsMode:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .fpOverviewInstructionV799i strong{
    grid-column:1!important;
    grid-row:2!important;
    display:block!important;
    margin:0!important;
    color:var(--text,#2f2b33)!important;
    -webkit-text-fill-color:var(--text,#2f2b33)!important;
    font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-size:13px!important;
    line-height:1.12!important;
    font-weight:950!important;
    white-space:nowrap!important;
  }

  html body.fpAuthoredOverviewV799i.fpAuthoredOverviewV799i.publicHeaderControlsMode:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .fpOverviewInstructionV799i span{
    grid-column:2!important;
    grid-row:2!important;
    display:block!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    color:var(--accentText,#D56D32)!important;
    -webkit-text-fill-color:var(--accentText,#D56D32)!important;
    font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-size:11px!important;
    line-height:1.18!important;
    font-weight:850!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  html body.fpAuthoredOverviewV799i.fpAuthoredOverviewV799i.publicHeaderControlsMode:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .expoPlanitDesktopHelpBtn,
  html body.fpAuthoredOverviewV799i.fpAuthoredOverviewV799i.publicHeaderControlsMode:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .expoPlanitMobileHelpBtnV795ge{
    display:none!important;
  }

  html body.fpAuthoredOverviewV799i.fpAuthoredOverviewV799i.publicHeaderControlsMode:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .expoPlanitPublicHeaderBrand{
    grid-column:2!important;
    grid-row:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    justify-self:end!important;
    align-self:stretch!important;
    box-sizing:border-box!important;
    width:auto!important;
    min-width:158px!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0 0 0 22px!important;
    border:0!important;
    border-left:1px solid color-mix(in srgb,var(--border,#ddd) 88%,transparent)!important;
    border-radius:0!important;
    background:transparent!important;
    overflow:visible!important;
  }

  html body.fpAuthoredOverviewV799i.fpAuthoredOverviewV799i.publicHeaderControlsMode:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .expoPlanitPublicHeaderBrand::before,
  html body.fpAuthoredOverviewV799i.fpAuthoredOverviewV799i.publicHeaderControlsMode:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .expoPlanitPublicHeaderBrand::after{
    content:none!important;
    display:none!important;
  }

  html body.fpAuthoredOverviewV799i.fpAuthoredOverviewV799i.publicHeaderControlsMode:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .expoPlanitPublicHeaderBrand .expoPlanitLogoMark{
    display:block!important;
    width:clamp(132px,10vw,172px)!important;
    max-width:172px!important;
    height:auto!important;
    max-height:44px!important;
    margin:0!important;
    object-fit:contain!important;
    object-position:right center!important;
    overflow:visible!important;
  }
}

/* All non-Touchscreen phone/coarse-pointer Overview cards: title and route
   instruction stack on the left, with the Expo Planit mark at the upper right. */
@media (max-width:980px), (max-width:1180px) and (pointer:coarse){
  html body.fpAuthoredOverviewV799i.fpAuthoredOverviewV799i.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m,
  html body.fpAuthoredOverviewV799i.fpAuthoredOverviewV799i.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m.cardHead,
  html body.fpAuthoredOverviewV799i.fpAuthoredOverviewV799i.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m.expoPlanitHeaderLayout{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 96px!important;
    grid-template-rows:1fr!important;
    align-items:start!important;
    column-gap:10px!important;
    box-sizing:border-box!important;
    height:76px!important;
    min-height:76px!important;
    max-height:76px!important;
    padding:10px 10px 8px 14px!important;
    overflow:visible!important;
  }

  html body.fpAuthoredOverviewV799i.fpAuthoredOverviewV799i.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .fpOverviewInstructionV799i{
    grid-column:1!important;
    grid-row:1!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    align-items:flex-start!important;
    align-self:start!important;
    gap:8px!important;
    box-sizing:border-box!important;
    min-width:0!important;
    width:100%!important;
    height:auto!important;
    margin:0!important;
    padding:1px 0 0 1px!important;
    overflow:visible!important;
  }

  html body.fpAuthoredOverviewV799i.fpAuthoredOverviewV799i.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .fpOverviewInstructionV799i::before{
    content:none!important;
    display:none!important;
  }

  html body.fpAuthoredOverviewV799i.fpAuthoredOverviewV799i.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .fpOverviewInstructionV799i strong{
    display:block!important;
    width:100%!important;
    margin:0!important;
    color:var(--text,#2f2b33)!important;
    -webkit-text-fill-color:var(--text,#2f2b33)!important;
    font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-size:clamp(17px,5.3vw,21px)!important;
    line-height:1.04!important;
    font-weight:950!important;
    letter-spacing:-.025em!important;
    white-space:nowrap!important;
    overflow:visible!important;
  }

  html body.fpAuthoredOverviewV799i.fpAuthoredOverviewV799i.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .fpOverviewInstructionV799i span{
    display:block!important;
    width:100%!important;
    max-width:230px!important;
    margin:0!important;
    color:var(--accentText,#D56D32)!important;
    -webkit-text-fill-color:var(--accentText,#D56D32)!important;
    font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-size:clamp(10.5px,3.25vw,12.5px)!important;
    line-height:1.24!important;
    font-weight:850!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    text-wrap:balance!important;
  }

  html body.fpAuthoredOverviewV799i.fpAuthoredOverviewV799i.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .expoPlanitMobileHelpBtnV795ge,
  html body.fpAuthoredOverviewV799i.fpAuthoredOverviewV799i.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .expoPlanitDesktopHelpBtn{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  html body.fpAuthoredOverviewV799i.fpAuthoredOverviewV799i.responsiveWorkspaceV799f.adminHeaderControlsMode:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .expoPlanitStripBrand,
  html body.fpAuthoredOverviewV799i.fpAuthoredOverviewV799i.responsiveWorkspaceV799f.viewerHeaderControlsMode:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .expoPlanitStripBrand,
  html body.fpAuthoredOverviewV799i.fpAuthoredOverviewV799i.responsiveWorkspaceV799f.publicHeaderControlsMode:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .expoPlanitPublicHeaderBrand{
    grid-column:2!important;
    grid-row:1!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:flex-end!important;
    justify-self:end!important;
    align-self:start!important;
    box-sizing:border-box!important;
    width:96px!important;
    min-width:96px!important;
    max-width:96px!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-left:0!important;
    background:transparent!important;
    transform:none!important;
    overflow:visible!important;
  }

  html body.fpAuthoredOverviewV799i.fpAuthoredOverviewV799i.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .expoPlanitStripBrand::before,
  html body.fpAuthoredOverviewV799i.fpAuthoredOverviewV799i.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .expoPlanitStripBrand::after,
  html body.fpAuthoredOverviewV799i.fpAuthoredOverviewV799i.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .expoPlanitPublicHeaderBrand::before,
  html body.fpAuthoredOverviewV799i.fpAuthoredOverviewV799i.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .expoPlanitPublicHeaderBrand::after{
    content:none!important;
    display:none!important;
  }

  html body.fpAuthoredOverviewV799i.fpAuthoredOverviewV799i.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .expoPlanitStripBrand .expoPlanitLogoMark,
  html body.fpAuthoredOverviewV799i.fpAuthoredOverviewV799i.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .expoPlanitPublicHeaderBrand .expoPlanitLogoMark{
    display:block!important;
    width:92px!important;
    min-width:0!important;
    max-width:92px!important;
    height:auto!important;
    min-height:0!important;
    max-height:40px!important;
    margin:0!important;
    object-fit:contain!important;
    object-position:right top!important;
    background-size:contain!important;
    background-position:right top!important;
    overflow:visible!important;
  }
}

@media (max-width:370px) and (orientation:portrait){
  html body.fpAuthoredOverviewV799i.fpAuthoredOverviewV799i.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m,
  html body.fpAuthoredOverviewV799i.fpAuthoredOverviewV799i.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m.cardHead,
  html body.fpAuthoredOverviewV799i.fpAuthoredOverviewV799i.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m.expoPlanitHeaderLayout{
    grid-template-columns:minmax(0,1fr) 82px!important;
    column-gap:7px!important;
    height:74px!important;
    min-height:74px!important;
    max-height:74px!important;
    padding-left:11px!important;
    padding-right:8px!important;
  }

  html body.fpAuthoredOverviewV799i.fpAuthoredOverviewV799i.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .fpOverviewInstructionV799i{
    gap:7px!important;
  }

  html body.fpAuthoredOverviewV799i.fpAuthoredOverviewV799i.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .fpOverviewInstructionV799i strong{
    font-size:17px!important;
  }

  html body.fpAuthoredOverviewV799i.fpAuthoredOverviewV799i.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .fpOverviewInstructionV799i span{
    max-width:205px!important;
    font-size:10.3px!important;
  }

  html body.fpAuthoredOverviewV799i.fpAuthoredOverviewV799i.responsiveWorkspaceV799f.adminHeaderControlsMode:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .expoPlanitStripBrand,
  html body.fpAuthoredOverviewV799i.fpAuthoredOverviewV799i.responsiveWorkspaceV799f.viewerHeaderControlsMode:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .expoPlanitStripBrand,
  html body.fpAuthoredOverviewV799i.fpAuthoredOverviewV799i.responsiveWorkspaceV799f.publicHeaderControlsMode:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .expoPlanitPublicHeaderBrand{
    width:82px!important;
    min-width:82px!important;
    max-width:82px!important;
  }

  html body.fpAuthoredOverviewV799i.fpAuthoredOverviewV799i.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .expoPlanitStripBrand .expoPlanitLogoMark,
  html body.fpAuthoredOverviewV799i.fpAuthoredOverviewV799i.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .expoPlanitPublicHeaderBrand .expoPlanitLogoMark{
    width:80px!important;
    max-width:80px!important;
  }
}