:root {
  --uw-nav-h: 64px;
}

@media (max-width: 576px) {
  :root { --uw-nav-h: 56px; }
}

/* Navbar sizing: keep height stable, scale logo inside */
.uw-navbar.navbar {
  height: var(--uw-nav-h);
  min-height: var(--uw-nav-h);
  padding-top: 0;
  padding-bottom: 0;
}

/* Avoid extra brand padding that can increase navbar height */
.uw-navbar .navbar-brand {
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  line-height: 1;
}

/* Logo: almost as tall as the navbar, no padding/border */
.uw-brand-logo {
  height: calc(var(--uw-nav-h) - 8px);
  width: auto;
  display: block;

  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

/* ------------------------------------------------------------
   Navbar user dropdown: desktop default, mobile right-aligned
   ------------------------------------------------------------ */

/* Always allow dropdowns to overflow the navbar area */
.uw-navbar,
.uw-navbar .container,
.uw-navbar .container-fluid,
.uw-navbar .navbar-nav {
  overflow: visible !important;
}

/* Ensure it stacks above page content */
.uw-navbar .uw-user-dd,
.uw-navbar .uw-user-dd .dropdown-menu {
  z-index: 6002 !important;
  opacity: 1 !important;
}

/* MOBILE ONLY (< md): Bootstrap makes navbar dropdowns "static".
   Force absolute positioning so it behaves like kebab menus (right aligned). */
@media (max-width: 767.98px) {
  .uw-navbar .navbar-nav {
    position: relative; /* anchor for absolute menu */
  }

  .uw-navbar .uw-user-dd {
    position: relative; /* anchor menu to the toggle */
  }

  .uw-navbar .uw-user-dd .dropdown-menu.show {
    position: absolute !important;
    right: 0 !important;
    left: auto !important;
    top: calc(100% + 0.25rem) !important;
    transform: none !important; /* prevent weird translate on small screens */
    margin-top: 0 !important;
    min-width: 12rem;
  }
}