/* Dathoria centered, clickable header logo.
   Isolated presentation-only patch: no menus, content columns or server logic changed. */
#ArtworkHelper {
  position: relative;
}

#DathoriaCenteredLogo {
  position: absolute;
  top: 18px;
  left: 50%;
  z-index: 30;
  display: block;
  width: 300px;
  height: 122px;
  transform: translateX(-50%);
  cursor: pointer;
  text-decoration: none;
}

#DathoriaCenteredLogo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  border: 0;
  filter: drop-shadow(0 4px 3px rgba(0, 0, 0, .9)) drop-shadow(0 0 9px rgba(224, 145, 35, .24));
  transition: transform .2s ease, filter .2s ease;
}

#DathoriaCenteredLogo:hover img,
#DathoriaCenteredLogo:focus-visible img {
  transform: scale(1.025);
  filter: drop-shadow(0 5px 3px rgba(0, 0, 0, .95)) drop-shadow(0 0 12px rgba(238, 166, 53, .38));
}

/* Remove only the old small left-side logo; the menu layout remains untouched. */
#LeftArtwork {
  display: none !important;
}

@media (max-width: 900px) {
  #DathoriaCenteredLogo {
    position: absolute;
    top: 4px;
    width: min(168px, 46vw);
    height: 62px;
    z-index: 9999;
  }

  /* Existing mobile layout starts at 66px; add a little breathing room for the logo. */
  #Bodycontainer,
  body.DathoriaHomePage #Bodycontainer {
    padding-top: 76px !important;
  }
}

@media (max-width: 420px) {
  #DathoriaCenteredLogo {
    width: 142px;
    height: 58px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #DathoriaCenteredLogo img {
    transition: none;
  }
}