/* A compact JR Club pass: keep actions easy to touch, with one quiet gold accent. */
.header-club-signed-in.club-pass{
  position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;
  justify-content:space-between;gap:10px;min-height:58px;padding:6px 9px 6px 12px;
  border:1px solid #d6b36e85;border-radius:16px;
  background:radial-gradient(ellipse at 10% 0%,#b676783d,transparent 62%),linear-gradient(115deg,#35203f 0%,#5a2b6c 63%,#382143 100%);
  box-shadow:inset 0 1px 0 #fff2,0 5px 16px #08040d26;
}
.header-club-signed-in.club-pass:before{
  content:"";position:absolute;z-index:-1;pointer-events:none;width:160px;height:160px;
  right:-57px;top:-83px;border:1px solid #e7c78928;border-radius:50%;
  box-shadow:0 0 0 16px #e7c78908,0 0 0 33px #e7c78907;
}
.header-club-signed-in.club-pass .header-club-copy{flex:1;gap:4px;overflow:hidden;min-width:0}
.header-club-signed-in.club-pass .header-club-copy small{
  display:flex;align-items:center;gap:5px;color:#ffe29a;font-size:.57rem;line-height:1.1;
  font-weight:900;letter-spacing:.08em;white-space:nowrap;
}
.header-club-signed-in.club-pass .header-club-copy small:before{content:"✦";color:#f4c85c;font-size:.68rem}
.header-club-signed-in.club-pass .header-club-copy span{
  display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:#fffaf2;font-size:.82rem;line-height:1.15;font-weight:500;
}
.header-club-signed-in.club-pass .header-club-copy strong{font-weight:850}
.header-club-signed-in.club-pass .header-club-actions{display:flex;flex-direction:row;align-items:center;gap:4px;flex:none}
.header-club-signed-in.club-pass .header-club-actions button{
  display:inline-flex;align-items:center;justify-content:center;min-height:44px;
  padding:0 10px;border:1px solid #fff3;border-radius:12px;background:#fff8eb;
  color:#46224f;font:800 .69rem/1.1 Arial,Helvetica,sans-serif;white-space:nowrap;
  box-shadow:0 2px 4px #16081c12;transition:background .18s,transform .18s;
}
.header-club-signed-in.club-pass .header-club-actions .club-sign-out{
  width:44px;min-width:44px;padding:0;border-color:#e3d0ea45;background:#ffffff0a;color:#f6eaf9;
  box-shadow:none;
}
.header-club-signed-in.club-pass .club-sign-out svg{display:block;width:19px;height:19px;flex:none}
.header-club-signed-in.club-pass .header-club-actions button:hover{background:#ffe7a9;transform:translateY(-1px)}
.header-club-signed-in.club-pass .header-club-actions .club-sign-out:hover{background:#ffffff20}
.header-club-signed-in.club-pass .header-club-actions button:active{transform:scale(.96)}
.header-club-signed-in.club-pass .header-club-actions button:focus-visible{outline:2px solid #ffe39a;outline-offset:2px}
@media(max-width:520px){
  .header-club-signed-in.club-pass{min-height:56px;gap:8px;padding:5px 7px 5px 10px;border-radius:14px;max-width:none}
  .header-club-signed-in.club-pass .header-club-copy small{font-size:.55rem;letter-spacing:.055em}
  .header-club-signed-in.club-pass .header-club-copy span{font-size:.8rem}
  .header-club-signed-in.club-pass .header-club-actions button{padding-inline:8px;font-size:.67rem}
  .header-club-signed-in.club-pass .header-club-actions .club-sign-out{padding:0}
}
@media(max-width:360px){
  .header-club-signed-in.club-pass{gap:5px;padding-left:8px}
  .header-club-signed-in.club-pass .header-club-copy small{font-size:.49rem;letter-spacing:.01em;gap:3px}
  .header-club-signed-in.club-pass .header-club-copy span{font-size:.74rem}
  .header-club-signed-in.club-pass .header-club-actions button{padding-inline:6px;font-size:.63rem}
}
@media(prefers-reduced-motion:reduce){
  .header-club-signed-in.club-pass .header-club-actions button{transition:none;transform:none}
}