/* ECTOPAY Recharge Hub V25 — larger mobile logo + premium branded footer */

/* Premium footer */
.ecto-brand-footer{
  position:relative;
  z-index:40;
  margin-top:36px;
  background:
    radial-gradient(circle at 88% 0, rgba(17,177,215,.20), transparent 30%),
    linear-gradient(135deg,#082d46 0%,#0b4161 52%,#0b5672 100%);
  color:#eaf8ff;
  border-top:1px solid rgba(255,255,255,.14);
  box-shadow:0 -12px 36px rgba(8,45,70,.08);
}
.ecto-brand-footer .ecto-footer-shell{padding-top:34px;padding-bottom:22px}
.ecto-footer-brand{margin-bottom:24px}
.ecto-footer-company-link{
  display:inline-flex;align-items:center;gap:18px;color:#fff!important;text-decoration:none!important;
  padding:10px 14px 10px 10px;border-radius:18px;transition:.2s ease;
}
.ecto-footer-company-link:hover{background:rgba(255,255,255,.07);transform:translateY(-1px)}
.ecto-footer-logo{display:block;width:178px;max-width:34vw;height:auto;object-fit:contain;filter:drop-shadow(0 7px 12px rgba(0,0,0,.14))}
.ecto-footer-company-copy{display:flex;flex-direction:column;gap:3px;line-height:1.2}
.ecto-footer-company-copy strong{font-size:16px;letter-spacing:.035em;color:#fff}
.ecto-footer-company-copy span{font-size:14px;font-weight:800;color:#a9ebff}
.ecto-footer-company-copy small{font-size:12px;color:#c7dbe6}
.ecto-footer-contact{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(300px,1.2fr);gap:14px;margin-bottom:24px}
.ecto-footer-item{display:flex;align-items:center;gap:12px;padding:15px 17px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);border-radius:16px}
.ecto-footer-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(90,215,242,.14);color:#7de4fb;font-size:17px;flex:0 0 auto}
.ecto-footer-item>span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.ecto-footer-item small{text-transform:uppercase;letter-spacing:.09em;color:#8fb3c5;font-size:10px;font-weight:800}
.ecto-footer-item strong{font-size:13px;color:#fff;line-height:1.35;font-weight:750}
.ecto-footer-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;padding:18px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}
.ecto-footer-links a{color:#d7edf7!important;text-decoration:none!important;font-size:12px;font-weight:750}
.ecto-footer-links a:hover{color:#fff!important;text-decoration:underline!important}
.ecto-footer-bottomline{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:18px;font-size:11px;color:#9ebdcb}
.ecto-footer-bottomline a{color:#d9f5ff!important;font-weight:800;text-decoration:none!important}
.ecto-footer-years{white-space:nowrap}

/* Preserve footer visibility above PWA bottom controls. */
body.ecto-agent-app{padding-bottom:0!important}

@media(max-width:991px){
  /* Larger mobile logo while keeping the white header compact. */
  .header .header-wrapper{height:110px!important;min-height:110px!important;padding:0!important}
  .header .logo-box{width:73%!important;height:100%!important;padding:0 0 0 12px!important;display:flex!important;align-items:flex-start!important;overflow:visible!important}
  .header .logo,.header .logo a{width:100%!important;height:100%!important;display:flex!important;align-items:flex-start!important;overflow:visible!important}
  .header .logo-img{
    width:min(282px,100%)!important;max-width:282px!important;max-height:102px!important;height:auto!important;
    object-fit:contain!important;object-position:left top!important;transform:translateY(-5px)!important;
    filter:drop-shadow(0 4px 7px rgba(20,35,50,.06));
  }
  .header .right-box{width:27%!important}
  .header .primary .navbar-toggle{top:28px!important;right:10px!important}

  .ecto-brand-footer{margin-top:26px;padding-bottom:92px}
  .ecto-brand-footer .ecto-footer-shell{padding:24px 16px 22px!important}
  .ecto-footer-logo{width:164px;max-width:46vw}
  .ecto-footer-contact{grid-template-columns:1fr}
  .ecto-footer-bottomline{align-items:flex-start;flex-direction:column;gap:6px}
}

@media(max-width:520px){
  .header .header-wrapper{height:106px!important;min-height:106px!important}
  .header .logo-box{width:74%!important;padding-left:8px!important}
  .header .right-box{width:26%!important}
  .header .logo-img{
    width:min(270px,100%)!important;max-width:270px!important;max-height:98px!important;
    transform:translateY(-7px)!important;
  }
  .header .primary .navbar-toggle{top:26px!important;right:8px!important}
  .ecto-footer-company-link{width:100%;gap:12px;padding:8px 6px}
  .ecto-footer-logo{width:142px;max-width:42vw}
  .ecto-footer-company-copy strong{font-size:13px}
  .ecto-footer-company-copy span{font-size:12px}
  .ecto-footer-company-copy small{font-size:10px}
  .ecto-footer-item{padding:13px 14px}
  .ecto-footer-links{gap:10px 14px}
}