/* ==========================================
   WEAR INSTITUTE
   VERTICAL MENU - VERSION 2
   Transparent Vertical Theme
   ========================================== */

/* MENU CONTAINER */

.WaGadgetMenuVertical {
  background-color: #234b70 !important;
  border-radius: 6px !important;
  padding: 6px 0 !important;
  overflow: visible !important;
}

/* ALL MENU LINKS */

.WaGadgetMenuVertical a {
  display: block;
  background-color: #234b70 !important;
  color: #ffffff !important;

  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;

  text-decoration: none !important;
  white-space: normal !important;
  overflow-wrap: break-word;

  transition: background-color 0.2s ease;
}

/* TEXT INSIDE LINKS */

.WaGadgetMenuVertical a span {
  color: inherit !important;
}

/* TOP-LEVEL MENU SPACING */

.WaGadgetMenuVertical
ul.firstLevel > li > .item > a,
.WaGadgetMenuVertical
ul.firstLevel > li > a {
  padding: 11px 14px !important;
  border-bottom: 1px solid #41627e !important;
}

/* HOVER AND KEYBOARD FOCUS */

.WaGadgetMenuVertical a:hover,
.WaGadgetMenuVertical a:focus-visible {
  background-color: #35658e !important;
  color: #ffffff !important;
}

/* CURRENT PAGE */

.WaGadgetMenuVertical li.sel > .item > a,
.WaGadgetMenuVertical li.sel > a,
.WaGadgetMenuVertical li.selected > .item > a,
.WaGadgetMenuVertical li.selected > a {
  background-color: #416d92 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  box-shadow: inset 4px 0 0 #dce8f3;
}

/* SUBMENU LINKS */

.WaGadgetMenuVertical ul.secondLevel a {
  background-color: #ffffff !important;
  color: #234b70 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 10px 14px 10px 22px !important;
  border-bottom: 1px solid #e1e8ee !important;
}

/* SUBMENU TEXT */

.WaGadgetMenuVertical ul.secondLevel a span {
  color: inherit !important;
}

/* SUBMENU HOVER */

.WaGadgetMenuVertical ul.secondLevel a:hover,
.WaGadgetMenuVertical ul.secondLevel a:focus-visible {
  background-color: #e8f0f6 !important;
  color: #183b59 !important;
}

/* KEYBOARD FOCUS INDICATOR */

.WaGadgetMenuVertical a:focus-visible {
  outline: 2px solid #dce8f3 !important;
  outline-offset: -2px;
}

/* REDUCED MOTION */

@media (prefers-reduced-motion: reduce) {
  .WaGadgetMenuVertical a {
    transition: none !important;
  }
}

/* WEAR - Termly banner width adjustment */

#termly-code-snippet-support,
#termly-consent-banner {
  box-sizing: border-box !important;
}

/* Termly consent banner container */
#termly-consent-banner {
  width: calc(100% - 32px) !important;
  max-width: 1100px !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  bottom: 16px !important;
  border-radius: 6px !important;
}

/* Mobile screens */
@media (max-width: 767px) {
  #termly-consent-banner {
    width: calc(100% - 20px) !important;
    bottom: 10px !important;
  }
}