/**
 * Logged-in website chrome (.o_frontend_to_backend_nav) depends on Bootstrap
 * utilities and website/static/src/scss/website.ui.scss (in web.assets_frontend).
 * When the main frontend CSS bundle fails to apply, the apps dropdown stays
 * "open" and every root menu label renders as a plain link row.
 *
 * This file approximates the critical website.ui rules so the strip stays
 * usable even if the bundle is incomplete. Pair with Bootstrap 5 CDN in layout.
 */
body.cp-theme-dark .o_frontend_to_backend_nav {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1060;
  font-size: 13px;
  line-height: 1.4;
  font-family: "Roboto", "Plus Jakarta Sans", system-ui, sans-serif;
}

body.cp-theme-dark .o_frontend_to_backend_nav::before,
body.cp-theme-dark .o_frontend_to_backend_nav .o_frontend_to_backend_icon,
body.cp-theme-dark .o_frontend_to_backend_nav .o_frontend_to_backend_buttons {
  transform-origin: top left;
  transition: transform 400ms ease 1s;
}

body.cp-theme-dark .o_frontend_to_backend_nav::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-top: 20px solid #714b67;
  border-left: 20px solid #714b67;
  border-bottom: 20px solid transparent;
  border-right: 20px solid transparent;
  cursor: pointer;
}

body.cp-theme-dark .o_frontend_to_backend_nav .o_frontend_to_backend_buttons {
  transition-duration: 800ms;
  transform: translateX(-250%) scaleX(0.5);
}

body.cp-theme-dark .o_frontend_to_backend_nav .o_frontend_to_backend_buttons > a {
  min-width: 40px;
  height: 40px;
  color: #fff !important;
}

body.cp-theme-dark .o_frontend_to_backend_nav .o_frontend_to_backend_apps_menu {
  font-size: 13px;
  max-height: 70vh;
  overflow: auto;
}

body.cp-theme-dark .o_frontend_to_backend_nav .o_frontend_to_backend_apps_btn {
  background-color: #714b67;
}

body.cp-theme-dark .o_frontend_to_backend_nav .o_frontend_to_backend_apps_btn:hover {
  background-color: #5d3e56;
}

body.cp-theme-dark .o_frontend_to_backend_nav .o_frontend_to_backend_edit_btn {
  background-color: #3c4e64;
}

body.cp-theme-dark .o_frontend_to_backend_nav .o_frontend_to_backend_edit_btn:hover {
  background-color: #323f52;
}

body.cp-theme-dark .o_frontend_to_backend_nav .o_frontend_to_backend_edit_btn > img {
  height: 1.8em;
  margin-right: 0.5em;
  border-radius: 0.25rem;
}

body.cp-theme-dark .o_frontend_to_backend_nav:hover::before,
body.cp-theme-dark .o_frontend_to_backend_nav:hover .o_frontend_to_backend_icon,
body.cp-theme-dark .o_frontend_to_backend_nav:focus-within::before,
body.cp-theme-dark .o_frontend_to_backend_nav:focus-within .o_frontend_to_backend_icon {
  transform: scale(0.3);
  transition-delay: 0ms;
  transition-duration: 400ms;
}

body.cp-theme-dark .o_frontend_to_backend_nav:hover .o_frontend_to_backend_buttons,
body.cp-theme-dark .o_frontend_to_backend_nav:focus-within .o_frontend_to_backend_buttons {
  transform: translateX(0);
  transition-delay: 0ms;
  transition-duration: 400ms;
}