/* 
 * SEO-only homepage content styles
 * Same hiding technique as the organization pages
 */

.seo-only-homepage {
  /* Visually hidden but accessible to search engines */
  position: absolute !important;
  left: -10000px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  
  /* Ensure it doesn't interfere with layout */
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  
  /* Prevent user interaction */
  pointer-events: none !important;
  user-select: none !important;
  
  /* Additional safeguards */
  z-index: -9999 !important;
  
  /* Keep content readable for search engines */
  font-size: 0 !important;
  line-height: 0 !important;
}

/* Reset font size for search engine crawlers while keeping visual hiding */
.seo-only-homepage * {
  font-size: 14px !important;
  line-height: 1.4 !important;
  color: transparent !important;
  background: transparent !important;
  text-shadow: none !important;
  box-shadow: none !important;
}