/* PASARAKUN FOOTER CSS */

footer{
  margin-top:34px!important;
  padding-top:34px!important;
  padding-bottom:18px!important;
  border-top:1px solid rgba(255,255,255,.06)!important;
  background:linear-gradient(180deg,rgba(16,17,19,.70),rgba(10,11,13,.96))!important;
}

footer > div[aria-hidden="true"]{
  opacity:.55!important;
}

footer .relative.mx-auto.grid{
  gap:34px!important;
}

footer a.flex.items-center{
  color:#fff!important;
  text-decoration:none!important;
}

footer a.flex.items-center img{
  height:30px!important;
}

footer p{
  max-width:310px!important;
  color:var(--pk-text-muted)!important;
  font-size:13px!important;
  line-height:1.65!important;
}

footer h4{
  color:var(--pk-text)!important;
  font-size:13px!important;
  font-weight:800!important;
}

footer ul{
  margin-top:12px!important;
}

footer ul li a{
  color:var(--pk-text-muted)!important;
  text-decoration:none!important;
  transition:.18s ease!important;
}

footer ul li a:hover{
  color:#fff!important;
}

footer .mt-3.flex.gap-3 a{
  border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(255,255,255,.045)!important;
  color:#fff!important;
  box-shadow:none!important;
  text-decoration:none!important;
  transition:.18s ease!important;
}

footer .mt-3.flex.gap-3 a:hover{
  border-color:rgba(59,130,246,.25)!important;
  background:rgba(59,130,246,.12)!important;
}

footer .relative.mx-auto.mt-8{
  margin-top:30px!important;
}

footer .border-t{
  border-color:rgba(255,255,255,.06)!important;
  color:#71717a!important;
  padding-top:18px!important;
  padding-bottom:0!important;
}

/* Dark page/category list under homepage */
main + footer,
.pk-seeall-wrap + *{
  border-color:rgba(255,255,255,.06)!important;
}

main section + div,
main .pk-seeall-wrap + div,
main .pk-seeall-wrap + section{
  background:transparent!important;
}

/* White accordion/list cleanup */
main div:has(> div:first-child):has(a[href*="/pages/"]),
main div:has(> div:first-child):has(a[href*="/page/"]){
  background:transparent!important;
}

@media(max-width:640px){
  footer{
    margin-top:18px!important;
    padding-top:22px!important;
    padding-bottom:72px!important;
    background:#050507!important;
  }
  footer > .relative.mx-auto.grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:20px!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
  footer .relative.mx-auto.grid > div:first-child{
    padding-bottom:14px!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
  }
  footer a.flex.items-center{
    gap:8px!important;
    font-size:16px!important;
  }
  footer a.flex.items-center img{
    height:30px!important;
  }
  footer p{
    margin-top:10px!important;
    max-width:360px!important;
    font-size:13px!important;
    line-height:1.55!important;
  }
  footer h4{
    margin-bottom:8px!important;
    font-size:13px!important;
    font-weight:900!important;
    color:#f4f4f5!important;
  }
  footer ul{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px 14px!important;
    margin-top:8px!important;
    font-size:13px!important;
  }
  footer ul li a{
    display:inline!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:#a1a1aa!important;
    font-size:12.5px!important;
    line-height:1.45!important;
    text-decoration:none!important;
  }
  footer ul li a:hover{
    color:#fff!important;
  }
  footer .mt-3.flex.gap-3{
    display:flex!important;
    justify-content:flex-start!important;
    align-items:center!important;
    gap:10px!important;
    margin-top:10px!important;
  }
  footer .mt-3.flex.gap-3 a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:110px!important;
    height:36px!important;
    padding:0 14px!important;
    border-radius:10px!important;
    border:1px solid rgba(255,255,255,.08)!important;
    background:rgba(255,255,255,.04)!important;
    color:#fff!important;
    font-size:11px!important;
    font-weight:800!important;
    box-shadow:none!important;
  }
  footer .relative.mx-auto.mt-8{
    margin-top:18px!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
  footer .border-t{
    padding-top:14px!important;
    padding-bottom:0!important;
    font-size:11px!important;
  }
}

/* Footer mobile alignment polish */
footer{
  background:linear-gradient(180deg,rgba(18,19,22,.96),rgba(12,13,15,.98))!important;
}

@media(max-width:640px){
  footer{
    background:linear-gradient(180deg,#101113 0%,#0b0c0e 100%)!important;
    border-top:1px solid rgba(255,255,255,.06)!important;
  }

  footer > .relative.mx-auto.grid{
    gap:18px!important;
  }

  footer .relative.mx-auto.grid > div{
    width:100%!important;
  }

  footer .relative.mx-auto.grid > div:first-child{
    padding-bottom:16px!important;
    border-bottom:1px solid rgba(255,255,255,.07)!important;
  }

  footer a.flex.items-center{
    justify-content:flex-start!important;
  }

  footer p{
    max-width:100%!important;
    margin-top:10px!important;
    font-size:12.5px!important;
    line-height:1.65!important;
    text-align:left!important;
  }

  footer h4{
    margin-top:4px!important;
    margin-bottom:10px!important;
    text-align:left!important;
  }

  footer ul{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px 14px!important;
    align-items:start!important;
  }

  footer ul li{
    min-width:0!important;
  }

  footer ul li a{
    display:block!important;
    white-space:normal!important;
    text-align:left!important;
  }

  footer .mt-3.flex.gap-3{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    width:100%!important;
  }

  footer .mt-3.flex.gap-3 a{
    width:100%!important;
    min-width:0!important;
  }
}

/* Footer mobile link alignment final */
@media(max-width:640px){
  footer ul{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    column-gap:20px!important;
    row-gap:13px!important;
    width:100%!important;
    margin-top:10px!important;
  }

  footer ul li{
    margin:0!important;
    padding:0!important;
    min-width:0!important;
  }

  footer ul li a{
    display:block!important;
    width:100%!important;
    text-align:left!important;
    line-height:1.45!important;
    font-size:12.5px!important;
  }

  footer ul li:last-child:nth-child(odd){
    grid-column:1 / -1!important;
  }

  footer h4{
    margin-top:8px!important;
    margin-bottom:10px!important;
  }
}