/* ECTOPAY Recharge Hub V26 — authoritative mobile logo sizing + public premium footer */

/* Override legacy mobile rules that target `.header .logo img` with !important. */
@media (max-width: 991px){
  body.ecto-agent-app .header .logo-box{
    width:72%!important;
    padding-left:14px!important;
    display:flex!important;
    align-items:center!important;
  }
  body.ecto-agent-app .header .right-box{width:28%!important}
  body.ecto-agent-app .header .logo,
  body.ecto-agent-app .header .logo a{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    height:100%!important;
  }
  body.ecto-agent-app .header .logo img.logo-img{
    width:220px!important;
    max-width:220px!important;
    height:auto!important;
    max-height:86px!important;
    object-fit:contain!important;
    object-position:left center!important;
    transform:translateY(-4px)!important;
  }
}

@media (max-width: 520px){
  body.ecto-agent-app .header .header-wrapper{
    height:106px!important;
    min-height:106px!important;
  }
  body.ecto-agent-app .header .logo-box{
    width:72%!important;
    padding-left:12px!important;
  }
  body.ecto-agent-app .header .right-box{width:28%!important}
  body.ecto-agent-app .header .logo img.logo-img{
    width:190px!important;
    max-width:190px!important;
    max-height:76px!important;
    transform:translateY(-5px)!important;
  }
  body.ecto-agent-app .header .primary .navbar-toggle{
    top:25px!important;
    right:8px!important;
  }
}

@media (max-width: 390px){
  body.ecto-agent-app .header .logo img.logo-img{
    width:178px!important;
    max-width:178px!important;
  }
}

/* Premium footer is also used by the public landing page in V26. */
body.ecto-public .ecto-brand-footer{
  margin-top:0;
}
body.ecto-public .ecto-brand-footer .ecto-footer-shell{
  max-width:1180px;
  margin:0 auto;
}
@media (max-width: 767px){
  body.ecto-public .ecto-brand-footer{
    padding-bottom:24px;
  }
  body.ecto-public .ecto-footer-company-link{
    align-items:flex-start;
  }
  body.ecto-public .ecto-footer-logo{
    width:150px;
    max-width:44vw;
  }
}