/* Home-only background + better top links visibility.
   Does NOT change layout or positioning. */

/* Prefer putting the background on html so it never interferes with clicks */
html{
  background-image: var(--breathe-bg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* Safety: no overlays, no filters, no pseudo-elements */
html::before,
body::before,
body::after{
  content: none !important;
}

/* Make About / Preferences readable on top of bright/dark backgrounds.
   (Targets typical SearXNG top-right links without moving them.) */
#links a,
.links a,
.top_right a,
#preferences a,
a[href$="/about"],
a[href$="/preferences"]{
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.65);
}

/* Ensure they remain clickable even if something weird renders above */
#links, .links, .top_right, #preferences{
  position: relative;
  z-index: 2;
}

/* Hide SearXNG logo/title on homepage WITHOUT changing layout */
body.index_endpoint .title h1,
body.index_endpoint .title img,
body.index_endpoint #search_logo,
body.index_endpoint #search_logo img,
body.index_endpoint #search_logo svg{
  visibility: hidden !important;  /* keeps the space */
}

/* Also hide any SearXNG text-only title variants */
body.index_endpoint .title{
  color: transparent !important;
}

/* Hide SearXNG branding on homepage WITHOUT affecting layout */
body.breathe-home .title h1,
body.breathe-home .title img,
body.breathe-home #search_logo,
body.breathe-home #search_logo img{
  opacity: 0 !important;          /* invisible, but still takes space */
  pointer-events: none !important; /* prevent weird click/hover */
  user-select: none !important;
}

/* Homepage only: hide the "SearXNG" title but keep layout space */
body.index_endpoint .index > .title h1{
  opacity: 0 !important;          /* invisible, keeps space */
  pointer-events: none !important;
  user-select: none !important;
}

/* Safety: if some pages use <img class="logo">, hide it too without shifting */
body.index_endpoint img.logo{
  opacity: 0 !important;
  pointer-events: none !important;
}


/* KILL the homepage title text but keep its space */
body.index_endpoint .index .title,
body.index_endpoint .index .title h1{
  visibility: hidden !important;   /* hides but preserves layout */
}