/* UPANEL-002 — User panel: sidebar arrow alignment/direction + profile info icon
 * Template #158 (WooLentor my-account): Element Pack Vertical Menu 1bb1da3 (inner submenus),
 * profile-status row 8e68f32 (heading dedcc65 + icon 58159b2). CSS only; UPANEL-001 (#173)
 * keeps the accordion behaviour and is not touched.
 *
 * 1. Arrow centring. Element Pack positions .bdt-menu-arrow absolutely at the top of the <li>
 *    (top:0 + the widget's 10px offset) while the link row starts 5px lower and is 43px tall,
 *    so the chevron sat above the text. The arrow now shares the link's grid cell and is
 *    centred on it (the 5px is the link's own top margin).
 * 2. Direction. Closed was "<" (-45deg) and open ">" (135deg): the 180deg transition swept the
 *    chevron through "up", and browsers without :dir() fell back to Element Pack's LTR 45deg
 *    (pointing up). Expandable rows now always point DOWN; the open state is shown by colour,
 *    so nothing rotates. Direct links (no submenu) get a LEFT chevron toward the content.
 *    Element Pack rotates the chevron around its top edge (transform-origin: 50% 0), which lifts
 *    it ~5px; it is rotated around its centre here.
 * 3. Info icon. The heading's 20px top padding sits on an inline <span> (takes no space) while
 *    the icon's 20px top margin is real, so the icon sat ~10px below the text. The row now
 *    centres its items; the row keeps its previous 40px height so nothing else moves.
 * Rollback: toggle this snippet off. */
.elementor-158 .elementor-element.elementor-element-1bb1da3.bdt-submenu-type-inner .bdt-vertical-menu .metismenu > li {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}
.elementor-158 .elementor-element.elementor-element-1bb1da3.bdt-submenu-type-inner .bdt-vertical-menu .metismenu > li > a {
  grid-area: 1 / 1;
}
.elementor-158 .elementor-element.elementor-element-1bb1da3.bdt-submenu-type-inner .bdt-vertical-menu .metismenu > li > ul {
  grid-area: 2 / 1;
}
.elementor-158 .elementor-element.elementor-element-1bb1da3.bdt-submenu-type-inner .bdt-vertical-menu .metismenu > li > .bdt-menu-arrow {
  grid-area: 1 / 1;
  position: relative;
  inset: auto;
  margin: 5px 0 0;
  margin-inline-end: 1em;
  align-self: center;
  justify-self: end;
  transition: color .2s ease;
}
.elementor-158 .elementor-element.elementor-element-1bb1da3.bdt-submenu-type-inner .bdt-vertical-menu .metismenu > li > .bdt-menu-arrow::after,
.elementor-158 .elementor-element.elementor-element-1bb1da3.bdt-submenu-type-inner .bdt-vertical-menu .metismenu > li.mm-active > .bdt-menu-arrow::after {
  width: 7px;
  height: 7px;
  border-width: 1.5px 0 0 1.5px;
  transform: translateY(-2px) rotate(-135deg);
  transform-origin: 50% 50%;
  transition: none;
}
.elementor-158 .elementor-element.elementor-element-1bb1da3.bdt-submenu-type-inner .bdt-vertical-menu .metismenu > li.mm-active > .bdt-menu-arrow {
  color: #0099dd;
}
.elementor-158 .elementor-element.elementor-element-1bb1da3.bdt-submenu-type-inner .bdt-vertical-menu .metismenu > li > a:only-child::after {
  content: "";
  position: absolute;
  top: calc(50% - 4px);
  inset-inline-end: calc(1em + 10px);
  width: 7px;
  height: 7px;
  border: 0 solid currentColor;
  border-width: 1.5px 0 0 1.5px;
  transform: translateX(1.5px) rotate(-45deg);
  pointer-events: none;
}
.elementor-158 .e-con.elementor-element.elementor-element-8e68f32 {
  align-items: center;
  --row-gap: 6px;
  --column-gap: 6px;
  min-height: 40px;
}
.elementor-158 .elementor-element-8e68f32 .elementor-element.elementor-element-58159b2 > .elementor-widget-container {
  margin-top: 0;
}