/* PrintMyRide Logo to Text Replacement */
/* Hide existing logo images ONLY */
.header-title-logo img,
.site-title img,
.logo img,
.header-logo img,
img[src*="nuevologo"],
img[src*="301409ac"],
img[src*="Screen+Shot"] {
  display: none !important;
}

/* Hide specific logo images from squarespace-cdn but not all images */
img[src*="nuevologo2024.png"],
img[src*="Screen+Shot+2022-08-09"] {
  display: none !important;
}

/* Replace with PrintMyRide text */
.header-title-logo:after,
.site-title:after,
.logo:after,
.header-logo:after {
  content: "PrintMyRide" !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", system-ui, sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #000 !important;
  text-decoration: none !important;
  display: inline-block !important;
}

/* Ensure the parent containers are visible */
.header-title-logo,
.site-title,
.logo,
.header-logo {
  display: inline-block !important;
}

/* Performance optimization - add will-change for animated elements */
html.wf-loading * {
  will-change: color;
}

/* Optimize image loading and rendering - but don't interfere with Squarespace */
img[data-src] {
  /* Let Squarespace handle its own lazy loading */
  loading: auto !important;
}

img:not([data-src]) {
  loading: lazy;
  decoding: async;
}

/* Critical performance optimizations */
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Reduce layout thrashing */
.header-nav, .nav, .mobile-nav {
  contain: layout;
}

/* Optimize grid rendering */
.gallery-grid-wrapper {
  contain: layout;
}

/* Ensure Squarespace images load properly */
img[data-loader="sqs"] {
  opacity: 1 !important;
  visibility: visible !important;
}

/* Fix any image visibility issues */
.image-block img,
.gallery-block img,
.sqs-gallery img,
.gallery-grid-item img,
.fluid-engine img {
  max-width: 100%;
  height: auto;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Ensure all content images are visible */
img:not([src*="nuevologo"]):not([src*="Screen+Shot+2022-08-09"]) {
  display: block !important;
  visibility: visible !important;
}