/* MOMENTE PUBLIC V8 CLEAN
   Cleaner header, footer-only brand mark, compact social icons.
*/

/* 1) Header: no logo, no top TikTok, keep booking CTA clean. */
#tiktokTop{
  display:none !important;
}

.topbar .brand{
  display:none !important;
}

.topbar{
  height:78px !important;
  padding-inline:clamp(18px,4vw,64px) !important;
}

@media(min-width:951px){
  .topbar nav{
    position:absolute !important;
    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) !important;
    margin:0 !important;
  }

  .topbar .top-actions{
    margin-inline-start:auto !important;
  }
}

/* 2) Hero: remove duplicated large logo. Brand lives in footer only. */
.hero-brand-logo{
  display:none !important;
}

/* 3) Compact, controlled social icons near the bottom. */
.momente-social-band{
  padding:46px clamp(20px,6vw,88px) !important;
  gap:18px !important;
  text-align:center !important;
  justify-items:center !important;
}

.momente-social-copy{
  max-width:520px !important;
}

.momente-social-copy h2{
  margin:6px 0 0 !important;
  font-size:clamp(27px,3vw,38px) !important;
}

.momente-social-links{
  display:flex !important;
  flex-direction:row !important;
  justify-content:center !important;
  align-items:center !important;
  gap:10px !important;
  margin-top:10px !important;
}

.momente-social-link{
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  min-height:46px !important;
  max-width:46px !important;
  max-height:46px !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  overflow:hidden !important;
}

.momente-social-link svg,
.momente-social-link.whatsapp-icon svg,
.momente-social-link.tiktok-icon svg,
.momente-social-link.phone-icon svg{
  width:19px !important;
  height:19px !important;
  min-width:19px !important;
  min-height:19px !important;
  max-width:19px !important;
  max-height:19px !important;
  display:block !important;
  margin:0 !important;
  transform:none !important;
}

.momente-social-link.whatsapp-icon svg{
  width:21px !important;
  height:21px !important;
  max-width:21px !important;
  max-height:21px !important;
}

/* 4) Footer: one small Momente mark at the bottom. */
footer{
  padding-top:40px !important;
}

.footer-logo img{
  width:112px !important;
  height:72px !important;
  max-width:112px !important;
  max-height:72px !important;
  object-fit:contain !important;
  object-position:center !important;
}

.footer-logo span{
  margin-top:2px !important;
  font-size:7px !important;
  letter-spacing:.18em !important;
}

@media(max-width:950px){
  .topbar{
    height:68px !important;
  }
}

@media(max-width:620px){
  .topbar{
    height:64px !important;
    padding-inline:14px !important;
  }

  .hero-inner{
    padding-top:66px !important;
  }

  .momente-social-band{
    padding:38px 18px !important;
    gap:14px !important;
  }

  .momente-social-copy h2{
    font-size:27px !important;
  }

  .momente-social-link{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;
    max-width:44px !important;
    max-height:44px !important;
  }

  footer{
    padding:38px 20px 20px !important;
  }

  .footer-logo img{
    width:100px !important;
    height:64px !important;
    max-width:100px !important;
    max-height:64px !important;
  }
}