/* Styles for Elementor Widget: wego vti Menü */
:root { --mwd-overlay-top: 0px; }
.mwd-vego-vti-menu {
  --mwd-menu-gap: 0.5rem; /* gap for level-2 horizontal list */
  --mwd-l1-gap: 0.5rem;   /* gap between top-level items */
  --mwd-sub-indicator-size: 0.9em; /* default indicator size */
  --mwd-sub-indicator-image: none; /* default no image */
  --mwd-sub-indicator-mr: 8px; /* distance to text */
  --mwd-sub-indicator-mt: 2px; /* default top offset */
  --mwd-sub-indicator-mt-hover: 4px; /* hover top offset */
  position: relative;
  z-index: 10010; /* above page overlay */
}
.mwd-vego-vti-menu .menu,
.mwd-vego-vti-menu .sub-menu {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}
/* Top level */
.mwd-vego-vti-menu .menu > li {
  display: inline-block;
  margin-right: var(--mwd-l1-gap);
  position: static; /* make level-2 submenu anchor to the nav wrapper, not individual item */
}
.mwd-vego-vti-menu .menu > li:last-child { margin-right: 0; }
.mwd-vego-vti-menu .menu a {
  display: flex; /* allow centering */
  align-items: center; /* vertical center */
  justify-content: center; /* horizontal center */
  text-align: center;
  text-decoration: none;
  white-space: normal; /* allow wrapping */
  word-break: break-word;
  overflow-wrap: anywhere;
}

/* Dropdowns */
@media (hover: hover) {
  .mwd-vego-vti-menu .menu li li { position: relative; }
  /* level 2 container */
  .mwd-vego-vti-menu .menu > li > .sub-menu {
    position: absolute;
    left: -1px;
    top: 100%;
    min-width: 0; /* disable minimum width */
    display: none;
    z-index: 10020;
    background: #fff; /* can be overridden via controls */
    border: 1px solid rgba(0,0,0,.08);
    box-shadow: 0 10px 25px rgba(0,0,0,.12);
  }
  /* show level 2 on hover/focus */
  .mwd-vego-vti-menu .menu > li:hover > .sub-menu,
  .mwd-vego-vti-menu .menu > li:focus-within > .sub-menu {
    display: flex; /* arrange level-2 items horizontally */
    flex-wrap: nowrap;
    gap: var(--mwd-menu-gap);
  }
  /* level 2 list items */
  .mwd-vego-vti-menu .menu > li > .sub-menu > li { white-space: normal; position: relative; }

  /* level 3 container centered under its level-2 parent */
  .mwd-vego-vti-menu .menu > li > .sub-menu > li > .sub-menu {
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    display: none;
    z-index: 10030;
    background: #fff;
    border: 1px solid rgba(0,0,0,.08);
    box-shadow: 0 10px 25px rgba(0,0,0,.12);
    min-width: 0; /* disable minimum width */
  }
  .mwd-vego-vti-menu .menu > li > .sub-menu > li:hover > .sub-menu,
  .mwd-vego-vti-menu .menu > li > .sub-menu > li:focus-within > .sub-menu {
    display: block;
  }

  /* Level 3 link content should be left-aligned */
  .mwd-vego-vti-menu .menu > li > .sub-menu > li > .sub-menu > li > a {
    justify-content: flex-start;
    text-align: left;
  }

  /* Submenu indicator for level-2 items with children: after the text (right side) */
  .mwd-vego-vti-menu .menu > li > .sub-menu > li.menu-item-has-children > a {
    position: relative;
  }
  .mwd-vego-vti-menu .menu > li > .sub-menu > li.menu-item-has-children > a::after {
    content: '›';
    display: inline-block;
    position: relative; /* as requested */
    margin-left: var(--mwd-sub-indicator-mr, 8px);
    margin-top: var(--mwd-sub-indicator-mt, 2px);
    font-size: 0.9em;
    opacity: 0.75;
    pointer-events: none;
    width: var(--mwd-sub-indicator-size, 0.9em);
    height: var(--mwd-sub-indicator-size, 0.9em);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transition: margin-top .15s ease;
  }
  /* Hover animation: increase margin-top to create 2px down movement (2px -> 4px) */
  .mwd-vego-vti-menu .menu > li > .sub-menu > li.menu-item-has-children:hover > a::after,
  .mwd-vego-vti-menu .menu > li > .sub-menu > li.menu-item-has-children:focus-within > a::after {
    margin-top: var(--mwd-sub-indicator-mt-hover, 4px);
  }
  /* When custom indicator is enabled on the widget wrapper, use image instead of glyph */
  .elementor-widget-mwd-vego-vti-menu.mwd-has-custom-indicator-yes .mwd-vego-vti-menu .menu > li > .sub-menu > li.menu-item-has-children > a::after {
    content: '';
    font-size: 0; /* suppress text sizing */
    opacity: 1;
    background-image: var(--mwd-sub-indicator-image);
  }
}

/* Overlay that covers the page content when submenu is open */
.mwd-menu-overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: var(--mwd-overlay-top, 0);
  bottom: 0;
  background: rgba(0,0,0,.5);
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
  z-index: 10000; /* below nav z-index above */
}
body.mwd-menu-overlay-active .mwd-menu-overlay {
  opacity: 1;
  pointer-events: auto;
}