/* Team TararBari V18.4 - final footer layout shared by ALL installed templates.
   Loaded after every template stylesheet so template-specific CSS cannot undo it. */

/* Give the footer its own reliable width instead of inheriting a narrow template content width. */
.footer > .container{
  width:min(1480px,calc(100% - 40px))!important;
  max-width:none!important;
}

/* Desktop: Brand | Explore | Connect. */
.footer .footer-grid{
  display:grid!important;
  grid-template-columns:minmax(210px,240px) minmax(330px,380px) minmax(0,1fr)!important;
  column-gap:clamp(28px,2.5vw,44px)!important;
  row-gap:32px!important;
  align-items:start!important;
  padding-top:52px!important;
  padding-bottom:30px!important;
}
.footer .footer-grid>div{min-width:0!important}
.footer .footer-grid>div>strong{display:block!important;margin-bottom:14px!important}
.footer .footer-grid>div:first-child p{max-width:340px!important;line-height:1.7!important}

/* Explore: clean two-column list on every template. */
.footer .footer-explore-links{
  display:grid!important;
  grid-template-columns:max-content max-content!important;
  justify-content:start!important;
  align-items:start!important;
  column-gap:clamp(34px,3vw,56px)!important;
  row-gap:6px!important;
  margin:8px 0 0!important;
  line-height:1.35!important;
}
.footer .footer-explore-links br{display:none!important}
.footer .footer-explore-links a{
  display:block!important;
  width:max-content!important;
  max-width:none!important;
  white-space:nowrap!important;
  margin:0!important;
  padding:4px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  color:#9fb2c7!important;
  line-height:1.35!important;
}
.footer .footer-explore-links a::before{
  content:none!important;
  display:none!important;
  width:0!important;
  margin:0!important;
}
.footer .footer-explore-links a:hover,
.footer .footer-explore-links a:focus-visible,
.footer .footer-explore-links a:active{
  color:var(--primary)!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  transform:none!important;
}
.footer .footer-explore-links a.tb-footer-active{
  color:var(--primary)!important;
  font-weight:800!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  transform:none!important;
}
.footer .footer-explore-links a.tb-footer-active::before{
  content:none!important;
  display:none!important;
  width:0!important;
  margin:0!important;
}

/* Connect: email + phone never split on desktop; location uses the two Admin lines. */
.footer .footer-contact-lines{
  display:grid!important;
  grid-template-columns:max-content max-content minmax(0,1fr)!important;
  width:100%!important;
  justify-content:start!important;
  align-items:start!important;
  column-gap:clamp(18px,1.7vw,30px)!important;
  row-gap:10px!important;
  margin:0 0 12px!important;
}
.footer .footer-contact-lines p{
  margin:0!important;
  padding:0!important;
  min-width:0!important;
}
.footer .footer-contact-lines p strong{
  display:block!important;
  margin-bottom:5px!important;
}
.footer .footer-contact-lines p br{display:none!important}
.footer .footer-contact-lines a{
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.footer .footer-location{
  min-width:0!important;
  max-width:100%!important;
  white-space:normal!important;
}
.footer .footer-location-line{
  display:block!important;
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  line-height:1.45!important;
}
.footer .brand-social-icons{
  justify-content:flex-start!important;
  margin-top:16px!important;
}
.footer .copyright{
  margin-top:0!important;
  padding-top:22px!important;
  padding-bottom:22px!important;
  border-top:1px solid rgba(148,210,230,.12)!important;
}

/* Laptop / smaller desktop: keep Brand + Explore above and give Connect a full row. */
@media(max-width:1499px){
  .footer .footer-grid{
    grid-template-columns:minmax(220px,.8fr) minmax(360px,1.2fr)!important;
  }
  .footer .footer-grid>div:last-child{
    grid-column:1/-1!important;
  }
}

/* Tablet: stack the main footer areas; keep Email/Phone side-by-side and Location full width. */
@media(max-width:900px){
  .footer > .container{width:min(100% - 28px,1480px)!important}
  .footer .footer-grid{
    grid-template-columns:1fr!important;
    gap:28px!important;
    padding-top:38px!important;
  }
  .footer .footer-grid>div:last-child{grid-column:auto!important}
  .footer .footer-contact-lines{
    grid-template-columns:max-content max-content!important;
    column-gap:34px!important;
  }
  .footer .footer-contact-lines .footer-location{
    grid-column:1/-1!important;
  }
}

/* Phones: keep Explore tidy; Contact stacks safely. */
@media(max-width:700px){
  .footer > .container{width:min(100% - 24px,1480px)!important}
  .footer .footer-explore-links{
    grid-template-columns:max-content max-content!important;
    column-gap:clamp(28px,10vw,52px)!important;
    row-gap:6px!important;
  }
  .footer .footer-contact-lines{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .footer .footer-contact-lines .footer-location{grid-column:auto!important}
  .footer .footer-contact-lines a{white-space:normal!important;overflow-wrap:anywhere!important}
  .footer .footer-location-line{white-space:normal!important;overflow-wrap:break-word!important}
  .footer .copyright{text-align:center!important}
}

/* Very narrow phones: Explore becomes one column rather than wrapping words. */
@media(max-width:350px){
  .footer .footer-explore-links{
    grid-template-columns:1fr!important;
    row-gap:4px!important;
  }
  .footer .footer-explore-links a{
    width:auto!important;
    max-width:100%!important;
    white-space:normal!important;
  }
}