/* Additional mobile submenu arrow style for About -> Team */
.mobile-submenu-arrow-about {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  /* Keep About arrow on the same horizontal line as Contact arrow in mobile menu. */
  margin-inline-start: 0.28rem;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: var(--border-radius-md);
  color: var(--white);
  cursor: pointer;
  transition: all var(--transition-fast);
}

.mobile-submenu-arrow-about:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(243, 156, 18, 0.5);
}

.mobile-submenu-arrow-about i {
  font-size: 0.9em;
  transition: transform var(--transition-fast);
}

.mobile-submenu-arrow-about:hover i {
  transform: translateX(2px);
}

.mobile-submenu-arrow-about:focus-visible {
  outline: 2px solid var(--secondary-orange);
  outline-offset: 3px;
}

html[lang="en"] .mobile-submenu-arrow-about {
  margin-inline-start: 1.05rem;
}

html[lang="ru"] .mobile-submenu-arrow-about {
  margin-inline-start: 0.9rem;
}

/* Keep 'O klube' in a single line in mobile menu. */
.mobile-has-submenu-about .mobile-submenu-link {
  white-space: nowrap;
}