/* Hyper Era Tours V24 — exact footer centering for desktop, tablet and mobile */

/* Equal desktop columns keep every heading and content block on the same visual centre. */
.compact-footer-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  column-gap:34px!important;
  align-items:start!important;
}

.compact-footer-about,
.compact-footer-col,
.compact-contact-col{
  width:100%!important;
  min-width:0!important;
  justify-self:stretch!important;
  text-align:center!important;
}

/* HYPER ERA logo: centre the actual wordmark, not just its outer column. */
.compact-footer-about .footer-luxury-brand,
.compact-footer-about .footer-luxury-brand.he-brand{
  display:flex!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0 auto 14px!important;
  padding:0!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
  transform:none!important;
}
.compact-footer-about .he-logo-text,
.compact-footer-about .footer-brand-copy,
.compact-footer-about .he-logo-row{
  width:max-content!important;
  max-width:100%!important;
  margin:0 auto!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.compact-footer-about p{
  margin:0 auto 16px!important;
  max-width:320px!important;
  text-align:center!important;
}
.compact-socials{
  width:100%!important;
  margin-inline:auto!important;
  justify-content:center!important;
}

/* All footer column headings and links share a true centre axis. */
.compact-footer-col h4,
.compact-contact-col h4{
  display:block!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.compact-footer-col > a{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}

/* Centre contact rows as complete icon + text groups. */
.footer-contact-list{
  display:grid!important;
  justify-items:center!important;
  width:100%!important;
  max-width:430px!important;
  margin:0 auto!important;
  padding:0!important;
}
.compact-contact-col .footer-contact-row{
  display:grid!important;
  grid-template-columns:18px minmax(0,max-content)!important;
  justify-content:center!important;
  align-items:center!important;
  column-gap:11px!important;
  width:100%!important;
  max-width:430px!important;
  margin:7px auto!important;
  padding:0!important;
  text-align:left!important;
  white-space:normal!important;
}
.compact-contact-col .footer-contact-icon{
  display:grid!important;
  place-items:center!important;
  width:18px!important;
  min-width:18px!important;
  margin:0!important;
  color:#f6bd55!important;
  text-align:center!important;
}
.compact-contact-col .footer-contact-row > span:last-child{
  display:block!important;
  min-width:0!important;
  overflow-wrap:anywhere!important;
  text-align:left!important;
}
.compact-newsletter{
  width:min(100%,360px)!important;
  margin:18px auto 0!important;
}

/* Keep the lower footer content centred and balanced. */
.compact-footer-trust{
  justify-content:center!important;
  text-align:center!important;
}

@media (max-width:1100px){
  .compact-footer-grid{
    grid-template-columns:1.15fr .8fr .8fr 1.25fr!important;
    column-gap:24px!important;
  }
  .compact-contact-col .footer-contact-row{
    grid-template-columns:18px minmax(0,1fr)!important;
    max-width:360px!important;
  }
}

@media (max-width:980px){
  .compact-footer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:28px 24px!important;
  }
  .compact-footer-about,
  .compact-contact-col{
    grid-column:1/-1!important;
  }
  .compact-footer-about p{max-width:440px!important}
  .footer-contact-list{max-width:460px!important}
  .compact-contact-col .footer-contact-row{max-width:430px!important}
}

@media (max-width:640px){
  .compact-footer-grid{
    grid-template-columns:1fr!important;
    gap:24px!important;
  }
  .compact-footer-about,
  .compact-footer-col,
  .compact-contact-col{
    grid-column:auto!important;
    justify-self:center!important;
  }
  .compact-footer-col > a{
    width:100%!important;
    text-align:center!important;
  }
  .footer-contact-list{
    width:100%!important;
    max-width:100%!important;
  }
  .compact-contact-col .footer-contact-row{
    grid-template-columns:18px minmax(0,1fr)!important;
    width:min(100%,360px)!important;
    max-width:360px!important;
    justify-content:center!important;
  }
  .compact-contact-col .footer-contact-row > span:last-child{
    text-align:left!important;
  }
  .compact-newsletter{width:min(100%,360px)!important}
  .compact-footer-bottom,
  .compact-footer-bottom div{
    justify-content:center!important;
    text-align:center!important;
  }
}

@media (max-width:420px){
  .compact-contact-col .footer-contact-row{
    width:100%!important;
    max-width:100%!important;
    font-size:.82rem!important;
    column-gap:9px!important;
  }
  .compact-footer-about .he-logo-row{
    justify-content:center!important;
  }
}
