/* V3.0.9.4 — Footer contact mobile layout hotfix.
 * Theme-only: keeps plugin/cloud logic untouched.
 * On phones the four footer contact blocks become a balanced 2 x 2 grid:
 * Address | Phone
 * Zalo    | Social
 */
@media (max-width:720px){
  body .site-footer .footer-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    align-items:stretch!important;
    justify-content:stretch!important;
    padding-top:12px!important;
    padding-bottom:18px!important;
  }

  body .site-footer .footer-brand-col{
    grid-column:1/-1;
    width:100%;
    min-width:0;
    padding:0 0 4px!important;
    border:0!important;
  }

  body .site-footer .footer-brand-col p{
    margin:6px 0 0 0!important;
  }

  body .site-footer .footer-contact-item,
  body .site-footer .footer-social{
    width:100%!important;
    min-width:0!important;
    min-height:76px;
    margin:0!important;
    padding:10px!important;
    border:1px solid rgba(255,122,69,.24);
    border-radius:12px;
    background:rgba(32,32,32,.48);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  }

  body .site-footer .footer-contact-item{
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
  }

  body .site-footer .footer-contact-item>span:last-child{
    display:block;
    min-width:0!important;
    flex:1 1 auto;
  }

  body .site-footer .footer-icon{
    flex:0 0 36px!important;
    width:36px!important;
    height:36px!important;
    font-size:17px!important;
  }

  body .site-footer .footer-icon-zalo{
    font-size:11px!important;
  }

  body .site-footer .footer-contact-item small,
  body .site-footer .footer-social>small{
    font-size:8px!important;
    line-height:1.25!important;
    letter-spacing:.04em!important;
    white-space:normal!important;
  }

  body .site-footer .footer-contact-item strong,
  body .site-footer .footer-contact-item a{
    margin-top:3px;
    font-size:11px!important;
    line-height:1.35!important;
    overflow-wrap:anywhere;
    word-break:normal;
  }

  body .site-footer .footer-social{
    display:flex!important;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
  }

  body .site-footer .social-links{
    display:flex!important;
    align-items:center;
    flex-wrap:wrap;
    gap:6px!important;
    margin-top:7px!important;
  }

  body .site-footer .social-pill{
    width:34px!important;
    height:34px!important;
    font-size:16px!important;
    flex:0 0 34px;
  }
}

@media (max-width:360px){
  body .site-footer .footer-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }

  body .site-footer .footer-brand-col{
    grid-column:auto;
  }

  body .site-footer .footer-contact-item,
  body .site-footer .footer-social{
    min-height:68px;
  }
}