/* Match the hotel-page footer logo to the shared homepage logo frame. */
html body footer.hotel-detail-footer .footer-about .footer-logo-frame {
  display: grid;
  place-items: center;
  width: 116px;
  min-height: 78px;
  padding: 8px;
  overflow: hidden;
  border: 1px solid rgba(23, 35, 34, .14);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 6px 16px rgba(22, 67, 66, .15);
}

html body footer.hotel-detail-footer .footer-about .footer-logo-frame img {
  display: block;
  width: 100px;
  height: auto;
  max-height: 62px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  filter: none;
  object-fit: contain;
  opacity: 1;
}

html[data-theme="dark"] body footer.hotel-detail-footer .footer-about .footer-logo-frame {
  border-color: rgba(112, 221, 218, .35);
  background: linear-gradient(145deg, #193230, #14211f);
}

html[data-theme="dark"] body footer.hotel-detail-footer .footer-about .footer-logo-frame img {
  filter: brightness(0) invert(1) drop-shadow(0 0 8px rgba(88, 197, 198, .58));
}

@media (max-width: 700px) {
  html body footer.hotel-detail-footer .footer-about .footer-logo-frame {
    width: 108px;
    min-height: 72px;
  }
  html body footer.hotel-detail-footer .footer-about .footer-logo-frame img {
    width: 92px;
    max-height: 58px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body footer.hotel-detail-footer .footer-about .footer-logo-frame,
  html body footer.hotel-detail-footer .footer-about .footer-logo-frame img {
    transition: none !important;
  }
}