:root {
  --arriva-blue:#004B93;
  --arriva-cyan:#00AEEF;
  --arriva-dark:#172B4D;
  --arriva-light:#F3F8FC;
  --arriva-border:#D8E6F2;
}

.ui-nav-shell[data-o7c-submenu-nav="1"] {
  background: linear-gradient(90deg, var(--arriva-blue), var(--arriva-cyan));
  color: white;
  padding: 12px 18px;
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
  box-shadow: 0 2px 12px rgba(0,0,0,.16);
  position: sticky;
  top: 0;
  z-index: 50;
}

.ui-nav-shell[data-o7c-submenu-nav="1"] .ui-nav-brand {
  display:flex;
  align-items:center;
  min-width:210px;
}

.ui-nav-shell[data-o7c-submenu-nav="1"] .ui-nav-brand-link {
  color:white;
  text-decoration:none;
  font-weight:900;
  display:inline-flex;
  align-items:center;
  gap:10px;
}

.ui-nav-shell[data-o7c-submenu-nav="1"] .ui-nav-logo {
  height:34px;
  width:auto;
  background:white;
  border-radius:8px;
  padding:4px 6px;
}

.ui-nav-shell[data-o7c-submenu-nav="1"] .ui-main-nav {
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.ui-nav-shell[data-o7c-submenu-nav="1"] .ui-nav-link,
.ui-nav-shell[data-o7c-submenu-nav="1"] .ui-nav-dropbtn {
  color:white;
  text-decoration:none;
  border:0;
  background:rgba(255,255,255,.14);
  padding:9px 12px;
  border-radius:999px;
  font-weight:850;
  font:inherit;
  cursor:pointer;
  white-space:nowrap;
}

.ui-nav-shell[data-o7c-submenu-nav="1"] .ui-nav-link:hover,
.ui-nav-shell[data-o7c-submenu-nav="1"] .ui-nav-link.active,
.ui-nav-shell[data-o7c-submenu-nav="1"] .ui-nav-drop.active > .ui-nav-dropbtn,
.ui-nav-shell[data-o7c-submenu-nav="1"] .ui-nav-drop:hover > .ui-nav-dropbtn {
  background:white;
  color:var(--arriva-blue);
}

.ui-nav-shell[data-o7c-submenu-nav="1"] .ui-nav-drop {
  position:relative;
  display:inline-block;
}

.ui-nav-shell[data-o7c-submenu-nav="1"] .ui-nav-dropmenu {
  display:none;
  position:absolute;
  left:0;
  top:calc(100% + 7px);
  min-width:210px;
  background:white;
  border:1px solid var(--arriva-border);
  border-radius:16px;
  box-shadow:0 12px 28px rgba(20,45,80,.18);
  overflow:hidden;
  z-index:100;
}

.ui-nav-shell[data-o7c-submenu-nav="1"] .ui-nav-drop:hover .ui-nav-dropmenu,
.ui-nav-shell[data-o7c-submenu-nav="1"] .ui-nav-drop:focus-within .ui-nav-dropmenu {
  display:block;
}

.ui-nav-shell[data-o7c-submenu-nav="1"] .ui-nav-dropmenu a {
  display:block;
  color:var(--arriva-dark);
  text-decoration:none;
  padding:11px 13px;
  font-weight:760;
  border-bottom:1px solid #eef4f8;
}

.ui-nav-shell[data-o7c-submenu-nav="1"] .ui-nav-dropmenu a:last-child {
  border-bottom:0;
}

.ui-nav-shell[data-o7c-submenu-nav="1"] .ui-nav-dropmenu a:hover,
.ui-nav-shell[data-o7c-submenu-nav="1"] .ui-nav-dropmenu a.active {
  background:var(--arriva-light);
  color:var(--arriva-blue);
}

.ui-nav-shell[data-o7c-submenu-nav="1"] .ui-admin-subnav {
  flex-basis:100%;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  padding-top:8px;
  border-top:1px solid rgba(255,255,255,.25);
}

@media (max-width:800px) {
  .ui-nav-shell[data-o7c-submenu-nav="1"] {
    align-items:stretch;
  }
  .ui-nav-shell[data-o7c-submenu-nav="1"] .ui-main-nav,
  .ui-nav-shell[data-o7c-submenu-nav="1"] .ui-nav-brand {
    width:100%;
  }
  .ui-nav-shell[data-o7c-submenu-nav="1"] .ui-nav-dropmenu {
    position:static;
    margin-top:6px;
    box-shadow:none;
  }
}