/* SANCHINA R91: One desktop-only fix for the WordPress MOBILE header
   imported by standalone quiz, cards and travel/agent wrappers.
   Source of header DOM: sg063/siteHeaderInner.php, WP iPhone proxy.
   The theme's .spSiteHeader and #hum/#humTel CSS is scoped to <=770px;
   without these rules PC displays the raw mobile menu as a giant red block.
   NO changes to the WordPress theme, game logic, or mobile (<=770px).
*/
@media screen and (min-width: 771px) {
  html, body {
    box-sizing:border-box!important;
    min-width:0!important;
    max-width:100%!important;
    width:100%!important;
    overflow-x:hidden!important;
  }
  body:not(.sc-line-share-inapp) > #scLiveHeader,
  body:not(.sc-line-share-inapp) > #scLiveHeader.sc-ready {
    box-sizing:border-box!important;
    position:relative!important;
    display:block!important;
    width:100%!important;
    flex:0 0 72px!important;
    height:72px!important;
    min-height:72px!important;
    max-height:72px!important;
    overflow:visible!important;
    background:#de0029!important;
    padding:0!important;
    margin:0!important;
    z-index:9999!important;
  }
  #scLiveHeader > header.spSiteHeader {
    box-sizing:border-box!important;
    position:absolute!important;
    display:block!important;
    inset:0 0 auto 0!important;
    width:100%!important;
    height:72px!important;
    min-height:72px!important;
    max-height:72px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:#de0029!important;
    color:#fff!important;
    overflow:visible!important;
    z-index:2!important;
  }
  #scLiveHeader > header.spSiteHeader > .spInner {
    box-sizing:border-box!important;
    display:flex!important;
    position:relative!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    height:72px!important;
    min-height:72px!important;
    margin:0!important;
    padding:0 22px!important;
  }
  #scLiveHeader > header.spSiteHeader .spInner > .logo {
    display:flex!important;
    align-items:center!important;
    position:static!important;
    inset:auto!important;
    width:auto!important;
    max-width:calc(100% - 230px)!important;
    height:auto!important;
    padding:0!important;
    margin:0!important;
    line-height:1!important;
    flex:0 1 auto!important;
  }
  #scLiveHeader > header.spSiteHeader .logo a {
    display:inline-flex!important;
    align-items:center!important;
    text-decoration:none!important;
  }
  #scLiveHeader > header.spSiteHeader .logo img {
    box-sizing:border-box!important;
    display:block!important;
    width:auto!important;
    height:39px!important;
    max-height:39px!important;
    max-width:100%!important;
    object-fit:contain!important;
  }
  #scLiveHeader > header.spSiteHeader .spInner > .phone,
  #scLiveHeader > header.spSiteHeader .spInner > .hum {
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:absolute!important;
    left:auto!important;
    bottom:auto!important;
    top:10px!important;
    width:52px!important;
    height:52px!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    z-index:5!important;
  }
  #scLiveHeader > header.spSiteHeader .spInner > .phone {right:82px!important}
  #scLiveHeader > header.spSiteHeader .spInner > .hum {right:18px!important}
  #scLiveHeader > header.spSiteHeader .spInner > .phone > a,
  #scLiveHeader > header.spSiteHeader .spInner > .hum > a {
    display:flex!important;
    width:100%!important;
    height:100%!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    margin:0!important;
    cursor:pointer!important;
  }
  #scLiveHeader > header.spSiteHeader .phone img {width:auto!important;height:31px!important;max-width:30px!important}
  #scLiveHeader > header.spSiteHeader .hum img {width:37px!important;height:auto!important;max-height:39px!important}
  /* Show neither embedded WP modal's phone panel nor its full nav on PC by
     default.  The R91 handler reveals ONLY the chosen panel on direct click. */
  #scLiveHeader > header.spSiteHeader #hum,
  #scLiveHeader > header.spSiteHeader #humTel {
    box-sizing:border-box!important;
    display:none!important;
    position:absolute!important;
    z-index:30!important;
    right:16px!important;
    left:auto!important;
    top:72px!important;
    bottom:auto!important;
    width:min(360px,calc(100vw - 32px))!important;
    height:auto!important;
    max-height:min(76vh,650px)!important;
    overflow:auto!important;
    padding:24px 22px 22px!important;
    margin:0!important;
    border:1px solid #e5e8e7!important;
    border-radius:0 0 16px 16px!important;
    background:#fff!important;
    color:#26332f!important;
    box-shadow:0 16px 34px rgba(10,32,27,.18)!important;
    text-align:left!important;
  }
  #scLiveHeader > header.spSiteHeader #hum[data-sc-r91-open="true"],
  #scLiveHeader > header.spSiteHeader #humTel[data-sc-r91-open="true"] {
    display:block!important;
  }
  #scLiveHeader > header.spSiteHeader #hum .closeBT,
  #scLiveHeader > header.spSiteHeader #humTel .closeBT {
    position:relative!important;
    display:block!important;
    width:30px!important;
    height:30px!important;
    top:auto!important;
    right:auto!important;
    margin-left:auto!important;
    cursor:pointer!important;
  }
  #scLiveHeader > header.spSiteHeader #hum .closeBT img,
  #scLiveHeader > header.spSiteHeader #humTel .closeBT img {width:25px!important;height:auto!important}
  #scLiveHeader > header.spSiteHeader #hum .humNavi {
    list-style:none!important;
    display:block!important;
    padding:6px 0 0!important;
    margin:0!important;
  }
  #scLiveHeader > header.spSiteHeader #hum .humNavi li {display:block!important;margin:0!important;padding:0!important}
  #scLiveHeader > header.spSiteHeader #hum .humNavi a {
    display:block!important;
    color:#20342d!important;
    background:transparent!important;
    border-bottom:1px solid #ebefed!important;
    text-decoration:none!important;
    padding:10px 7px!important;
    font-size:15px!important;
    line-height:1.4!important;
    font-weight:650!important;
  }
  #scLiveHeader > header.spSiteHeader #hum .humNavi a:hover {color:#087d45!important;background:#f4fbf6!important}
  #scLiveHeader > header.spSiteHeader #humTel .ttlTel,
  #scLiveHeader > header.spSiteHeader #humTel .ttl,
  #scLiveHeader > header.spSiteHeader #humTel .tel {
    display:block!important;
    color:#26332f!important;
    margin:12px 0!important;
    padding:0!important;
    text-align:left!important;
    font-size:15px!important;
    background:transparent!important;
  }
  #scLiveHeader > header.spSiteHeader #humTel a[href^="tel:"] {color:#087d45!important;font-weight:800!important}
  #scLiveHeader > #sc-global-share-button {
    position:absolute!important;
    left:auto!important;
    right:154px!important;
    top:18px!important;
    width:36px!important;
    height:36px!important;
    margin:0!important;
    z-index:20!important;
  }
  #scLiveHeader > #sc-global-share-button {
    box-sizing:border-box!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:5px!important;
    border:0!important;
    border-radius:9px!important;
    background:transparent!important;
    color:white!important;
  }
  #scLiveHeader > #sc-global-share-button svg {
    display:block!important;
    width:23px!important;
    height:23px!important;
    pointer-events:none!important;
  }
  #scLiveHeader > #scHeaderLoading,
  #scLiveHeader.sc-error > #scHeaderError {height:72px!important;min-height:72px!important;max-height:72px!important;}
  /* Keep independent app stage fully available; only the original header had
     expanded, not the game iframe. */
  #scQuizStage {position:relative!important;min-height:0!important;flex:1 1 auto!important}
}