/* Monaco: replace the default Frappe website navbar with a single button on every staff web page.
   The default navbar renders UNSTYLED on this instance (brand + account/apps/logout dropdown + an empty
   language <select> = the "gray box"), which the owner asked to remove. We hide the navbar's CHILDREN
   (not the <nav> itself): so there is no unstyled flash, and if monaco_web_nav.js ever fails to run the
   bar is simply empty rather than showing the raw chrome. The JS re-tags <nav> to .monaco-home-nav and
   injects one button: Home -> /app for logged-in staff, or Login -> /login for a guest.
   Transparent bar so it blends on both light and dark (CDS-token) page backgrounds. */

nav.navbar > .container > .navbar-brand,
nav.navbar > .container > .navbar-toggler,
nav.navbar > .container > #navbarSupportedContent,
nav.navbar > .container > .navbar-collapse,
nav.navbar > #language-switcher,
nav.navbar #language-switcher { display: none !important; }

nav.navbar.monaco-home-nav {
  display: flex !important;
  align-items: center;
  justify-content: flex-end;      /* button sits in the natural top corner for the RTL Arabic UI */
  gap: 8px;
  min-height: 52px;
  margin: 0;
  padding: 10px 16px;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.monaco-home-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 18px;
  background: #8a2130;              /* Monaco wine */
  color: #ffffff !important;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none !important;
  box-shadow: 0 2px 6px rgba(138, 33, 48, 0.25);
  transition: background 0.15s ease, transform 0.12s ease;
}
.monaco-home-btn:hover         { background: #6e1a26; color: #ffffff !important; transform: translateY(-1px); }
.monaco-home-btn:active        { transform: translateY(0); }
.monaco-home-btn:focus-visible { outline: 2px solid #ffffff; outline-offset: 2px; }
.monaco-home-btn svg           { width: 18px; height: 18px; fill: currentColor; flex: 0 0 auto; }
.monaco-home-btn span          { white-space: nowrap; }