/* wowgoldfarms.com site menu on Flask pages (gold_guides_chrome.py).
   The SAME 128-RedButton three-slice the static site uses (wowgoldfarms-pro/site/static/
   wgf-site.css, .menu / .rb): caps 56x128 + center 64x128 tiled, additive highlight,
   pressed slices for the active item. Real client textures, no drawn borders. */
.wgf-shell-topbar .menu { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center;
  gap: 8px 10px; margin: 0 0 0 auto; padding: 6px 0; }
.rb { position: relative; display: inline-flex; height: 36px; text-decoration: none; }
.rb-l, .rb-r { width: 16px; height: 36px; background: no-repeat 0 0 / 100% 100%; }
.rb-l { background-image: url("/assets/ui/128-redbutton-left-cap.png"); }
.rb-r { background-image: url("/assets/ui/128-redbutton-right-cap.png"); }
.rb-c { height: 36px; display: flex; align-items: center; padding: 1px 8px 0; white-space: nowrap;
  font-family: var(--font-game, "FrizQT", serif); font-size: 15px; color: var(--wgf-gold, #ffd100);
  text-shadow: 1px 1px 0 #000;
  background: url("/assets/ui/_128-redbutton-center.png") repeat-x 0 0 / auto 100%; }
.rb::after { content: ""; position: absolute; inset: 0; opacity: 0; pointer-events: none;
  background: url("/assets/ui/128-redbutton-highlight.png") center / 100% 100% no-repeat; mix-blend-mode: plus-lighter; }
.rb:hover::after { opacity: .55; }
.rb:hover .rb-c, .rb.on .rb-c { color: #fff; }
.rb:active .rb-l, .rb.on .rb-l { background-image: url("/assets/ui/128-redbutton-left-cap-pressed.png"); }
.rb:active .rb-r, .rb.on .rb-r { background-image: url("/assets/ui/128-redbutton-right-cap-pressed.png"); }
.rb:active .rb-c, .rb.on .rb-c { background-image: url("/assets/ui/_128-redbutton-center-pressed.png"); }
.rb.big { height: 42px; }
.rb.big .rb-l, .rb.big .rb-r { width: 18px; height: 42px; }
.rb.big .rb-c { height: 42px; font-size: 16px; padding: 1px 12px 0; }

/* The partner's client-side masthead (wgf-masthead.js / wgf-selector.js inject the version
   strip, the LIVE build seal, ENTER WORLD and the region picker) belongs to thewowdb.com: every
   link in it leaves this host. This sheet loads only on sister pages, so hiding it here leaves
   thewowdb.com untouched and keeps ONE menu on wowgoldfarms.com. */
.wgf-mh-games, .wgf-mh-build, .wgf-shell-right,
body .wgf-shell-topbar .wgf-shell-right > *, body .wgf-shell-topbar .wgf-realm-btn,
body .wgf-shell-topbar .wgf-sel { display: none !important; }

/* footer: the static site's four links in one row */
.gg-footnav { display: flex; flex-wrap: wrap; gap: 8px 18px; }
.gg-footnav a { color: var(--wgf-gold-link, #ffd100); }

@media (max-width: 700px) {
  .wgf-shell-topbar__inner { flex-wrap: wrap; }
  .wgf-shell-topbar .menu { justify-content: center; width: 100%; margin: 0; gap: 6px; }
  .rb, .rb-c { height: 34px; }
  .rb-l, .rb-r { width: 15px; height: 34px; }
  .rb-c { font-size: 14px; padding: 1px 6px 0; }
}