/* Oct 13 00:40 (Mark): header logo never squashes into a column. Narrow phones with EN/AR switch + signed-in pill: star only. */
.header .logo{flex:0 1 auto;min-width:0;white-space:nowrap}
.header .logo .lp,.header .logo .lw-word{white-space:nowrap}
.header .header-right{flex:0 1 auto;min-width:0}
@media (max-width:520px){
  /* Oct 13 01:52 (Mark): keep the MemberPrive wordmark (was star only). Drop only .com + Studio tag, smaller type. */
  .header:has(.mp-lang):has(.auth-badge) .logo > .tag,.header:has(.mp-lang):has(.auth-badge) .logo .lp2{display:none}
  .header:has(.mp-lang):has(.auth-badge) .logo{font-size:15px;gap:6px}
  .header:has(.mp-lang):has(.auth-badge) .logo-mark{width:22px;height:22px}
  .header:has(.mp-lang):has(.auth-badge) .auth-badge .auth-role{display:none}
  .header:has(.mp-lang):has(.auth-badge) .logo{flex:none}
  .header:has(.mp-lang) .auth-badge .auth-name{display:none}
}
/* Oct 13 01:55 (Mark): star-only header logo ONLY on Studio + admin pages (narrow, signed in). Everywhere else the wordmark stays. */
@media (max-width:520px){
  html[data-mp-page=studio] .header:has(.mp-lang):has(.auth-badge) .logo > span:not(.logo-mark),html[data-mp-page=admin] .header:has(.mp-lang):has(.auth-badge) .logo > span:not(.logo-mark){display:none}
  html[data-mp-page=studio] .header:has(.mp-lang):has(.auth-badge) .logo,html[data-mp-page=admin] .header:has(.mp-lang):has(.auth-badge) .logo{flex:none}
}