/* Wallapaper edition. Change wallpaper.jpg to wallpaper.png if used different file extension */
@-moz-document url("about:home"),
url("about:newtab") {

  

  body {
   background: var(--baseBG) !important;
   position: relative;
}
body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("ASSETS/wallpaper/wallpaper.png") center/cover no-repeat;
    filter: grayscale(100%) brightness(40%);
    z-index: -1;
    pointer-events: none;
}

  .outer-wrapper .search-wrapper .search-handoff-button {
    backdrop-filter: blur(24px) !important;
    background-color: var(--firefoxcss-wallpaper-item-bg-color) !important;
    border-top: 1px solid hsla(0, 0%, 70%, 0.135) !important;
    fill: hsla(0, 0%, 100%, 0.6) !important;
    border: 1px solid #0000001c !important;
  }

  .outer-wrapper .logo-and-wordmark .wordmark {
    filter: drop-shadow(0px 1px 1px hsl(0, 0%, 0%));
  }

  #root .outer-wrapper .body-wrapper .tile {
    backdrop-filter: unset !important;
    border-top: 0px solid hsla(0, 0%, 100%, 0) !important;
/*    border-bottom: 0px solid hsla(0, 0%, 100%, 0) !important; */
    background-color: hsla(0, 0%, 11%, 0.6) !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border: 0px !important;
      box-shadow: unset !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    width: 100% !important;
/*     border-bottom: 1px solid color-mix(in srgb, currentColor 10%, transparent) !important; */
  }

  .outer-wrapper .top-sites-list .top-site-outer {
    padding-inline: 14px !important;
    margin-block-end: 24px !important;
  }

  .top-site-outer:hover {
    background-color: transparent !important;
  }

  .outer-wrapper .top-site-outer .top-site-inner>a {
    padding: 0px !important;
  }

  .outer-wrapper .top-site-outer .context-menu-button {
    inset-inline-end: 4px !important;
    top: -20px !important;
  }

  .outer-wrapper .search-inner-wrapper:hover .search-handoff-button {
    background-color: (--firefoxcss-wallpaper-item-hover-bg-color) !important;
    border-top: 1px solid hsla(0, 0%, 48%, 0.3) !important;
    fill: rgba(251, 251, 254, 0.8) !important;
  }

  #root .outer-wrapper .body-wrapper .top-site-button:hover .tile {
    border-top: 0px !important;
/*    background-color: hsla(0, 0%, 16%, 0.4) !important; */
  }

  .outer-wrapper .top-site-outer .top-site-button .title {
    opacity: 0.8 !important;
/*    text-shadow: 0px 0px 1px #000 !important; */
    /* text-shadow: 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black; */
  }

  .outer-wrapper .top-site-outer .top-site-inner {
    filter: grayscale(100%) !important;
    border: none !important;
  }

  .outer-wrapper .body-wrapper .top-site-inner:hover {
    /*    border: 1px solid #00000017 !important; */
    filter: grayscale(0%) !important;
    background-color: #000 !important;
  }

  .outer-wrapper .search-wrapper .search-handoff-button .fake-textbox {
    opacity: 0.6 !important;
  }

  .outer-wrapper .context-menu-button.icon,
  .card-outer .context-menu-button.icon {
    filter: drop-shadow(0px 1px 1px hsl(0, 0%, 0%));
  }

  .outer-wrapper .context-menu-button.icon:hover,
  .card-outer .context-menu-button.icon:hover {
    transform: scale(1.2);
  }

  .outer-wrapper .top-sites-list:not(.dnd-active) .top-site-outer:is(.active, :focus) {
    z-index: 8;
    position: relative;
    background-color: transparent !important;
  }
}

.top-site-icon {
  background-color: transparent !important;
}


#appcontent {
  @media (-moz-bool-pref: "sidebar.revamp") {
    & {
      border-top: none !important;
      border-inline-start: none !important;
      box-shadow: unset !important;
      position: relative;
    }
  }
}

#tabbrowser-tabbox { 
  outline: none !important;
  box-shadow: none !important;
}
