/* MCR mobile pull-up: one search tab, Tonight, This Weekend. */
#MCR-DRAWER,#MCR-DRAWER-BD{display:none}

@media (max-width:900px){
  html body:not(.wp-admin){
    padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))!important;
  }
  html body:not(.wp-admin) #MCR-DRAWER{
    display:block!important;
    visibility:visible!important;
    position:fixed!important;
    left:0!important;right:0!important;bottom:0!important;
    width:100%!important;
    height:min(82dvh,700px)!important;
    min-height:0!important;max-height:none!important;
    margin:0!important;padding:0!important;
    overflow:hidden!important;
    border:0!important;border-radius:22px 22px 0 0!important;
    background:#050507!important;
    box-shadow:0 -12px 32px rgba(0,0,0,.42)!important;
    transform:translate3d(0,calc(100% - 66px),0)!important;
    transition:transform .28s cubic-bezier(.22,1,.36,1)!important;
    will-change:transform!important;
    pointer-events:auto!important;
    touch-action:none!important;
    z-index:1380!important;
  }
  html body:not(.wp-admin) #MCR-DRAWER::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    top:0!important;left:12px!important;right:12px!important;
    height:11px!important;
    box-sizing:border-box!important;
    border:1px solid transparent!important;
    border-bottom:0!important;
    border-radius:18px 18px 0 0!important;
    background:
      linear-gradient(#050507,#050507) padding-box,
      linear-gradient(90deg,#a64c4c,#a67a42,#999154,#4f8f68,#4d819b,#665f9b,#89548d,#a64c4c) border-box!important;
    opacity:.58!important;
    z-index:40!important;
    pointer-events:none!important;
  }
  html body:not(.wp-admin) #MCR-DRAWER.open{
    transform:translate3d(0,0,0)!important;
  }
  html body:not(.wp-admin) #MCR-DRAWER-BD{
    display:block!important;
    visibility:visible!important;
    position:fixed!important;
    inset:0!important;
    border:0!important;
    background:rgba(0,0,0,.45)!important;
    opacity:0!important;
    pointer-events:none!important;
    transition:opacity .2s ease!important;
    z-index:1379!important;
  }
  html body:not(.wp-admin) #MCR-DRAWER-BD.on{
    opacity:1!important;
    pointer-events:auto!important;
  }

  html body #MCR-DRAWER .mcrd-glass,
  html body #MCR-DRAWER .mcrd-glow,
  html body #MCR-DRAWER .mcrd-noise,
  html body #MCR-DRAWER .mcrd-fade,
  html body #MCR-DRAWER .mcrd-hint,
  html body #MCR-DRAWER .mcrd-stories,
  html body #MCR-DRAWER .mcrd-mini-player,
  html body #MCR-DRAWER .mcrd-explore,
  html body #MCR-DRAWER .mcrd-chips,
  html body #MCR-DRAWER .mcrd-venues,
  html body #MCR-DRAWER .mcrd-tools-grid,
  html body #MCR-DRAWER .mcrd-hoods,
  html body #MCR-DRAWER .mcrd-nl{display:none!important}

  html body #MCR-DRAWER .mcrd-handle{
    display:flex!important;
    position:absolute!important;
    top:1px!important;left:0!important;right:0!important;
    width:100%!important;height:14px!important;
    margin:0!important;padding:4px 0 0!important;
    align-items:flex-start!important;justify-content:center!important;
    border:0!important;background:transparent!important;
    box-shadow:none!important;appearance:none!important;
    cursor:grab!important;z-index:32!important;
  }
  html body #MCR-DRAWER .mcrd-pill{
    display:block!important;
    width:38px!important;height:3px!important;
    margin:0!important;border-radius:999px!important;
    background:rgba(255,255,255,.32)!important;
  }
  html body #MCR-DRAWER .mcrd-peek-search{
    display:flex!important;
    visibility:visible!important;
    position:absolute!important;
    top:15px!important;left:16px!important;right:16px!important;
    height:40px!important;
    margin:0!important;padding:0 15px!important;
    align-items:center!important;gap:9px!important;
    border:1px solid rgba(255,255,255,.22)!important;
    border-radius:12px!important;
    background:#0b0c0f!important;
    box-shadow:none!important;
    color:rgba(255,255,255,.66)!important;
    pointer-events:auto!important;
    z-index:31!important;
  }
  html body #MCR-DRAWER .mcrd-search-ico{
    position:absolute!important;left:15px!important;top:50%!important;
    transform:translateY(-50%)!important;
    flex:0 0 auto!important;
    color:rgba(255,255,255,.55)!important;
    font-size:.72rem!important;
  }
  html body #MCR-DRAWER .mcrd-search-bar{
    display:block!important;
    width:100%!important;height:38px!important;
    min-width:0!important;
    margin:0!important;padding:0!important;
    border:0!important;border-radius:0!important;
    outline:0!important;background:transparent!important;
    box-shadow:none!important;
    color:#9a9ca3!important;-webkit-text-fill-color:#9a9ca3!important;
    text-align:center!important;
    font:500 .72rem/1 Inter,system-ui,sans-serif!important;
  }
  html body #MCR-DRAWER .mcrd-search-bar::placeholder{color:rgba(255,255,255,.46)!important}

  html body #MCR-DRAWER .mcrd-scroll{
    display:block!important;
    visibility:hidden!important;
    position:absolute!important;
    top:66px!important;left:0!important;right:0!important;bottom:0!important;
    width:100%!important;height:auto!important;
    margin:0!important;padding:0 14px calc(22px + env(safe-area-inset-bottom,0px))!important;
    overflow-x:hidden!important;overflow-y:auto!important;
    opacity:0!important;pointer-events:none!important;
    transform:none!important;transition:opacity .15s ease!important;
    overscroll-behavior:contain!important;
    touch-action:pan-y!important;
    scrollbar-width:none!important;
    z-index:20!important;
  }
  html body #MCR-DRAWER.open .mcrd-scroll{
    visibility:visible!important;
    opacity:1!important;pointer-events:auto!important;
  }
  #MCR-DRAWER .mcrd-scroll::-webkit-scrollbar,
  #MCR-DRAWER .mcrd-wot-scroll::-webkit-scrollbar{display:none!important}

  #MCR-DRAWER .mcrd-wot-hd,
  #MCR-DRAWER .mcrd-sh{
    display:flex!important;
    align-items:center!important;justify-content:space-between!important;
    gap:10px!important;
    margin:0!important;padding:16px 2px 9px!important;
  }
  #MCR-DRAWER .mcrd-wot-title,
  #MCR-DRAWER .mcrd-sh-title{
    display:flex!important;align-items:center!important;gap:8px!important;
    color:#fff!important;
    font:850 .72rem/1 Inter,system-ui,sans-serif!important;
    letter-spacing:.08em!important;text-transform:uppercase!important;
  }
  #MCR-DRAWER .mcrd-live-dot{
    width:7px!important;height:7px!important;flex:0 0 auto!important;
    border-radius:50%!important;background:#ef233c!important;
    box-shadow:0 0 0 3px rgba(239,35,60,.18)!important;
    animation:none!important;
  }
  #MCR-DRAWER .mcrd-wot-count,
  #MCR-DRAWER .mcrd-sh-link{
    color:rgba(255,255,255,.58)!important;
    font:700 .56rem/1 Inter,system-ui,sans-serif!important;
    text-decoration:none!important;
  }
  #MCR-DRAWER .mcrd-wot-count{
    padding:5px 9px!important;border-radius:999px!important;
    background:rgba(255,255,255,.08)!important;
  }
  #MCR-DRAWER .mcrd-wot-scroll{
    display:flex!important;gap:9px!important;
    margin:0!important;padding:0 0 4px!important;
    overflow-x:auto!important;scrollbar-width:none!important;
  }
  #MCR-DRAWER .mcrd-wot-card{
    display:block!important;
    position:relative!important;flex:0 0 158px!important;
    width:158px!important;height:104px!important;
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.09)!important;
    border-radius:13px!important;
    background:#111!important;text-decoration:none!important;
  }
  #MCR-DRAWER .mcrd-wot-ci,
  #MCR-DRAWER .mcrd-wknd-i{
    position:absolute!important;inset:0!important;
    background-position:center!important;background-size:cover!important;
    filter:none!important;transform:none!important;
  }
  #MCR-DRAWER .mcrd-wot-cs,
  #MCR-DRAWER .mcrd-wknd-s{
    position:absolute!important;inset:0!important;
    background:linear-gradient(to top,rgba(0,0,0,.94),rgba(0,0,0,.08) 70%)!important;
  }
  #MCR-DRAWER .mcrd-wot-cb,
  #MCR-DRAWER .mcrd-wknd-b{
    position:absolute!important;left:0!important;right:0!important;bottom:0!important;
    padding:8px 9px!important;
  }
  #MCR-DRAWER .mcrd-wot-ct,
  #MCR-DRAWER .mcrd-wknd-day{
    display:inline-block!important;
    margin:0 0 4px!important;padding:2px 5px!important;
    border-radius:4px!important;background:var(--c,#333)!important;
    color:#fff!important;
    font:800 .4rem/1 Inter,system-ui,sans-serif!important;
    letter-spacing:.06em!important;text-transform:uppercase!important;
  }
  #MCR-DRAWER .mcrd-wot-cn,
  #MCR-DRAWER .mcrd-wknd-t{
    color:#fff!important;
    font:800 .62rem/1.18 Inter,system-ui,sans-serif!important;
  }
  #MCR-DRAWER .mcrd-wot-cm,
  #MCR-DRAWER .mcrd-wknd-v{
    margin-top:3px!important;color:rgba(255,255,255,.55)!important;
    font:500 .47rem/1.1 Inter,system-ui,sans-serif!important;
  }
  #MCR-DRAWER .mcrd-weekend{
    display:grid!important;grid-template-columns:1fr 1fr!important;
    gap:9px!important;margin:0!important;padding:0 0 4px!important;
  }
  #MCR-DRAWER .mcrd-wknd-card{
    display:block!important;position:relative!important;
    height:112px!important;overflow:hidden!important;
    border:1px solid rgba(255,255,255,.09)!important;
    border-radius:13px!important;background:#111!important;text-decoration:none!important;
  }
  html body .plan-fab{bottom:calc(88px + env(safe-area-inset-bottom,0px))!important}
}

@media (min-width:901px){#MCR-DRAWER,#MCR-DRAWER-BD{display:none!important}}

/* mcr-mobile-drawer-over-nav-20260812 */
@media(max-width:900px){html body:not(.wp-admin) #MCR-DRAWER{z-index:2200!important}html body:not(.wp-admin) #MCR-DRAWER-BD{z-index:2199!important}}