/* ClubPass365 Rebuild v1.0.217 — native brand assets, larger but bounded header logo. */
.cp365-site .cp365-header .cp365-logo {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
}
.cp365-site .cp365-header .cp365-logo img.cp365-logo-day,
.cp365-site .cp365-header .cp365-logo img.cp365-logo-night {
  height: 76px !important;
  width: auto !important;
  max-width: 238px !important;
  max-height: 76px !important;
  object-fit: contain !important;
  object-position: left center !important;
}
@media (max-width: 1180px) {
  .cp365-site .cp365-header .cp365-logo img.cp365-logo-day,
  .cp365-site .cp365-header .cp365-logo img.cp365-logo-night {
    height: 60px !important;
    max-width: 188px !important;
    max-height: 60px !important;
  }
}
@media (max-width: 820px) {
  .cp365-site .cp365-header .cp365-logo img.cp365-logo-day,
  .cp365-site .cp365-header .cp365-logo img.cp365-logo-night {
    height: 49px !important;
    max-width: 154px !important;
    max-height: 49px !important;
  }
}
/* Allow the native footer logo to remain legible but never exceed its column. */
.cp365-site .cp365-footer .cp365-logo img {
  max-width: min(100%, 245px) !important;
  object-fit: contain !important;
}

/* v1.0.217: The exact glossy logo supplied by the owner has transparent
   edges and white/silver lettering, so it belongs directly on the dark footer.
   No legacy white card, image color inversion, or pseudo-element overlays. */
html .cp365-site footer.cp365-footer a.cp365-logo.cp365-footer-logo {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  position: relative !important;
  width: 282px !important;
  max-width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html .cp365-site footer.cp365-footer a.cp365-logo.cp365-footer-logo img.cp365-footer-brandmark {
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: none !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: left center !important;
  filter: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}
/* Disable previously installed night/day logo pseudo-elements only in footers. */
html .cp365-site footer.cp365-footer a.cp365-logo.cp365-footer-logo::before,
html .cp365-site footer.cp365-footer a.cp365-logo.cp365-footer-logo::after,
html .cp365-auth-footer a.cp365-logo.cp365-auth-footer-logo::before,
html .cp365-auth-footer a.cp365-logo.cp365-auth-footer-logo::after {
  content: none !important;
  display: none !important;
  background: none !important;
}
html[data-cp365-theme] .cp365-site footer.cp365-footer a.cp365-footer-logo img.cp365-footer-brandmark,
html[data-cp365-theme] .cp365-auth-footer a.cp365-auth-footer-logo img.cp365-footer-brandmark {
  filter: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}
/* Auth/login footers are light: use a small dark backing for white lettering. */
html .cp365-auth-footer a.cp365-logo.cp365-auth-footer-logo {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  width: 212px !important;
  max-width: 100% !important;
  height: auto !important;
  padding: 3px 6px !important;
  background: #03060d !important;
  border: 0 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
html .cp365-auth-footer a.cp365-logo.cp365-auth-footer-logo img.cp365-footer-brandmark {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  filter: none !important;
}
@media (max-width: 620px) {
  html .cp365-site footer.cp365-footer a.cp365-logo.cp365-footer-logo {
    width: 258px !important;
    max-width: 100% !important;
  }
  html .cp365-auth-footer a.cp365-logo.cp365-auth-footer-logo {
    width: 194px !important;
  }
}
