/* Super sport - hamburger button polish (mobile & tablet) */

.ps-burger{
  width:44px;
  height:44px;
  border-radius:14px;
  border:1px solid rgba(17,24,39,.12);
  background: rgba(255,255,255,.92);
  color:#111827;
  display:inline-flex;
  flex-direction: column;
  align-items:center;
  justify-content:center;
  padding:0;
  cursor:pointer;
  -webkit-tap-highlight-color: transparent;
  box-shadow: 0 10px 24px rgba(0,0,0,.10);
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
  position: relative; /* allow centering the X perfectly */
}

.ps-burger:active{
  transform: scale(.98);
  box-shadow: 0 8px 18px rgba(0,0,0,.08);
}

.ps-burger span{
  display:block;
  width:20px;
  height:2px;
  background: currentColor;
  border-radius:2px;
  margin:3px 0;
  transition: transform .2s ease, opacity .2s ease;
  transform-origin: center;
}

/* When menu is open: convert 3 lines into a perfectly centered X */
body.ps-menu-open .ps-burger span{
  margin:0;
  position:absolute;
  left:50%;
  top:50%;
}
body.ps-menu-open .ps-burger span:nth-child(1){
  transform: translate(-50%,-50%) rotate(45deg);
}
body.ps-menu-open .ps-burger span:nth-child(2){
  opacity:0;
  transform: translate(-50%,-50%);
}
body.ps-menu-open .ps-burger span:nth-child(3){
  transform: translate(-50%,-50%) rotate(-45deg);
}

@media (prefers-reduced-motion: reduce){
  .ps-burger, .ps-burger span{ transition:none !important; }
}