/* Playhouse v1.12 — one-row mobile header and member-only navigation shortcuts.
   Loaded LAST under a NEW filename to avoid stale asset-CDN stylesheets. */
.mm-mobile-menu-extra{display:none}
@media(max-width:800px){
  /* Brand + action controls share the SAME row, including when the owner chose
     'logo on its own row' in the Customizer. All account tools move to menu. */
  body.mm-playhouse .mm-header .mm-header-top,
  body.mm-playhouse.mm-logo-mobile-own-row .mm-header .mm-header-top,
  body.mm-playhouse.mm-header-layout-centered .mm-header .mm-header-top,
  body.mm-playhouse.mm-header-layout-spotlight .mm-header .mm-header-top{
    display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;
    align-items:center!important;justify-content:space-between!important;
    gap:10px!important;padding:12px 16px!important;
    min-height:max(68px,calc(var(--mm-mobile-logo-height,64px) + 18px))!important;
  }
  body.mm-playhouse .mm-header .mm-branding,
  body.mm-playhouse.mm-logo-mobile-own-row .mm-header .mm-branding{
    display:flex!important;flex:1 1 auto!important;width:auto!important;
    min-width:0!important;max-width:calc(100% - 56px)!important;
    justify-content:flex-start!important;align-items:center!important;
  }
  body.mm-playhouse .mm-header .mm-branding .custom-logo-link,
  body.mm-playhouse.mm-logo-mobile-own-row .mm-header .mm-branding .custom-logo-link{
    width:auto!important;max-width:100%!important;min-width:0!important;
    display:flex!important;justify-content:flex-start!important;
  }
  body.mm-playhouse .mm-header .mm-branding img.custom-logo,
  body.mm-playhouse.mm-logo-mobile-own-row .mm-header .mm-branding img.custom-logo{
    display:block!important;width:auto!important;
    height:var(--mm-mobile-logo-height,64px)!important;
    max-height:none!important;
    max-width:min(100%,var(--mm-mobile-logo-width,255px))!important;
    object-fit:contain!important;object-position:left center!important;
  }
  /* No extra second row of avatars, search and bell. Keep the existing login
     button so its original WordPress auth popup remains functional. */
  body.mm-playhouse .mm-header .mm-header-actions,
  body.mm-playhouse.mm-logo-mobile-own-row .mm-header .mm-header-actions{
    display:flex!important;flex:0 0 auto!important;
    flex-wrap:nowrap!important;width:auto!important;
    margin:0!important;padding:0!important;
    align-items:center!important;justify-content:flex-end!important;
    gap:8px!important;
  }
  body.mm-playhouse .mm-header .mm-header-actions [data-mm-search-toggle],
  body.mm-playhouse .mm-header .mm-header-actions .mm-notice-bell-wrap,
  body.mm-playhouse .mm-header .mm-header-actions .mm-account-menu,
  body.mm-playhouse .mm-header .mm-header-explore{display:none!important}
  body.mm-playhouse .mm-header .mm-header-actions .mm-menu-toggle{
    display:grid!important;place-items:center!important;
    flex:0 0 40px!important;width:40px!important;height:40px!important;
    padding:0!important;margin:0!important;
    border-radius:9px!important;
  }
  body.mm-playhouse .mm-header .mm-header-actions .mm-login-button{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    flex:0 0 auto!important;min-height:40px!important;
    padding:8px 13px!important;border-radius:9px!important;
  }
  body.mm-playhouse .mm-header .mm-primary-nav{display:none!important;padding:10px 16px 18px!important;max-height:min(72vh,700px)!important;overflow-y:auto!important;overscroll-behavior:contain}
  body.mm-playhouse .mm-header .mm-primary-nav.is-open{display:block!important}
  body.mm-playhouse .mm-header .mm-primary-nav .mm-fixed-menu{
    display:flex!important;flex-direction:column!important;align-items:stretch!important;
    gap:0!important;margin:0!important;padding:0!important;
    min-height:0!important;max-height:none!important;
  }
  body.mm-playhouse .mm-header .mm-fixed-menu>li>a{
    display:block!important;padding:12px 14px!important;
    font-size:13px!important;line-height:1.4!important;
    background:none!important;border-radius:7px!important;
  }
  body.mm-playhouse .mm-header .mm-fixed-menu>li>a:hover,
  body.mm-playhouse .mm-header .mm-fixed-menu>.current-menu-item>a{background:#3c2b3d!important;color:var(--mm-accent)!important}
  body.mm-playhouse .mm-mobile-menu-extra{display:block;margin-top:12px;padding:13px 0 1px;border-top:1px solid #544453}
  body.mm-playhouse .mm-mobile-menu-search{margin:0 0 14px}
  body.mm-playhouse .mm-mobile-menu-search .mm-search-form{
    display:flex!important;align-items:center!important;gap:8px!important;
    margin:0!important;padding:0!important;
  }
  body.mm-playhouse .mm-mobile-menu-search .mm-search-field{
    flex:1 1 auto!important;width:100%!important;min-width:0!important;
    padding:10px 12px!important;min-height:41px!important;
    border:1px solid #605064!important;border-radius:8px!important;
    background:#171620!important;color:#fbf0e5!important;
  }
  body.mm-playhouse .mm-mobile-menu-search .mm-search-submit{
    flex:0 0 auto!important;min-height:41px!important;
    padding:8px 13px!important;border-radius:8px!important;
    border:1px solid #73606f!important;background:#32273a!important;
    color:#fff3e9!important;font-size:12px!important;font-weight:800!important;
  }
  body.mm-playhouse .mm-mobile-menu-caption{
    margin:9px 11px 8px!important;color:var(--mm-mint,#89e4c7)!important;
    font-size:10px!important;font-weight:850!important;letter-spacing:.14em!important;
    text-transform:uppercase!important;
  }
  body.mm-playhouse .mm-mobile-account-links{
    display:flex!important;flex-direction:column!important;gap:0!important;
    padding:0!important;margin:0!important;list-style:none!important;
  }
  body.mm-playhouse .mm-mobile-account-links>li{margin:0!important;padding:0!important;list-style:none!important}
  body.mm-playhouse .mm-mobile-account-links>li>a{
    display:block!important;padding:11px 14px!important;
    font-size:13px!important;font-weight:700!important;line-height:1.4!important;
    border-radius:7px!important;color:#f4e7e5!important;text-decoration:none!important;
  }
  body.mm-playhouse .mm-mobile-account-links>li>a:hover,
  body.mm-playhouse .mm-mobile-account-links>li>a:focus-visible{color:#ffbe8d!important;background:#3c2b3d!important}
  body.mm-playhouse .mm-mobile-account-links>li>a.mm-mobile-logout-link{color:#f8ad99!important}
}
@media(max-width:620px){
  body.mm-playhouse .mm-header .mm-header-top,
  body.mm-playhouse.mm-logo-mobile-own-row .mm-header .mm-header-top{padding:10px 13px!important}
  body.mm-playhouse .mm-header .mm-header-actions{gap:7px!important}
  body.mm-playhouse .mm-header .mm-branding,
  body.mm-playhouse.mm-logo-mobile-own-row .mm-header .mm-branding{max-width:calc(100% - 53px)!important}
}
@media(max-width:360px){
  body.mm-playhouse .mm-header .mm-header-actions{gap:5px!important}
  body.mm-playhouse .mm-header .mm-header-actions .mm-login-button{padding:7px 10px!important}
  body.mm-playhouse .mm-header .mm-branding,
  body.mm-playhouse.mm-logo-mobile-own-row .mm-header .mm-branding{max-width:calc(100% - 49px)!important}
}

/* v1.12: Hide ONLY the four duplicate below-hero shortcuts on mobile.
   Their WordPress menu entries and desktop navigation remain untouched.
   Search, account tools and other menu links remain available. */
@media(max-width:800px){
  body.mm-playhouse .mm-header .mm-primary-nav .mm-fixed-menu li.mm-mobile-hero-shortcut {
    display:none!important;
  }
}