/* WhatsApp Agent, nested under EkaAgents in the navbar and footer of the
   EkaAgents page (dark ground). Same design as the WhatsApp page's nav, written
   with literal colours because this page has no theme tokens. Footer links
   carry data-sub, since the footer is native elements that cannot take a new
   class. */
.agent-nav-dd-link.is-sub,
.agent-nav-sheet-link.is-sub,
a.footer-menu-link[data-sub] {
  position: relative;
  margin-left: 14px; padding-left: 18px;
  font-size: 12.5px; font-weight: 400; line-height: 1.3;
  color: rgba(255, 255, 255, .62);
  opacity: 1;
}
.agent-nav-dd-link.is-sub::before,
.agent-nav-sheet-link.is-sub::before,
a.footer-menu-link[data-sub]::before {
  content: ""; position: absolute; left: 0; top: -8px; bottom: 50%;
  width: 10px;
  border-left: 1.5px solid rgba(255, 255, 255, .24);
  border-bottom: 1.5px solid rgba(255, 255, 255, .24);
  border-bottom-left-radius: 7px;
}
.agent-nav-sheet-link.is-sub::before { top: -10px; }
a.footer-menu-link[data-sub]::before { top: -6px; }
.agent-nav-dd-link.is-sub:hover,
.agent-nav-sheet-link.is-sub:hover,
a.footer-menu-link[data-sub]:hover { color: #fff; }

/* Phone: the parent row drops its hairline and the child sits under it with
   the connector, the line coming after the child, full width. */
.agent-nav-sheet-link:has(+ .is-sub) { border-bottom: 0; }
.agent-nav-sheet-link.is-sub { margin-left: 0; padding: 4px 0 12px 34px; font-size: 13.5px; }
.agent-nav-sheet-link.is-sub::before { left: 8px; width: 14px; top: -10px; bottom: 50%; }
@media screen and (max-width: 767px) {
  a.footer-menu-link:has(+ [data-sub]) { border-bottom: 0; }
  a.footer-menu-link[data-sub] { margin-left: 0; padding: 6px 0 14px 34px; font-size: 13.5px; }
  a.footer-menu-link[data-sub]::before { left: 8px; width: 14px; top: -12px; bottom: 50%; }
}