/* --------------------------------------------------
   SHARED TOP-LEFT BUTTONS (MASTERED FROM PRESSKIT)
-------------------------------------------------- */

/* WRP LOGO + BUTTON */
.wearyroad-logo {
  height: 40px;
  width: auto;
  filter: none !important;
  position: relative;
  z-index: 2;
  pointer-events: none;
}

.wearyroad-nav {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 6px;
  border-radius: 6px;
  cursor: pointer;
  transition: opacity 0.2s ease, transform 0.2s ease;
  pointer-events: auto;
}

.wearyroad-nav:hover {
  transform: scale(1.04);
  filter:
    drop-shadow(0 0 10px rgba(200, 60, 255, 0.35))   /* subtle magenta */
    drop-shadow(0 0 18px rgba(77, 243, 255, 0.95));  /* strong cyan */
  transition: transform 0.25s ease, filter 0.25s ease;
}

/* --------------------------------------------------
   GB LOGO + BUTTON
-------------------------------------------------- */

.gb-logo {
  height: 40px;
  filter: drop-shadow(0 0 12px var(--accent2));
}

.gb-nav {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
}

/* inner <img> inside <picture class="gb-logo"> */
.gb-nav .gb-logo img {
  height: 40px;
  filter: drop-shadow(0 0 4px rgba(77, 243, 255, 0.35));
  transition: 0.25s ease;
  pointer-events: none;
}

.gb-nav:hover .gb-logo img {
  transform: scale(1.06);
  filter:
    drop-shadow(0 0 16px rgba(200,60,255,0.95))
    drop-shadow(0 0 12px rgba(77,243,255,0.65));
  transition: transform 0.25s ease, filter 0.25s ease;
}