/* DEYNU 17.0.3.08.4 — mobile social tab bar alignment hotfix.
   Earlier social.css: left:50% + translateX(-50%).
   R82 mobile nav: left/right:9px but retained the old translateX.
   This rule cancels only that obsolete translation at mobile widths.
   No desktop, backend or router changes. */
@media screen and (max-width:760px) {
  body.social-page .social-bottom-nav {
    position:fixed!important;
    box-sizing:border-box!important;
    left:9px!important;
    right:9px!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    transform:none!important;
    translate:none!important;
    direction:rtl!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:center!important;
    gap:2px!important;
    bottom:calc(6px + env(safe-area-inset-bottom,0px))!important;
    padding:4px 5px!important;
  }
  body.social-page .social-bottom-nav > a,
  body.social-page .social-bottom-nav > button {
    box-sizing:border-box!important;
    min-width:0!important;
    max-width:100%!important;
    width:100%!important;
    height:49px!important;
    min-height:49px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    padding:4px 1px!important;
    margin:0!important;
    border:0!important;
    border-radius:13px!important;
    background:transparent;
    color:#68776d!important;
    font-family:inherit!important;
    font-size:10px!important;
    font-weight:750!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    text-decoration:none!important;
    text-align:center!important;
    -webkit-tap-highlight-color:transparent;
    touch-action:manipulation;
  }
  body.social-page .social-bottom-nav > :is(a,button) > :is(svg,img) {
    display:block!important;
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    flex:0 0 20px!important;
    object-fit:contain;
  }
  body.social-page .social-bottom-nav > :is(a,button) > :is(span,small,b) {
    display:block!important;
    margin:0!important;
    color:inherit!important;
    font-size:10px!important;
    font-weight:750!important;
    line-height:1.15!important;
    white-space:nowrap!important;
  }
  body.social-page .social-bottom-nav > :is(a,button).is-active,
  body.social-page .social-bottom-nav > :is(a,button)[aria-current="page"] {
    background:#e8f5ee!important;
    color:#12634b!important;
  }
  body.social-page .social-bottom-nav > :is(a,button):focus-visible {
    outline:2px solid #15886a!important;
    outline-offset:-2px!important;
  }
}
@media screen and (max-width:360px) {
  body.social-page .social-bottom-nav {
    left:5px!important;
    right:5px!important;
    gap:0!important;
    padding-inline:3px!important;
  }
  body.social-page .social-bottom-nav > :is(a,button) {
    font-size:9px!important;
    padding-inline:0!important;
  }
  body.social-page .social-bottom-nav > :is(a,button) > :is(span,small,b) {
    font-size:9px!important;
  }
}